SpringBoot+Vue3企业文档管理系统(AI编程)














IntelliJ IDEA 2022.3.3


HBuilder X


企业级文档管理系统 – 后端开发文档
一、项目概述
1.1 项目简介
企业级文档管理系统后端API服务,采用Spring Boot+MyBatis-Plus技术栈构建,提供文档上传下载、文件夹管理、用户权限控制、操作日志记录等核心功能。
1.2 技术栈
|
|
|
|
|---|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1.3 项目结构
src/main/java/com/example/document/├── DocumentManagementApplication.java # 应用启动类├── config/ # 配置类│ ├── CorsConfig.java # 跨域配置│ ├── JwtAuthenticationFilter.java # JWT认证过滤器│ ├── JwtUtil.java # JWT工具类│ ├── MybatisPlusConfig.java # MyBatis-Plus配置│ ├── MyMetaObjectHandler.java # 自动填充处理器│ ├── PasswordConfig.java # 密码加密配置│ ├── SecurityConfig.java # Spring Security配置│ └── SwaggerConfig.java # Swagger配置├── controller/ # 控制器层│ ├── AuthController.java # 认证接口│ ├── FileController.java # 文件接口│ ├── FolderController.java # 文件夹接口│ └── OperationLogController.java # 操作日志接口├── service/ # 服务层│ ├── AuthService.java # 认证服务│ ├── FileService.java # 文件服务│ ├── FolderService.java # 文件夹服务│ ├── LocalFileStorageService.java # 本地文件存储服务│ └── OperationLogService.java # 操作日志服务├── mapper/ # 数据访问层│ ├── DocFileMapper.java # 文件Mapper│ ├── DocFolderMapper.java # 文件夹Mapper│ ├── SysOperationLogMapper.java # 操作日志Mapper│ └── SysUserMapper.java # 用户Mapper├── entity/ # 实体类│ ├── DocFile.java # 文件实体│ ├── DocFolder.java # 文件夹实体│ ├── SysOperationLog.java # 操作日志实体│ └── SysUser.java # 用户实体├── dto/│ ├── request/ # 请求DTO│ │ ├── ChangePasswordRequest.java # 修改密码请求│ │ ├── CreateFolderRequest.java # 创建文件夹请求│ │ ├── LoginRequest.java # 登录请求│ │ ├── OperationLogRequest.java # 操作日志请求│ │ ├── RegisterRequest.java # 注册请求│ │ └── UpdateUserInfoRequest.java # 修改个人信息请求│ └── response/│ └── Result.java # 统一响应格式└── exception/ # 异常处理 └── GlobalExceptionHandler.java # 全局异常处理器
二、配置说明
2.1 application.yml 主要配置
server:port: 8080spring:datasource:url: jdbc:mysql://192.168.200.84:3306/document_db?useSSL=false&serverTimezone=UTC&allowPublicKeyRetrieval=trueusername: rootpassword: 123456servlet:multipart:max-file-size: 50MBmax-request-size: 50MBjackson:date-format: yyyy-MM-dd'T'HH:mm:sstime-zone: GMT+8jwt:secret: document-management-jwt-secret-key-2024expiration: 86400000file:upload-dir: ./uploads
2.2 CORS跨域配置
-
允许前端来源: http://localhost:5173,http://localhost:5174 -
允许HTTP方法: GET,POST,PUT,DELETE,OPTIONS -
允许携带凭证: true
# 企业级文档管理系统 – 前端开发文档
### 1.2 功能特性
| 模块 | 功能 | 状态 |
|——|——|——|
| 用户认证 | 登录、注册、退出登录 | ✅ 已完成 |
| 文档管理 | 文档列表、上传、下载、预览、删除 | ✅ 已完成 |
| 文件夹管理 | 创建、编辑、删除文件夹 | ✅ 已完成 |
| 个人中心 | 用户信息查看、修改、密码修改 | ✅ 已完成 |
| 操作日志 | 记录用户操作行为 | ✅ 已完成 |
### 1.3 技术栈
| 分类 | 技术 | 版本 |
|——|——|——|
| 框架 | Vue | 3.x |
| 语言 | TypeScript | 5.x |
| 构建工具 | Vite | 6.x |
| UI组件库 | Element Plus | 2.x |
| 状态管理 | Pinia | 2.x |
| 路由 | Vue Router | 4.x |
| HTTP客户端 | Axios | 1.x |
## 2. 项目结构
src/├── api/ # API接口封装│ ├── document.ts # 文档和文件夹相关接口│ └── user.ts # 用户相关接口├── components/ # 公共组件│ ├── DocumentPreview.vue # 文档预览弹窗│ └── FileUpload.vue # 文件上传组件├── stores/ # Pinia状态管理│ ├── document.ts # 文档状态管理│ └── user.ts # 用户状态管理├── views/ # 页面视图│ ├── Index.vue # 文档管理主页│ ├── Login.vue # 登录页面│ ├── Register.vue # 注册页面│ └── Profile.vue # 个人中心页面├── App.vue # 根组件├── main.ts # 入口文件├── router/index.ts # 路由配置└── style.css # 全局样式
### 2.1 目录职责说明
| `api/` | 封装后端API接口,提供统一的数据请求入口 |
| `components/` | 可复用的UI组件,如弹窗、上传组件等 |
| `stores/` | Pinia状态管理,管理全局状态如用户信息、文档列表 |
| `views/` | 页面级组件,对应路由页面 |
| `router/` | 路由配置,定义页面路由规则 |
加入会员学习AI编程项目实战课程,感兴趣的同学私信

大家好,我是李工。一起探讨AI编码、用好AI工具、拥抱智能AI,欢迎评论区交流。
C#Avalonia跨平台智能超市电子秤计量系统(AI编程)
C#WPF+SqlSugar自定义表单多数据库版本(AI编程)
夜雨聆风