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

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

管理员:
(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、密码管理
用户密码管理模块,主要完成个人密码修改的功能。
可能的创新点
工资的计算是一项相对复杂的工作,主要计算需要考虑的项目包括加班时间、加班工资、请假时间以及所扣除工资、迟到早退时间以及所扣除的工资、旷工时间以及所扣除的工资,这些项目与工资的设定息息相关。基本的运算公式为:本月工资=基本工资+加班工资-请假扣除的工资-迟到早退扣除的工资-旷工扣除的工资。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

计算机专业码农一枚

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值