OA系统从零搭建全流程实战

01

OA系统概述与项目初始化开篇

OA系统是什么 · 技术选型 (Spring Boot + Vue) · 项目初始化与目录结构搭建

概念+实操 01.html

02

数据库设计与用户模块

用户表设计 · 角色表设计 · 权限表设计 · 数据库初始化脚本编写

核心设计02.html

03

后端框架搭建

Spring Boot项目创建 · MyBatis-Plus集成 · 统一返回结果封装 · 全局异常处理

基建03.html

04

用户注册与登录

JWT令牌生成与验证 · 注册接口开发 · 登录接口开发 · 密码加密存储

认证04.html

05

用户管理模块

用户列表查询 · 用户新增/编辑/删除 · 分页与搜索功能

核心功能05.html

06

角色与权限管理

角色CRUD · 权限分配 · RBAC权限校验 · 注解式权限控制

权限06.html

07

前端项目初始化

Vue3 + Vite项目创建 · Element Plus组件库集成 · 路由配置 · Pinia状态管理

前端基建07.html

08

前端登录与注册页面

登录页面UI设计 · 注册页面UI设计 · 表单验证 · 与后端接口联调

联调08.html

09

前端用户管理页面

用户列表展示 · 新增/编辑用户弹窗 · 删除确认 · 分页与搜索组件

管理09.html

10

前端角色管理页面

角色列表 · 角色权限树形选择 · 角色分配用户 · 前端权限控制

权限树10.html

11

部门管理模块

部门表设计 · 部门树形结构API · 部门CRUD · 前端部门树组件

组织11.html

12

公告管理模块

公告表设计 · 公告发布与编辑 · 列表与详情 · 前端富文本编辑器集成

公告12.html

13

考勤管理模块（后端）

考勤表设计 · 签到/签退接口 · 考勤统计接口 · 异常考勤处理

后端13.html

14

考勤管理模块（前端）

签到/签退页面 · 考勤日历展示 · 考勤统计图表 · 异常考勤标记

前端14.html

15

审批流程设计

审批类型定义 · 审批节点设计 · 审批链配置 · 数据库表设计

设计15.html

16

审批流程后端开发

发起审批接口 · 审批流转(同意/驳回) · 审批历史查询 · 待办事项接口

后端16.html

17

审批流程前端开发

发起审批表单 · 审批列表 · 审批详情与操作 · 待办事项页面

前端17.html

18

文件管理模块

文件上传与下载 · 文件类型限制 · 文件预览(图片/PDF) · 存储策略(本地/OSS)

存储18.html

19

消息通知模块

系统消息表设计 · 站内信发送与接收 · WebSocket实时推送 · 已读/未读

通知19.html

20

日程管理模块

日程表设计 · 日程CRUD接口 · 日程提醒功能 · 前端日历组件集成

日程20.html

21

项目管理模块（后端）

项目表设计 · 项目成员管理 · 任务分配 · 项目进度跟踪

后端21.html

22

项目管理模块（前端）

项目列表与详情 · 任务看板(Kanban) · 甘特图展示 · 成员管理界面

前端22.html

23

日志管理模块

操作日志记录(AOP切面) · 登录日志 · 日志查询与导出 · 日志清理策略

审计23.html

24

系统配置模块

系统参数配置表 · 配置管理API · 前端配置页面 · 缓存配置(Redis)

配置24.html

25

数据统计与报表

考勤统计报表 · 审批统计报表 · 项目进度报表 · ECharts图表集成

可视化25.html

26

接口文档与测试

Swagger/Knife4j集成 · 接口调试 · Postman测试用例 · 单元测试编写

文档26.html

27

部署与运维

服务器环境准备(Linux) · Docker容器化部署 · Nginx反向代理 · HTTPS配置

部署27.html

28

性能优化

数据库索引优化 · SQL慢查询分析 · 前端懒加载与代码分割 · 缓存策略优化

优化28.html

29

安全加固

XSS/CSRF防护 · SQL注入防护 · 接口限流 · 敏感数据脱敏

安全29.html

30

项目总结与扩展

项目架构回顾 · 常见问题总结 · 功能扩展思路(移动端/钉钉集成) · 课程总结

收官30.html

OA系统 · 全流程实战