|
| 1 | +# v0.4.7 发布说明 |
| 2 | + |
| 3 | +**发布日期**: 2025年1月XX日 |
| 4 | + |
| 5 | +## 版本概述 |
| 6 | + |
| 7 | +v0.4.7 版本主要优化了用户界面交互体验,为所有管理页面添加了搜索栏折叠功能,优化了Bug列表界面显示,并新增了用户管理中的修改密码功能,提升了系统的易用性和管理效率。 |
| 8 | + |
| 9 | +## 主要更新 |
| 10 | + |
| 11 | +### 1. 搜索栏折叠功能 ✨ |
| 12 | + |
| 13 | +#### 功能描述 |
| 14 | +为所有管理列表页面添加了搜索栏折叠/展开功能,用户可以根据需要控制搜索栏的显示状态,节省页面空间。 |
| 15 | + |
| 16 | +#### 功能特点 |
| 17 | +- **折叠/展开切换**:点击搜索栏标题旁的按钮可以折叠或展开搜索栏 |
| 18 | +- **默认折叠**:搜索栏默认处于折叠状态,节省页面空间 |
| 19 | +- **图标指示**:使用向上/向下箭头图标清晰指示当前状态 |
| 20 | +- **平滑过渡**:折叠和展开过程平滑自然 |
| 21 | + |
| 22 | +#### 涉及的页面 |
| 23 | +- ✅ 项目管理 (`Project.vue`) |
| 24 | +- ✅ Bug管理 (`Bug.vue`) |
| 25 | +- ✅ 需求管理 (`Requirement.vue`) |
| 26 | +- ✅ 测试管理 (`TestCase.vue`) |
| 27 | +- ✅ 任务管理 (`Task.vue`) |
| 28 | +- ✅ 测试报告 (`TestReport.vue`) |
| 29 | +- ✅ 版本管理 (`Version.vue`) |
| 30 | +- ✅ 用户管理 (`User.vue`) |
| 31 | +- ✅ 部门管理 (`Department.vue`) |
| 32 | +- ✅ 产品管理 (`Product.vue`) |
| 33 | +- ✅ 构建管理 (`Build.vue`) |
| 34 | +- ✅ 资源管理 (`Resource.vue`) |
| 35 | +- ✅ 报表 (`Report.vue`) |
| 36 | + |
| 37 | +#### 用户体验提升 |
| 38 | +- **节省空间**:默认折叠状态让列表区域更大,显示更多内容 |
| 39 | +- **按需展开**:需要搜索时再展开,不影响正常浏览 |
| 40 | +- **操作便捷**:一键切换,操作简单直观 |
| 41 | + |
| 42 | +### 2. Bug列表界面优化 🎨 |
| 43 | + |
| 44 | +#### 优化内容 |
| 45 | + |
| 46 | +##### 行高限制 |
| 47 | +- 限制表格行高,避免内容过长导致行高过大 |
| 48 | +- 提升列表的紧凑性和可读性 |
| 49 | + |
| 50 | +##### 分页位置调整 |
| 51 | +- 优化分页组件的位置和布局 |
| 52 | +- 使分页控件更易于访问和操作 |
| 53 | + |
| 54 | +##### 间距优化 |
| 55 | +- 缩小页面元素之间的间距 |
| 56 | +- 提升页面空间利用率 |
| 57 | + |
| 58 | +##### 移除 page-header |
| 59 | +- 移除多余的 page-header 组件 |
| 60 | +- 简化页面结构,减少视觉干扰 |
| 61 | + |
| 62 | +##### 默认每页20条 |
| 63 | +- 将默认每页显示数量从10条调整为20条 |
| 64 | +- 减少翻页次数,提升浏览效率 |
| 65 | + |
| 66 | +#### 优化效果 |
| 67 | +- **更紧凑的布局**:页面空间利用更高效 |
| 68 | +- **更好的可读性**:行高适中,内容清晰 |
| 69 | +- **更快的浏览**:默认显示更多内容,减少翻页 |
| 70 | +- **更简洁的界面**:移除冗余元素,界面更清爽 |
| 71 | + |
| 72 | +### 3. 用户管理:修改密码功能 🔐 |
| 73 | + |
| 74 | +#### 功能描述 |
| 75 | +在用户管理列表的操作列中,为每个用户添加了"修改密码"功能,管理员可以直接修改任意用户的密码。 |
| 76 | + |
| 77 | +#### 功能特点 |
| 78 | +- **便捷操作**:在用户列表的操作列中直接点击"修改密码"按钮 |
| 79 | +- **密码强度验证**:新密码必须满足强度要求(至少6位,包含大写字母、小写字母和数字) |
| 80 | +- **确认密码**:需要输入两次密码进行确认,避免输入错误 |
| 81 | +- **安全可靠**:密码加密存储,符合安全规范 |
| 82 | + |
| 83 | +#### 使用场景 |
| 84 | +- 用户忘记密码,管理员代为重置 |
| 85 | +- 新用户首次登录需要设置密码 |
| 86 | +- 定期更换用户密码,提升安全性 |
| 87 | +- 批量用户密码管理 |
| 88 | + |
| 89 | +#### 界面设计 |
| 90 | +- **按钮位置**:位于"编辑"按钮旁边,操作便捷 |
| 91 | +- **对话框设计**:清晰的表单布局,包含用户名显示、新密码输入、确认密码输入 |
| 92 | +- **密码提示**:显示密码强度要求,帮助用户设置符合要求的密码 |
| 93 | +- **验证反馈**:实时验证密码格式和一致性,提供清晰的错误提示 |
| 94 | + |
| 95 | +#### 技术实现 |
| 96 | +- 使用现有的 `updateUser` API,传递 `nickname` 和 `password` 字段 |
| 97 | +- 前端表单验证确保密码强度和一致性 |
| 98 | +- 后端验证密码强度并加密存储 |
| 99 | + |
| 100 | +## 技术实现 |
| 101 | + |
| 102 | +### 搜索栏折叠功能 |
| 103 | + |
| 104 | +#### 实现方案 |
| 105 | +1. **状态管理** |
| 106 | + ```typescript |
| 107 | + const searchFormVisible = ref(false) // 默认折叠 |
| 108 | + ``` |
| 109 | + |
| 110 | +2. **切换函数** |
| 111 | + ```typescript |
| 112 | + const toggleSearchForm = () => { |
| 113 | + searchFormVisible.value = !searchFormVisible.value |
| 114 | + } |
| 115 | + ``` |
| 116 | + |
| 117 | +3. **模板实现** |
| 118 | + ```vue |
| 119 | + <a-form v-show="searchFormVisible" layout="inline" :model="searchForm"> |
| 120 | + <!-- 搜索表单内容 --> |
| 121 | + </a-form> |
| 122 | + ``` |
| 123 | + |
| 124 | +4. **图标切换** |
| 125 | + ```vue |
| 126 | + <UpOutlined v-if="searchFormVisible" /> |
| 127 | + <DownOutlined v-else /> |
| 128 | + ``` |
| 129 | + |
| 130 | +### Bug列表界面优化 |
| 131 | + |
| 132 | +#### 样式调整 |
| 133 | +1. **行高限制**:使用 CSS 限制表格行高 |
| 134 | +2. **间距优化**:调整 margin 和 padding 值 |
| 135 | +3. **分页布局**:优化分页组件的位置和样式 |
| 136 | +4. **移除冗余**:删除 page-header 相关代码 |
| 137 | + |
| 138 | +### 修改密码功能 |
| 139 | + |
| 140 | +#### 前端实现 |
| 141 | +1. **表单数据** |
| 142 | + ```typescript |
| 143 | + const changePasswordFormData = reactive({ |
| 144 | + id: 0, |
| 145 | + username: '', |
| 146 | + nickname: '', |
| 147 | + password: '', |
| 148 | + confirmPassword: '' |
| 149 | + }) |
| 150 | + ``` |
| 151 | + |
| 152 | +2. **验证规则** |
| 153 | + - 密码强度验证:至少6位,包含大小写字母和数字 |
| 154 | + - 确认密码验证:两次输入必须一致 |
| 155 | + |
| 156 | +3. **API调用** |
| 157 | + ```typescript |
| 158 | + await updateUser(changePasswordFormData.id, { |
| 159 | + nickname: changePasswordFormData.nickname, |
| 160 | + password: changePasswordFormData.password |
| 161 | + }) |
| 162 | + ``` |
| 163 | + |
| 164 | +## 问题修复详情 |
| 165 | + |
| 166 | +### 修复的问题 |
| 167 | +- ✅ 搜索栏占用过多页面空间 |
| 168 | +- ✅ Bug列表界面不够紧凑,行高过大 |
| 169 | +- ✅ 用户密码管理不便,需要编辑整个用户信息 |
| 170 | +- ✅ 默认每页显示数量较少,需要频繁翻页 |
| 171 | + |
| 172 | +### 修复后的效果 |
| 173 | +- ✅ 搜索栏可以折叠,节省页面空间 |
| 174 | +- ✅ Bug列表界面更紧凑,显示更高效 |
| 175 | +- ✅ 可以直接修改用户密码,操作更便捷 |
| 176 | +- ✅ 默认显示更多内容,减少翻页操作 |
| 177 | + |
| 178 | +## 测试验证 |
| 179 | + |
| 180 | +### 测试场景 |
| 181 | +1. ✅ 所有管理页面的搜索栏折叠/展开功能正常 |
| 182 | +2. ✅ Bug列表界面显示优化效果符合预期 |
| 183 | +3. ✅ 用户管理修改密码功能正常 |
| 184 | +4. ✅ 密码强度验证正常工作 |
| 185 | +5. ✅ 确认密码验证正常工作 |
| 186 | +6. ✅ 修改密码后可以正常登录 |
| 187 | +7. ✅ 默认每页20条显示正常 |
| 188 | +8. ✅ 分页功能正常 |
| 189 | + |
| 190 | +### 测试结果 |
| 191 | +- 所有测试场景通过 |
| 192 | +- 界面交互体验显著提升 |
| 193 | +- 功能稳定可靠 |
| 194 | +- 无回归问题 |
| 195 | + |
| 196 | +## 更新内容 |
| 197 | + |
| 198 | +### 修改文件 |
| 199 | + |
| 200 | +**前端**: |
| 201 | +- `frontend/src/views/project/Project.vue` - 添加搜索栏折叠功能 |
| 202 | +- `frontend/src/views/bug/Bug.vue` - 添加搜索栏折叠功能,优化界面显示 |
| 203 | +- `frontend/src/views/requirement/Requirement.vue` - 添加搜索栏折叠功能 |
| 204 | +- `frontend/src/views/test/TestCase.vue` - 添加搜索栏折叠功能 |
| 205 | +- `frontend/src/views/task/Task.vue` - 添加搜索栏折叠功能 |
| 206 | +- `frontend/src/views/test/TestReport.vue` - 添加搜索栏折叠功能 |
| 207 | +- `frontend/src/views/version/Version.vue` - 添加搜索栏折叠功能 |
| 208 | +- `frontend/src/views/user/User.vue` - 添加搜索栏折叠功能,添加修改密码功能 |
| 209 | +- `frontend/src/views/department/Department.vue` - 添加搜索栏折叠功能 |
| 210 | +- `frontend/src/views/product/Product.vue` - 添加搜索栏折叠功能 |
| 211 | +- `frontend/src/views/build/Build.vue` - 添加搜索栏折叠功能 |
| 212 | +- `frontend/src/views/resource/Resource.vue` - 添加搜索栏折叠功能 |
| 213 | +- `frontend/src/views/report/Report.vue` - 添加搜索栏折叠功能 |
| 214 | + |
| 215 | +## 代码质量改进 |
| 216 | + |
| 217 | +### 用户体验 |
| 218 | +- **改进前**:搜索栏始终显示,占用页面空间 |
| 219 | +- **改进后**:搜索栏可折叠,按需显示 |
| 220 | +- **优势**:页面空间利用更高效,界面更清爽 |
| 221 | + |
| 222 | +### 操作效率 |
| 223 | +- **改进前**:修改用户密码需要编辑整个用户信息 |
| 224 | +- **改进后**:可以直接修改密码,操作更便捷 |
| 225 | +- **优势**:减少操作步骤,提升管理效率 |
| 226 | + |
| 227 | +### 界面优化 |
| 228 | +- **改进前**:Bug列表界面不够紧凑,默认显示数量少 |
| 229 | +- **改进后**:界面更紧凑,默认显示更多内容 |
| 230 | +- **优势**:信息密度更高,浏览效率提升 |
| 231 | + |
| 232 | +## 已知问题 |
| 233 | + |
| 234 | +无 |
| 235 | + |
| 236 | +## 后续计划 |
| 237 | + |
| 238 | +- 继续优化其他页面的用户体验 |
| 239 | +- 考虑添加更多批量操作功能 |
| 240 | +- 优化移动端响应式布局 |
| 241 | +- 考虑添加密码策略配置功能 |
| 242 | + |
| 243 | +## 升级指南 |
| 244 | + |
| 245 | +### 从 v0.4.6 升级 |
| 246 | + |
| 247 | +1. **代码更新**:拉取最新代码 |
| 248 | + ```bash |
| 249 | + git pull origin main |
| 250 | + ``` |
| 251 | + |
| 252 | +2. **前端构建**:重新构建前端代码 |
| 253 | + ```bash |
| 254 | + cd frontend |
| 255 | + npm install |
| 256 | + npm run build |
| 257 | + ``` |
| 258 | + |
| 259 | +3. **测试验证**: |
| 260 | + - 测试所有管理页面的搜索栏折叠功能 |
| 261 | + - 验证Bug列表界面优化效果 |
| 262 | + - 测试用户管理修改密码功能 |
| 263 | + - 检查密码强度验证是否正常 |
| 264 | + |
| 265 | +### 注意事项 |
| 266 | + |
| 267 | +- 此版本主要进行界面优化和功能增强 |
| 268 | +- 不影响现有功能,仅改善用户体验 |
| 269 | +- 所有页面自动应用新的搜索栏折叠功能 |
| 270 | +- 修改密码功能需要管理员权限 |
| 271 | + |
| 272 | +## 开发体验改进 |
| 273 | + |
| 274 | +### 界面交互 |
| 275 | +- 统一的搜索栏折叠模式,便于新页面开发 |
| 276 | +- 清晰的交互逻辑,易于理解和维护 |
| 277 | +- 减少界面冗余,提升用户体验 |
| 278 | + |
| 279 | +### 功能完善 |
| 280 | +- 用户管理功能更完善,支持密码管理 |
| 281 | +- 界面优化提升操作效率 |
| 282 | +- 统一的交互模式,降低学习成本 |
| 283 | + |
| 284 | +## 致谢 |
| 285 | + |
| 286 | +感谢所有贡献者的支持和反馈! |
| 287 | + |
| 288 | +--- |
| 289 | + |
| 290 | +**下载地址**: [GitHub Releases](https://github.com/funnywwh/goproject/releases/tag/v0.4.7) |
| 291 | + |
0 commit comments