OA系统 · 前后端分离实战

📚 30章完整版 v2.0
01 项目导学与环境搭建
OA系统概述 前后端分离架构 JDK/Node.js/Maven/Git 创建项目骨架
02 后端初始化 & 数据库设计
Spring Boot搭建 MySQL配置 表结构设计 JPA逆向生成
03 用户认证模块(一) JWT
JWT原理与集成 登录接口 BCrypt加密 Token生成校验
04 用户认证模块(二) Security
Spring Security配置 自定义过滤器 权限上下文 登录拦截/异常处理
05 用户管理模块(一) CRUD
CRUD接口设计 RESTful API 统一返回封装 全局异常处理
06 用户管理模块(二) 分页/搜索
分页查询与排序 模糊搜索 启用/禁用 批量删除
07 部门管理模块
树形结构设计 部门CRUD 递归查询子部门 部门-用户关联
08 角色与权限管理(一) RBAC
RBAC模型详解 角色CRUD 权限数据初始化 角色-权限关联
09 角色与权限管理(二) 分配/校验
为用户分配角色 批量操作 @PreAuthorize 自定义权限校验
10 文件上传与下载
文件服务器选型 上传接口 下载与预览 类型/大小限制
11 通知公告模块
公告CRUD 发布与撤回 置顶功能 已读/未读状态
12 考勤管理(一) 打卡规则
考勤规则设计 上班/下班打卡 时间校验 迟到早退判定
13 考勤管理(二) 统计/导出
考勤统计接口 月度报表 补卡申请 导出Excel
14 审批流程模块(一) 引擎/部署
Flowable/Camunda 流程定义与部署 发起审批实例
15 审批流程模块(二) 流转/历史
同意/驳回/转办 任务列表查询 审批历史记录 流程图高亮
16 消息通知模块
站内信设计 WebSocket推送 已读/未读 系统/个人消息
17 日志管理模块
操作日志(AOP) 登录日志 日志查询与清理 按月分表
18 前端初始化 & 路由设计
Vue3+Vite搭建 Element Plus 路由配置(动态) 布局组件
19 前端登录 & 权限控制
登录页面开发 Token存储/携带 路由守卫 动态路由生成
20 前端用户管理页面
用户列表页 搜索/分页组件 新增/编辑对话框 状态切换/批量删除
21 前端部门管理页面
部门树 el-tree CRUD对话框 拖拽排序 部门选择器封装
22 前端角色与权限页面
角色列表页 分配权限树 分配角色对话框 权限标识展示
23 前端通知公告页面
公告列表页 富文本编辑器 发布公告表单 已读状态展示
24 前端考勤管理页面
打卡页面(定位) 考勤日历 统计图表(ECharts) 补卡申请表单
25 前端审批流程页面
发起审批(动态表单) 待办/已办任务 审批对话框 流程图查看
26 前端消息中心页面
消息列表页 WebSocket连接 消息详情 标记已读/全部已读
27 前端个人中心 & 设置
个人信息修改 修改密码 头像上传 主题切换(暗黑)
28 项目部署 & CI/CD
Linux环境准备 Docker部署后端 Nginx部署前端 Jenkins流水线
29 性能优化 & 安全加固
数据库索引优化 Redis缓存 防SQL注入/XSS 接口限流
30 项目总结 & 面试指南
项目亮点梳理 面试题解析 简历写法指导 扩展功能展望