📌 一、项目简介
本系统采用Spring Boot + Vue + ElementUI技术栈,支持管理员和员工两类角色,涵盖文档上传、分类管理、公告发布、员工资料维护、部门岗位管理等核心功能。
系统目标是打造一个简洁高效的内部文档管理平台,便于员工随时获取重要文件资料,也方便管理员集中管理组织结构和文档资源。
✅ 提供完整源码 + MySQL数据库 + 项目说明文档
✅ 前后端分离,结构清晰,功能齐全
✅ 已适配 IDEA + MySQL + Node + Vue CLI 快速运行
👥 二、系统角色与功能分析
系统包括两个主要角色:管理员 和 员工,根据角色权限划分不同功能模块。
🔐 管理员端功能
1️⃣ 登录功能
-
管理员通过账号、密码、角色登录后台系统。
2️⃣ 首页信息
-
登录后可查看系统数据统计、公告预览等首页概览内容。
3️⃣ 个人中心
-
修改密码、头像、联系方式、个人信息维护。
4️⃣ 公告信息管理
-
公告发布:标题、内容、图片上传、发布日期等
-
公告维护:支持查看、修改、删除公告
5️⃣ 部门信息管理
-
查看所有部门名称、人数
-
支持部门的增删改查
-
查看部门成员详情
6️⃣ 岗位管理
-
岗位名称增删改查
-
与员工信息关联岗位字段
7️⃣ 员工信息管理
-
员工工号、姓名、性别、头像、联系方式、部门、岗位、年龄等
-
支持添加、修改、删除员工档案
8️⃣ 文档信息管理
-
文档上传:包括名称、类型、简介、附件(PDF/Word等)
-
支持查看、修改、删除文档信息
-
附件可直接在线预览或下载
👨💼 员工端功能
1️⃣ 登录功能
-
员工使用工号 + 密码进行身份认证
2️⃣ 首页信息
-
登录后查看公告简报、文档推荐等信息面板
3️⃣ 个人中心
-
可查看与修改个人信息,如头像、联系方式、岗位、部门等
4️⃣ 公告查看
-
浏览公告列表,查看公告详细内容及发布时间、发布人等
5️⃣ 文档查看与下载
-
浏览文档列表
-
根据类型/关键词筛选文档
-
查看文档简介、发布日期等信息
-
附件支持下载与在线预览
🧱 三、技术架构与环境配置
分类 | 技术说明 |
---|---|
开发语言 | Java、JavaScript |
后端框架 | Spring Boot + MyBatis |
前端框架 | Vue + ElementUI |
数据库 | MySQL 5.x/8.x |
Web服务器 | Tomcat |
工具推荐 | IDEA、Navicat、VS Code、Postman、Node.js |
✔ 支持本地运行与部署到服务器,适配 MySQL 多版本环境
✔ 提供运行脚本,环境配置简单,上手迅速
🧩 四、数据库结构设计(简略)
以下是部分核心数据表:
-
admin_user
:管理员用户表 -
employee_user
:员工信息表 -
department
:部门信息表 -
position
:岗位信息表 -
announcement
:公告信息表 -
document_info
:文档表,含名称、类型、简介、附件路径、发布日期 -
file_attachment
:文件存储表(可选分离上传逻辑)
📌 所有表结构、字段设计、字段类型均已在配套文档中详细描述
💡 五、项目亮点
-
✅ 支持文档上传、分类、在线预览、附件下载
-
✅ 公告模块简洁高效,员工可及时获取企业通知
-
✅ 权限分明:管理员/员工界面独立,功能互不干扰
-
✅ 数据层使用 MyBatis + 分层架构,结构清晰
-
✅ 前端响应式布局,兼容 PC 和移动端访问
🚀 六、系统运行指南
🔧 后端运行步骤
-
使用 IDEA 打开 Spring Boot 项目
-
导入 Maven 依赖
-
修改
application.yml
中数据库连接配置 -
启动
Application.java
即可运行后端服务
🎨 前端运行步骤
-
使用 VS Code 或 HBuilder 打开前端 Vue 项目
-
安装依赖:
npm install
-
修改 API 地址:在
config
中设置为后端接口地址 -
启动前端:
npm run serve
📷 七、界面截图预览
-
管理员后台首页
-
公告信息管理界面
-
员工个人中心
-
文档预览与下载界面
-
🎁 八、获取源码+数据库+说明文档
本项目已打包好以下资料:
-
🔹 完整前后端源码(Spring Boot + Vue)
-
🔹 MySQL数据库建表脚本及示例数据
-
🔹 系统功能说明文档(Word/PDF)
-
🔹 项目部署说明
如需获取源码可进入:源码获取平台
📝 九、总结
本文分享的在线文档管理系统基于主流的 Java + Vue 全栈架构,项目逻辑清晰、界面美观,实用性强,适合作为:
-
✅ 计算机专业毕业设计
-
✅ Java Web 项目实战训练
-
✅ Vue+SpringBoot 前后端整合案例
-
✅ 企业信息化管理系统原型