公文和邮件承载办公信息，部门任命和员工档案记录人员情况。报账、请假、考勤与薪资分别办理和查询。
这套 Java Web 项目采用 Vue 页面和 MySQL 数据库。使用时可按管理员、经理、员工的入口查看各自负责的业务。下面以财务报账、公文、员工为例，介绍操作入口、数据内容和本地部署方式。
一、项目概况
| 项目名称 | 线上办公管理系统 |
|---|---|
| 资源编号 | SSM444 |
| 技术栈 | SSM / Vue / MySQL |
| 参与角色 | 管理员、经理、员工 |
| 业务范围 | 公文邮件、财务报账与员工考勤 |
二、业务操作：公告类型列表
经理可以进入财务报账管理、考勤管理、公文管理、员工管理、部门任命管理、论坛管理、请假管理。
员工可以进入财务报账管理、考勤管理、公文管理、邮件管理、部门任命管理、论坛管理、请假管理。其中，“考勤管理”提供查看、打卡操作。
1. 公告类型列表
公告类型管理页面显示所有公告类型，在此页面既可以让管理员添加新的公告信息类型，也能对已有的公告类型信息执行编辑更新，失效的公告类型信息也能让管理员快速删除。下图就是公告类型管理页面。
三、功能维护：客户管理与公告信息管理
管理员可以进入财务报账类型管理、财务报账管理、公文类型管理、邮件类型管理、考勤管理、公文管理、邮件管理。
1. 客户管理
项目管理页面提供的功能操作有：查看客户，删除客户操作，新增客户操作，修改客户操作。下图就是客户管理页面。
2. 公告信息管理
公告信息管理页面提供的功能操作有：新增公告，修改公告，删除公告操作。下图就是公告信息管理页面。
3. 管理员登录
系统登录功能是程序必不可少的功能，在登录页面必填的数据有两项，一项就是账号，另一项数据就是密码，当管理员正确填写并提交这二者数据之后，管理员就可以进入系统后台功能操作区。下图就是管理员登录页面。
四、技术结构与学习重点
数据库与业务记录
主数据库脚本包含 16 张表。下表选取与公文邮件等业务相关的记录，列出表名和可在源码中直接查找的字段。
| 财务报账（caiwubaozhang） | 员工（yonghu_id）、财务报账标题（caiwubaozhang_name）、财务报账类型（caiwubaozhang_types） |
|---|---|
| 公文（gongwen） | 经理（jingli_id）、部门（bumen_types）、公文标题（gongwen_name） |
| 员工（yonghu） | 账户（username）、员工编号（yonghu_uuid_number）、员工姓名（yonghu_name） |
| 邮件（youjian） | 员工（yonghu_id）、邮件标题（youjian_name）、公文附件（youjian_file） |
| 考勤（chuqin） | 员工（yonghu_id）、上班打卡时间（on_time）、下班打卡时间（down_time） |
页面与后端接口
以财务报账为例，后端入口位于 CaiwubaozhangController.java，接口前缀为 /caiwubaozhang。可以对照 /caiwubaozhang/page 和 /caiwubaozhang/info/{id} 阅读对应的请求处理。
阅读详情或编辑页面时，可以沿着“员工”这个字段查找 yonghu_id，再对照 caiwubaozhang 表核对保存位置。这样可以把页面显示的名称、请求参数和数据库字段对应起来。
五、部署入口与配置位置
将包含 pom.xml 的 xianshangbangongguanlixitong 工程导入开发工具，新建 MySQL 数据库并导入 db.sql。在 src/main/resources/config.properties 中按本地环境填写数据库地址、库名和账号。
使用 Maven 构建 WAR 后部署至兼容的 Tomcat，核对应用上下文。单独运行或重建 Vue 页面时，还需检查前端接口地址是否指向同一应用。
首次进入项目，可先打开财务报账列表，选择一条已有记录，核对员工、财务报账标题等资料。
六、配套资料清单
- 项目源码（xianshangbangongguanlixitong）
- MySQL 数据库脚本（db.sql）
- 说明文档.txt
- 开题报告.docx
- 论文.doc
会员赠送权益
黄金会员自选 2 个项目，钻石会员累计自选 5 个项目；一次性赠送，不按天恢复。已领取项目可重复访问。
黄金升级钻石补足总额度；续费不重复赠送。每位付费会员共享有一次本地部署协助。
