当前位置:   article > 正文

SpringBoot+Vue项目部门人事管理系统的设计与实现_vue 部门管理

vue 部门管理

文末获取源码

开发语言:Java

使用框架:spring boot

前端技术:JavaScript、Vue.js 、css3

开发工具:IDEA/MyEclipse/Eclipse、Visual Studio Code

数据库:MySQL 5.7/8.0

数据库管理工具:phpstudy/Navicat

JDK版本:Java jdk8

Maven:apache-maven 3.8.1-bin

目录

一、前言介绍

二、系统功能分析

2.1普通用户管理模块

2.2管理员管理模块

三、管理员功能模块

3.1系统登录页面

3.2管理员首页页面

3.3用户管理模块

3.4工资条管理模块

四、部门经理功能模块

4.1员工档案管理模块 

4.2迟到人员登记管理模块

4.3迟到警示管理模块 

五、用户功能模块

5.1上班打卡页面 

5.2工资条页面 

5.3通知栏页面 

六、部分核心代码 

6.1工资条管理界面关键代码 

6.2用户管理关键代码

6.3更多管理关键代码


一、前言介绍

本设计主要实现集人性化、高效率、便捷等优点于一身的海纳部门人事管理系统,完成用户管理、员工档案信息、上班打卡、迟到人员登记、迟到警示、工资条、通知栏等功能模块。系统通过浏览器与服务器进行通信,实现数据的交互与变更。本系统通过科学的管理方式、便捷的服务提高了工作效率,减少了数据存储上的错误和遗漏。海纳部门人事管理系统使用Java语言,采用基于 MVC模式的springboot技术进行开发,使用 idea编译器编写,数据方面主要采用的是微软的MySQL关系型数据库来作为数据存储媒介,配合vue技术完成系统的开发。

二、系统功能分析

按照海纳部门人事管理系统的角色,我划分为了普通用户管理模块、部门经理管理模块和管理员管理模块这两大部分。

2.1普通用户管理模块

(1)用户注册登录:用户注册为用户并登录海纳部门人事管理系统;用户对个人信息的增删改查,比如个人资料,密码修改。

(2)查看海纳部门人事管理系统的首页信息:海纳部门人事管理系统的首页信息包含了首页、上班打卡、迟到警示、工资条、通知栏等。

(3)通知公告:用户在公告这一菜单下对用户提交的查看、同时也可以发布、评论。

(4)上班打卡:用户进行上班打卡的信息查询,查看管理者发布的上班打卡信息。

(5)工资条:用户进行工资条查询,查看管理者发布的工资条信息。

2.2管理员管理模块

(1)用户管理:管理员可以对注册过的用户信息、部门经理进行管控,也可以对管理员信息进行管控。

(4)更多管理:在“更多管理”这一菜单下,可以对管理人员用户操作的员工档案信息、上班打卡、迟到人员登记、迟到警示、工资条、通知栏进行管控。

(5)员工档案管理:管理员可以对海纳部门人事管理系统中现有的员工档案信息进行增删改查。

(6)上班打卡管理:管理员可以对海纳部门人事管理系统中现有的上班打卡进行增删改查。

(7)迟到人员登记管理:管理员可以对海纳部门人事管理系统中现有的迟到人员登记进行增删改查。

(8)工资条管理:管理员对用户提交的工资条进行管控。

三、管理员功能模块

3.1系统登录页面

3.2管理员首页页面

3.3用户管理模块

3.4工资条管理模块

四、部门经理功能模块

4.1员工档案管理模块 

4.2迟到人员登记管理模块

4.3迟到警示管理模块 

五、用户功能模块

5.1上班打卡页面 

5.2工资条页面 

5.3通知栏页面 

六、部分核心代码 

6.1工资条管理界面关键代码 

  1. @PostMapping("/add")
  2. @Transactional
  3. public Map<String, Object> add(HttpServletRequest request) throws IOException {
  4. service.insert(service.readBody(request.getReader()));
  5. return success(1);
  6. }
  7. @Transactional
  8. public Map<String, Object> addMap(Map<String,Object> map){
  9. service.insert(map);
  10. return success(1);
  11. }
  12. public Map<String,Object> readBody(BufferedReader reader){
  13. BufferedReader br = null;
  14. StringBuilder sb = new StringBuilder("");
  15. try{
  16. br = reader;
  17. String str;
  18. while ((str = br.readLine()) != null){
  19. sb.append(str);
  20. }
  21. br.close();
  22. String json = sb.toString();
  23. return JSONObject.parseObject(json, Map.class);
  24. }catch (IOException e){
  25. e.printStackTrace();
  26. }finally{
  27. if (null != br){
  28. try{
  29. br.close();
  30. }catch (IOException e){
  31. e.printStackTrace();
  32. }
  33. }
  34. }
  35. return null;
  36. }
  37. public void insert(Map<String,Object> body){
  38. StringBuffer sql = new StringBuffer("INSERT INTO ");
  39. sql.append("`").append(table).append("`").append(" (");
  40. for (Map.Entry<String,Object> entry:body.entrySet()){
  41. sql.append("`"+humpToLine(entry.getKey())+"`").append(",");
  42. }
  43. sql.deleteCharAt(sql.length()-1);
  44. sql.append(") VALUES (");
  45. for (Map.Entry<String,Object> entry:body.entrySet()){
  46. Object value = entry.getValue();
  47. if (value instanceof String){
  48. sql.append("'").append(entry.getValue()).append("'").append(",");
  49. }else {
  50. sql.append(entry.getValue()).append(",");
  51. }
  52. }
  53. sql.deleteCharAt(sql.length() - 1);
  54. sql.append(")");
  55. log.info("[{}] - 插入操作:{}",table,sql);
  56. Query query = runCountSql(sql.toString());
  57. query.executeUpdate();
  58. }

6.2用户管理关键代码

  1. public String encryption(String plainText) {
  2. String re_md5 = new String();
  3. try {
  4. MessageDigest md = MessageDigest.getInstance("MD5");
  5. md.update(plainText.getBytes());
  6. byte b[] = md.digest();
  7. int i;
  8. StringBuffer buf = new StringBuffer("");
  9. for (int offset = 0; offset < b.length; offset++) {
  10. i = b[offset];
  11. if (i < 0)
  12. i += 256;
  13. if (i < 16)
  14. buf.append("0");
  15. buf.append(Integer.toHexString(i));
  16. }
  17. re_md5 = buf.toString();
  18. } catch (Exception e) {
  19. e.printStackTrace();
  20. }
  21. return re_md5;
  22. }

6.3更多管理关键代码

  1. @RequestMapping(value = "/del")
  2. @Transactional
  3. public Map<String, Object> del(HttpServletRequest request) {
  4. service.delete(service.readQuery(request), service.readConfig(request));
  5. return success(1);
  6. }
  7. @Transactional
  8. public void delete(Map<String,String> query,Map<String,String> config){
  9. StringBuffer sql = new StringBuffer("DELETE FROM ").append("`").append(table).append("`").append(" ");
  10. sql.append(toWhereSql(query, "0".equals(config.get(FindConfig.GROUP_BY))));
  11. log.info("[{}] - 删除操作:{}",table,sql);
  12. Query query1 = runCountSql(sql.toString());
  13. query1.executeUpdate();
  14. }
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Guff_9hys/article/detail/887824
推荐阅读
相关标签
  

闽ICP备14008679号