6.6

配件子系统技术方案详解

1. 技术选型

• 后端：Spring Boot（简化SSM开发流程，自动配置，快速集成MyBatis、Spring Security）
• 前端：Vue3（组件化开发，响应式数据绑定，高效渲染）
• 数据库：MySQL（事务支持，适合库存管理场景）

2. 用户角色与权限控制

• 三种用户角色：
  • 管理员：审核、系统配置
  • 仓库管理员：入库、出库、报废
  • 普通员工：领用、返还
• 权限实现：
  • Spring Security + JWT（登录认证）
  • Vue Router动态路由（不同角色加载不同页面）

3. 核心功能实现

• 登录与页面跳转：

  • 后端返回用户角色，前端根据角色动态渲染菜单（如v-if或路由守卫）
  • 示例代码（Vue3）：
    vue
    

• 库存操作（入库/出库/领用/返还/报废）：

  • 后端API：Spring Boot + MyBatis（事务管理@Transactional）
  • 前端组件：Vue3 + Element Plus（表单校验、表格展示）
  • 示例流程：
    1. 用户提交申请（领用/返还） → 仓库管理员审核
    2. 审核通过后更新库存（MySQL事务保证数据一致性）

• 审核功能：

  • 管理员界面显示待审核列表（Axios请求后端API）
  • 审核通过/拒绝后更新状态（后端@PatchMapping处理）

4. 数据库设计（关键表）

• 用户表（user）：id, username, password, role
• 库存表（inventory）：id, name, quantity, status
• 操作记录表（operation_log）：id, user_id, type（入库/领用等）, quantity, timestamp

5. 优势对比

• vs 传统SSM：Spring Boot免XML配置，内嵌Tomcat，依赖管理更简单
• vs jQuery/Vue2：Vue3组合式API+TypeScript支持，代码更易维护

6. 扩展性

• 未来可接入Redis（缓存高频访问数据）
• 使用WebSocket实现实时库存变动通知

（注：实际开发中需补充详细接口文档与异常处理逻辑）