采用B/S模式架构系统,开发简单,只需要连接网络即可登录本系统,不需要安装任何客户端。开发工具采用VSCode,前端采用Vue+ElementUI,后端采用Node.js,数据库采用MySQL。
涉及的技术栈
1) 前台页面:
页面结构布局采用Vue框架,可能会使用到第三方组件库Element-ui或View Design组件库、axios发送请求、html和less语法。
2) 后台服务器:
服务器搭建采用基于node的Express框架快速搭建服务器,需要引入mysql模块进行对数据库的操作
3) 数据库:
mysql数据库,Navicat可视化工具辅助操作数据库
该系统将采用B/S结构模式,使用Vue和ElementUI框架搭建前端页面,后端使用Nodejs来搭建服务器,并使用MySQL,通过axios完成前后端的交互
做成系统,运行就是登录的那种,页面简洁大方,常规点的,进入系统以后,左边是菜单栏的那种。
角色是分为员工和管理员,功能尽量多点,下面的是一部分,麻烦老师尽量扩充下。
运行软件:vscode
前端nodejs+vue+ElementUi
语言 node.js
框架:Express/koa
前端:Vue.js
数据库:mysql
开发软件:VScode/webstorm/hbuiderx均可
管理员登录
(1)人事管理:
主管登录
1.部门管理:能够新增删除部门(售后部、运维部等)新增部门,要填写相关信部门编号、部门名称、部门主管姓名、部门人数、部门简介
2.员工管理:能够新增删除员工,新增员工,同样填写信息,员工工号、姓名、性别、所属部门、身份证号、联系方式、邮箱和家庭住址
3.个人信息:可以修改个人信息,应该是和添加员工公用一个数据表(这个我不清楚)
员工登录
部门管理和员工管理都没有权限,只可以修改个人信息
(2)考勤中心:实现上班签到,下班签退,显示打卡时间和上班时长
(员工)请假申请:申请信息,姓名、工号、所属部门、请假开始时间到多会结束、请假理由(要能添加附件),可以查看审核状态(主管审核通过显示成功)
(主管、员工无权限)请假审批:可以看到员工的申请单,最下面两个按钮把,一个同意一个不同意。
(3)流程管理:
流程申请:和请假实现的功能相同,分两类,一个出差申请、一个离职申请,出差申请单信息(出差人姓名、工号、所属部门、出差开始时间和结束时间、审核状态)同样需要能添加附件;离职申请(姓名、工号、所属部门、离职原因)
(主管)流程审批:和请假相同
(4)公告管理:
(主管)发布公告:既可以是文字,也能上传文件公告(员工无权限)
(员工)查看公告
(5)考核管理:自由发挥