一、技术路线：

开发语言：Java

使用框架：spring boot

前端技术：JavaScript、VUE.js（2.X）、css3

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

视频加载中...

三、运行截图：

编程人员在搭建的开发环境中，会让各种编程技术一起呈现出最终效果。本节就展示关键部分的页面效果。

3.1 管理员功能实现

3.1.1 公告管理

图3.1 即为编码实现的公告管理界面，管理员在公告管理界面中发布公告，已经发布的公告信息如果存在错误信息，可以及时更改，在公告管理界面，管理员对需要删除的公告进行删除，查询公告信息时，需要在查询框中编辑公告名称才可以查询出公告信息，公告信息不仅包括公告图片，公告类型，也包括公告名称，公告发布时间等信息。

图3.1 公告管理界面

3.1.2 收支管理

图3.2 即为编码实现的收支管理界面，管理员在收支管理界面中新增收支信息，主要是对支出信息或者是收入信息进行登记，已经新增的收支信息存在登记错误的情况，也能及时更改，在收支管理界面，管理员也能删除需要删除的收支信息，查看收支报表，收支信息主要包括收支类型，收支金额信息，以及收支名称等信息。

图3.2 收支管理界面

3.1.3 销售订单管理

图3.3 即为编码实现的销售订单管理界面，管理员在销售订单管理界面可以新增销售订单信息，销售订单信息主要包括销售数量，销售时间，销售金额，员工姓名，销售名称，添加时间等信息，销售订单信息存在登记错误的情况也能及时更改，同时在销售订单管理界面，管理员也能删除需要删除的销售订单信息，根据员工姓名查询销售订单，或者是选择销售类型来完成对销售订单信息的筛选。

图3.3 销售订单管理界面

3.1.4 薪资管理

图3.4 即为编码实现的薪资管理界面，管理员在薪资管理界面新增员工薪资，员工薪资主要包括基本工资，奖金，绩效，补贴，实发薪资，添加时间，月份，员工姓名，员工头像，员工手机号等信息，已经存在的员工薪资信息如果存在登记错误的情况，也可以及时更改，在薪资管理界面，管理员可以删除需要删除的薪资信息，提供员工姓名可以对员工薪资信息进行查询，或者选择月份来完成对员工薪资信息的筛选等。

图3.4 薪资管理界面

3.1.5 员工管理

图3.5 即为编码实现的员工管理界面，管理员新增员工信息，员工信息如果存在登记错误的情况，可以及时更改，在员工管理界面，管理员也能删除需要删除的员工信息，对员工的账户进行密码重置，员工信息主要包括员工身份证号，员工手机，员工姓名，部门，性别，电子邮箱，户籍，现住址等信息，管理员如果需要快速找到需要的员工信息，可以使用员工管理界面的查询功能，查询前，需要在查询框中登记信息，如果选择根据员工姓名查询，则需要对员工的姓名进行登记才能查询，如果选择职位查询，那么需要选择员工的职位信息才能查询员工信息，如果选择部门查询，那么需要选择员工所属的部门才能查询出员工信息。

图3.5 员工管理界面

3.1.6 职位管理

图3.6 即为编码实现的职位管理界面，管理员在职位管理界面新增职位信息时，只需登记职位名称即可提交，已经存在的职位信息也能进行及时更改，在职位管理界面中，管理员可以删除需要删除的职位信息，查询职位信息也能根据职位名称来查询职位信息等。

图3.6 职位管理界面

3.1.7 部门管理

图3.7 即为编码实现的部门管理界面，管理员在部门管理界面新增部门信息时，只需登记部门名称即可提交，已经存在的部门信息也能进行及时更改，在部门管理界面中，管理员可以删除需要删除的部门信息，查询部门信息也能根据部门名称来查询部门信息等。

图3.7 部门管理界面

3.2 员工功能实现

3.2.1 公告查看

图3.8 即为编码实现的公告查看界面，员工查看公告，只要管理员更新公告，那么员工就能在公告查看界面对公告进行查看，如果公告信息比较多，员工就可以使用公告查看界面的查询功能实现对公告的查询，查询前需要在查询框中编辑公告名称即可实现对公告的查询。

图3.8 公告查看界面

3.2.2 销售订单查看

图3.9 即为编码实现的销售订单查看界面，员工在销售订单查看界面中主要是对属于自己的销售订单的信息进行查看，当销售订单信息比较多时，员工可以使用销售订单查看界面的查询功能来实现对销售订单的查询，查询前，需要选择适合的查询方式来进行查询，如果选择根据销售订单类型查询销售订单信息，则会查询并显示出该销售订单类型的销售订单信息。

图3.9 销售订单查看界面

3.2.3 薪资查看

图3.10 即为编码实现的薪资查看界面，员工在薪资查看界面中只能查看属于自己的薪资信息，当薪资信息比较多时，员工可以使用薪资查看界面的查询功能进行薪资查询。

图3.10 薪资查看界面

3.2.4 个人信息

图3.11 即为编码实现的个人信息界面，员工在个人信息界面中除了不能更改部门和职位信息外，其他的信息包括头像，手机号在内的信息都能进行更改。

图3.11 个人信息界面