乐于分享
好东西不私藏

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

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

一、效果展示
登录
注册
系统首页
创建文件夹
修改文件夹
删除文件夹
上传文件
上传成功
文件详情
下载文件
操作日志
个人中心    
swagger接口文档
二、项目开发

IntelliJ IDEA 2022.3.3

启动后端

HBuilder X

启动前端
三、AI提示词

企业级文档管理系统 – 后端开发文档

一、项目概述

1.1 项目简介

企业级文档管理系统后端API服务,采用Spring Boot+MyBatis-Plus技术栈构建,提供文档上传下载、文件夹管理、用户权限控制、操作日志记录等核心功能。

1.2 技术栈

技术
版本
说明
Spring Boot
2.7.18
应用框架
Spring Security
2.7.x
安全认证框架
MyBatis-Plus
3.5.3.1
ORM框架
MySQL
8.0
关系型数据库
Redis
6.0
缓存数据库
JWT
身份认证令牌
Swagger/OpenAPI
1.6.13
API文档生成

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:port8080spring:datasource:urljdbc:mysql://192.168.200.84:3306/document_db?useSSL=false&serverTimezone=UTC&allowPublicKeyRetrieval=trueusernamerootpassword123456servlet:multipart:max-file-size50MBmax-request-size50MBjackson:date-formatyyyy-MM-dd'T'HH:mm:sstime-zoneGMT+8jwt:secretdocument-management-jwt-secret-key-2024expiration86400000file:upload-dir./uploads

2.2 CORS跨域配置

  • 允许前端来源: http://localhost:5173http://localhost:5174
  • 允许HTTP方法: GETPOSTPUTDELETEOPTIONS
  • 允许携带凭证: 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#WPF+Sqlite实现表单自定义(AI编程)

C#Avalonia跨平台智能超市电子秤计量系统(AI编程)

C#WPF智能记账软件(AI编程)

C#WPF通用自定义查询报表工具(AI编程)

C#WPF+SqlSugar自定义表单多数据库版本(AI编程)

C#WPF+SQLite医院电视排队叫号系统(AI编程)

C#WPF实现水印消除大师(AI编程)

C#Avalonia跨平台表单自定义(AI编程)

微信小程序+云存储打卡签到系统(AI编程)

WPF+SQLite数据看板(AI编程)