nodejs+vue+elementui公司企业员工日常考勤系统

本系统采用vue框架和Mysql数据库进行设计。包括管理员和员工两种权限。
前端技术:nodejs+vue+elementui,视图层其实质就是vue页面,通过编写vue页面从而展示在浏览器中,编写完成的vue页面要能够和控制器类进行交互,从而使得用户在点击网页进行操作时能够正常。 可以设置中间件来响应 HTTP 请求。

管理员:nodejs+vue+elementui公司企业员工日常考勤系统_第1张图片nodejs+vue+elementui公司企业员工日常考勤系统_第2张图片nodejs+vue+elementui公司企业员工日常考勤系统_第3张图片nodejs+vue+elementui公司企业员工日常考勤系统_第4张图片
(1)修改登录密码,通过输入旧密码和新密码进行管理员登录密码的修改;
(2)部门信息管理,添加、删除和修改部门信息;
(3)员工档案管理,实现员工档案的添加、查询、修改和删除;
(4)通知公告管理,实现公告的发布和修改、删除;
(5)请假信息管理,审核员工的请假以及查询、删除请假信息;
(6)考勤信息管理,对员工进行考勤统计、查询、修改、删除;
(7)员工工资管理,实现员工工资的发布和修改、删除。
员工:
(1)请假申请功能,可以在线申请请假和查询请假的审核结果;
(2)出勤管理功能,实现出勤的申请和查询;
(3)工资查询功能,可以查询员工的工资;
(4)通知公告查询功能,对公司的通知公告查询。
 Express 框架于Node运行环境的Web框架,
视图层其实质就是vue页面,通过编写vue页面从而展示在浏览器中,编写完成的vue页面要能够和控制器类进行交互,从而使得用户在点击网页进行操作时能够正常。
简单的说 Node.js 就是运行在服务端的 JavaScript。
前端技术:nodejs+vue+elementui
前端:HTML5,CSS3、JavaScript、VUE
 1、 node_modules文件夹(有npn install产生)
    这文件夹就是在创建完项目后,cd到项目目录执行npm install后生成的文件夹,下载了项目需要的依赖项。
2、package.json文件
     此文件是项目的配置文件(可定义应用程序名,版本,依赖项等等)。node_modules文件夹下的依赖项是从哪里知道的呢?原因就是项目根目录下的这个package.json文件,执行npm install时会去找此文件中的dependencies,并安装指定的依赖项。
3、public文件夹(包含images、javascripts、stylesheets)
      这个文件夹做过Web开发的应该一看就知道,为了存放图片、脚本、样式等文件的。
4、routes文件夹
      用于存放路由文件。
5、views文件夹
      存放视图。
公司日常考勤系统的实现
1、用户注册登录
为了保证该系统只为有限员工提供考勤服务,因此要求所有被考勤员工必须先进行注册,注册成功之后,需要登录考勤系统,这样才能保证考勤数据准确与个人信息关联。在设计中,将用户注册与员工登录两个部分一起考虑,因为涉及到的数据库表结构是相同的,都是对同一个账号表进行操作。
2、考勤管理
考勤管理主要负责对考勤策略的维护工作,比如定义考勤时间点,考勤基点位置等参数,查询当前所有考勤基点,可以通过名称查询。
3、员工信息管理
员工信息管理模块,主要完成员工个人信息管理功能,这些信息就是员工基本信
息:员工编号、员工姓名、员工性别、所在部门、个人职位、联系邮箱、家庭住址、在职情况等信息。
4、考勤记录管理
考勤记录管理模块,主要是提供给被考勤员工进行个人考勤记录浏览,在考勤过程中,记录下来的考勤时间与考勤位置,将与员工编号、员工部门、员工姓名等信息共同生成考勤记录,并存储考勤记录表中。
5、密码管理
用户密码管理模块,主要完成个人密码修改的功能。
可能的创新点
工资的计算是一项相对复杂的工作,主要计算需要考虑的项目包括加班时间、加班工资、请假时间以及所扣除工资、迟到早退时间以及所扣除的工资、旷工时间以及所扣除的工资,这些项目与工资的设定息息相关。基本的运算公式为:本月工资=基本工资+加班工资-请假扣除的工资-迟到早退扣除的工资-旷工扣除的工资。

你可能感兴趣的:(vue.js,elementui,前端)