小型企业办公自动化系统是一套基于 SSM 与 Vue 2 的 Java Web 项目,将人员资料、工资记录、通知公告、内部邮件、员工留言与离职申请集中到同一个后台。它围绕企业日常办公的信息登记、查询和审核展开,适合学习多角色管理系统的页面组织与业务实现。
项目设置管理员、部门经理、员工和总经理四类角色,配套 Java 源码、Vue 页面源码、MySQL 数据库脚本、项目说明及设计论文。不同身份进入同一套后台,根据菜单权限使用对应模块。
一、项目概况
| 项目名称 | 小型企业办公自动化系统 |
|---|---|
| 资源编号 | SSM013 |
| 主要角色 | 管理员、部门经理、员工、总经理 |
| 后端技术 | Java、Spring、Spring MVC、MyBatis-Plus |
| 前端技术 | Vue 2、Element UI、Vue Router、Axios |
| 数据库 | MySQL |
| 工程形式 | Maven 工程,WAR 打包;Vue CLI 管理端 |
| 业务范围 | 人员资料、审批流程资料、员工留言、内部邮件、工资记录、通知公告、离职申请 |
二、管理员:维护办公基础资料
人员与账号管理
管理员维护部门经理、员工、总经理及管理员账号,完成新增、查询、修改和删除等操作。角色菜单配置没有开放自主注册入口,使用时应先由管理端准备相应账号,再分别登录演示各角色功能。
审批流程与公告管理
审批流程模块以部门、审批项目、审批流程说明和相关附件为主要内容,支持检索与资料维护。它用于集中展示办事流程和附件,便于其他角色查阅,适合学习带文件上传下载的业务表单。

通知公告模块提供公告发布和维护入口,用于传达企业内部信息;公告附件能够作为补充材料供用户下载。管理员还可以管理留言、邮件、工资和离职申请等业务数据。

三、部门经理与总经理:处理人员事务
工资登记与查询
部门经理可从员工列表进入工资操作,维护员工的发薪月份、基本工资、提成、补贴、扣款及扣款备注。源码中的工资表单按“基本工资 + 提成 + 补贴 − 扣款”计算实发工资,列表展示各项明细,方便对照表单与数据实体理解计算字段的实现。

这里的工资功能属于工资信息登记与展示,不代表已经接入银行代发或实际资金支付。演示数据中的部分记录是占位内容,练习时可替换为完整的数值测试数据。
员工留言与离职申请审核
员工提交留言后,部门经理可以查看、审核和回复;离职申请记录员工工号、姓名、部门编号、日期及离职原因,并保存审核状态和审核回复。总经理也有查看和审核离职申请的菜单入口,可以在统一界面了解人员变动信息。

总经理还可以查看人员、工资、内部邮件和审批流程资料,并发布通知公告。不同角色的操作按钮有所区别,可结合菜单配置学习同一模块面向不同身份的界面组织。
四、员工:查看工资、提交留言与内部邮件
个人工资与办公资料
员工可查看工资明细、通知公告及审批流程资料。工资分页接口会在员工身份下按当前登录工号设置查询条件,从业务代码中可以看到个人数据查询与通用列表查询的区别。
留言与离职申请
员工通过表单填写留言内容,交由管理角色审核回复,也可以提交离职申请。论文对留言提交、工资查看和邮件新增分别展示了页面,适合按“提交资料—管理端处理—查看记录”的顺序进行功能演示。

内部邮件与附件
内部邮件表单包含工号、员工姓名、部门编号、标题、内容、日期及附件,员工可以新增和管理自己的邮件记录,管理角色按菜单权限查看相关信息。这一模块以站内记录和附件管理为主,文章不将其描述为已接入外部邮箱的邮件发送服务。

五、技术结构与学习重点
后端依赖采用 Spring 5.0.0.RELEASE 与 MyBatis-Plus 2.3,使用 Controller、Service、Mapper 和 Entity 等层次组织业务。前端依赖声明 Vue 2.6、Element UI 2.13 和 Vue CLI 4,页面由 Vue 单文件组件实现。因此,本项目应按 SSM + Vue 管理端理解,而不能仅因 Java Web 工程包含通用依赖就归为 JSP 页面项目。
- 多角色菜单:从
admin/src/utils/menu.js查看四类角色的模块和按钮配置。 - 工资表单计算:结合工资实体与 Vue 表单学习字段绑定、数值计算及列表展示。
- 审核状态:通过留言和离职申请理解审核状态、审核回复与页面操作的对应关系。
- 附件管理:阅读审批流程、公告、内部邮件中的上传与下载处理。
- 个人数据查询:结合员工工号过滤理解登录身份与数据查询条件的关联。
审批流程模块主要管理说明和附件,并不是可视化工作流引擎;离职申请也不应直接理解为已具备多级顺序流转。项目适合课程设计、源码阅读和二次开发练习,本次介绍依据源码与论文整理,未进行完整部署及运行测试。
六、部署入口与配置位置
| 工程目录 | ssmb5vlg |
|---|---|
| 数据库脚本 | 资源根目录 db.sql |
| 数据库配置 | src/main/resources/config.properties |
| 默认数据库名称 | ssmb5vlg |
| Vue 源码目录 | src/main/webapp/admin |
| 前端接口配置 | src/main/webapp/admin/src/utils/base.js |
| 默认后台入口 | http://localhost:8080/ssmb5vlg/admin/dist/index.html |
| 上传资源目录 | src/main/webapp/upload |
先导入数据库脚本并修改连接配置,再以 Maven Web 工程部署到兼容的 Tomcat 环境。若调整端口或应用上下文,需要同步修改前端接口地址。需要修改 Vue 页面时,在管理端目录安装依赖并使用项目提供的构建命令,保持构建产物与访问路径一致。
前端使用较早的 Vue CLI 与 node-sass 依赖,安装时需注意 Node.js 与原有依赖的兼容性。首次运行可结合包内说明核对账号与入口,再依次测试人员维护、工资登记、留言提交、审核回复和附件下载。
七、配套资料清单
- 项目源码:SSM 后端、Vue 管理端及相关静态资源。
- 数据库:
db.sql,用于初始化项目数据。 - 项目说明:
说明文档.txt,包含访问入口与配置提示。 - 设计论文:
论文.doc,包含系统分析、设计、功能展示与测试说明。
本项目目录未发现独立 PPT、开题报告或任务书,资料范围以以上实际文件为准。正文截图取自配套论文,用于展示原项目界面;顶部封面与列表特色图为项目介绍配图。
会员赠送权益
黄金会员自选 2 个项目,钻石会员累计自选 5 个项目;一次性赠送,不按天恢复。已领取项目可重复访问。
黄金升级钻石补足总额度;续费不重复赠送。每位付费会员共享有一次本地部署协助。








