1. 技术栈
前端:Vue+ElementUI+Axios
后端:Spring Boot+MyBatis Plus+ Jwt+Mysql+Swagger
2. 系统设计
本系统主要分四个模块,分别是系统管理和权限管理、薪资管理、考勤管理,系统
管理主要用于日常事务管理管理,权限管理,用于控制员工的访问权限,薪资管理主要
是对员工的五险一金以及社保数据的修改和添加,考勤管理主要是对员工的日常打卡进
行记录和统计。
2.1 权限
超级管理员拥有对所有菜单的访问权限,进行一系列的管理操作。而普通员工只能进行查看和修改个人信息,以及修改密码,请假。另外超级管理员可以为普通员工分配一些角色,进而改变员工的访问权限。
3. 系统展示
登录
首页
权限分配
个人信息修改
工资调整
请假
修改密码
4. 项目搭建
4.1 项目配置
1、前端
在.env文件中
# 修改端口号,此端口号与在application.yml中配置的端口号相同
VUE_APP_PORT = 8888
2、后端
在application.yml中进行相关的配置
这是后端项目的运行端口,可自行修改
server:
port: 8888
# 修改数据源,若MySql数据库版本较低,此处应该是com.mysql.jdbc.Driver
driver-class-name: com.mysql.cj.jdbc.Driver
# 因为此项目涉及到了文件上传与下载,此路径用来存储上传的文件。
files:
upload:
path: E:/project/idea/hrm/file/ # 修改为自己的路径
4.2 项目启动
- 新建数据库表、插入数据
- 启动前端项目:
# 下载依赖
npm install
# 启动
npm run serve
- 启动后台项目
- 启动成功访问:
http://127.0.0.1:8080/login
,账号:admin、密码:123