如何使用ssm实现企业人事管理系统+vue

@TOC

ssm628企业人事管理系统+vue

研究背景

自计算机发展以来给人们的生活带来了改变。第一代计算机为1946年美国设计，最开始用于复杂的科学计算，占地面积、开机时间要求都非常高，经过数十几的改变计算机技术才发展到今天。现如今已是电子时代、数据时代，所有的生活都离不开计算机和网络。工作中有各类办公软件、APP，娱乐中有各类游戏软件、视频软件等都为生活带来了便捷，特别是我国的手机支付功能更是领先世界。科技推动了时代的发展。现在人们办公大多已从传统的面对面办公转换到线上办公。线上办公拥有更大的优点，信息种类全、流程清晰、结果反馈快。由于传统办公需要亲力亲为，信息单一，需要多部门面对面共同配合而逐渐被加入线上办公方式。

现在，网络覆盖范围扩大，价格便宜，各大商户都开放的有无线网络。手机也得到了普及，计算机技术也深入到手机中。普通生活、娱乐等都可以在线上解决。线上已成为趋势，大部分的行业都可以在线上开通业务，通过线上为人们解决问题，改变面对面方式，提高工作效率以及减少时间浪费。

1.2课题现状与实现意义

现在网上办公管理平台使用率高的有企业办公软件、收银软件、会计软件以及各类国家性质的办公平台。对于人事管理来言，想要突破发展就需要加入线上平台，传统请假需要先到人事部了解相关政策和准备需要的资料，资料完善后再次到人事部进行提交，非常浪费时间，工作效率低下。

本系统采用管理员对员工的模式，管理员利用本平台可以管理考勤信息、请假信息、薪资信息等。本系统可以帮助管理员工作管理，实现考勤的无地域、无时间审核。员工可以随时浏览、查询考勤，可以在线请假和查询薪资。人事可以管理员工信息。本系统可以帮助员工更快的请假和跟踪结果，帮助管理员增加工作途径，减少时间费用。本企业人事管理系统实现数据的自动化，减少管理员的工作内容并实现数据的清晰化。

1.3课题内容

本企业人事管理系统使用角色可以分为员工、管理员、人事。员工可以根据要求提供请假申请的资料，管理员在收到用户的申请后可以进行在线审核，当通过审核后用户可以在自己的操作平台里看到申请结果，同时员工可以查询自己的薪资和在线打卡、查询合同等。管理员同时可以管理员工信息和合同信息、管理考勤、薪资信息等。人事可以管理企业的员工信息。

1.4论文结构安排

本论文的结构安排为三部分，分别为：

（1）第一部分，

摘要，本部分为简单的阐述，使读者可以对本论文有大致的了解；

外文翻译，采用英语对摘要进行翻译；

目录，本部分可以使读者对本论文有详细的了解。

（2）第二部分为正文部分，

绪论，本章从课题开发的来源、现状来进行介绍，总结出本系统开发的意义以及内容等；

系统分析，本章包括语言、技术等的介绍以及系统的需求分析、可行性分析、流程分析等；

系统设计，本章包括系统的功能结构图、数据库设计等；

系统实现，本章采用系统运行截图加文字进行本系统的详细介绍；

系统测试，本章采用测试的方法进行主要核心功能的测试介绍；

（3）第三部分为总结、致谢、参考文献。

第2章　系统分析

2.1系统使用相关技术分析

2.1.1Java语言介绍

Java语言是一种分布式的简单的 开发语言，有很好的 特征，在安全方面、性能方面等。非常适合在Internet环境中使用，也是目前企业级运用中最常用的一个编程语言，具有很大的影响力。主要是通过面向对象的形式进行开发，这样的话，就更能满足人们的需求。在编程开发使用中，主要通过封装的方式，通过类来实现，具有很好的可编辑行和操作性，这就是面向对象语言的最大特性，还可以在同一个类中把共同特性的类封装起来，形成一个抽象类，抽象类形容的不是一个对象，而是一个实体，这样就使用过程中就可以进行实例化，达到更好的效果。类之间还可以进行继承，比如一个类可以把另个类的特征进行继承，这样就可以重复使用，所以说这种继承性的类实际上还是同一个类体，这样就可以达到最大的效果。通过java开发的代码还有很好的扩展性，可以通过不同的类达到的不同的效果，更好的提高使用效率，而且在后期维护方面非常的方便，开发的代码更加实用，更加简洁。

2.1.2Mysql数据库介绍

Mysql数据库是Oracle公司推出的一个数据库管理软件，有很好的性能设计，可以充分发挥和利用互联网的优势，而且在数据库管理方面非常的方便，支持图形化管理，非常适合新手的使用，可以直接在本地进行数据管理和配置，而且有很强大的数据处理能力，还有很好的安全性。在数据存储的过程中可以支持多处理器的存储结构，可以自动生产和处理sql语句，有很强大的数据读取和复制存储功能，最最重要的是一个开放式的数据软件，可以为开放人员提供一个很好的数据库管理平台。

2.1.3Tomcat服务器介绍

Tomcat服务器是一个小型的轻量级服务器，非常适合一些小型的系统和本地的服务器使用，特别适合一些新手开发者使用。Tomcat服务器主要是当成java程序的服务器使用，Tomcat服务器相当于就是Apache的一个扩展应用，区别就是他可以独立运行，当客户端上配置好Tomcat服务器以后，就可以直接通过服务器对HTML页面完成数据访问和响应。非常受程序员的喜欢，因为占用的运行空间非常的小时，不影响服务器性能，而且扩展性很好，支持很多开发过程中常用的功能，可以根据开发者的需求进行不断的改进和完善，所以说Tomcat服务器是目前使用非常广泛的一个服务器。

2.1.4Vue技术介绍

Vue技术是开发的一种用来创建动态页面的技术。Vue技术通过服务器来响应要求，再根据要求生成Html、Xml来进行转换成Web页面。Vue技术也属于一种脚本语言，常用来搭配Java语言使用，可以和静态的页面一起使用，把静态的页面改成动态的页面。Vue技术在使用时可以转换成Servlet代码，然后再编译成二进制的机器码，当然也可以直接编译成二进制的机器码。Vue技术的特点为简单好用，可以快速的把静态页面变成动态的页面，它使用Javabean来把常用的代码来复制，可以减少编程人员的重复工作，同时Vue技术还拥有很多标签，可以支持更多的外在标签和内在的标签，还可以自定义标签，使编程人员在使用时更加的灵活，加快项目开发的速度。Vue技术的功能非常简单，只负责页面数据，负责页面的传输，所以更加的单纯，不容易出错。

2.2系统可行性分析

系统是否可行决定了系统开发的成功性。想要系统的设计工作不会白费就需要经过详细的系统可行性分析。根据充分调查和参考相关论文发现，系统的可行性分析一般包括系统的技术可行性分析、系统的经济可行性分析、系统的操作可行性分析三种。

2.2.1系统经济可行性分析

本系统是Web型的管理平台，采用的Java语言开发的，开发周期比较短，而且技术成熟，所以在开发过程中没有过高的投入要求，有很好的经济可行性。

2.2.2系统技术可行性分析

本系统采用的技术有Vue网页技术、Mysql数据库、B/s模式、Java语言等。

（1）通过Vue进行前台的页面开发，具有很好的稳定性，而且可以直接在线升级维护，可以更方便的实现数据管理，通过Vue的最大特征就是系统提前已经自动完成了很大不重要的简单工作，可以自动生成很多常规代码，这样减少很大的工作量。而且Vue技术非常成熟，可以参考的案例也非常多。

（2）数据库采用Mysql数据库，也是非常适合学生用的一款小型数据库，使用起来非常的简单，而且数据处理效率高。

（3）采用B/s模式的网站已经是目前的开发主流，也是未来的发展方向。

（4）采用Java语言进行后台代码的开发，是面向对象的开发语言，可以直接查看和调用已用的案例，可以直接调用XML服务，而且兼容性非常的强，不管是哪个平台，都可以直接调用，而且是通用的，可以提高开发者的工作效率，而且有很好的灵活性，使用起来非常的方便。

所以通过以上几点的分析，开发人员只要能熟练的操作以上的技术就行，具有开发技术可行性。

2.2.3系统操作可行性分析

　因为本系统是采用B/s的架构模式进行开发的，所以只有安装的有浏览器和数据库服务器就可以进行系统的访问的使用。而且非常的简单易操作，普通用户只需要有最简单的互联网操作经验就行。

2.3系统需求分析

现在网上管理系统的技术发展已经非常成熟，各大公司的使用率也非常可观，特别是在一些重要的行业里使用率更高。企业人事管理系统可以方便用户更快的解决自己的问题，并且售后服务非常完善。现在实体企业里也会采用线上、线下相结合的方式进行工作，各部门的资料可以共享调用，工作内容可以在线发布，非常适合现代生活。企业人事管理系统是时代的趋势，其需求性不言而喻。

2.3.1传统管理系统优缺点分析

在最早出现的管理系统中主要使用人为工作人员，这类管理系统主要是采用C/s模式，这种模式可以保证数据的安全和存储性，数据库采用的也都是复杂、高性能的数据库，这类管理系统需要使用人员经过定期的培训才可以使用。随着网络的快速发展，这类管理系统的缺点也逐渐暴露出来，由于采用C/s模式就必须要求固定的客户端，这就需要足够严格的客户端条件，一旦客户端出现问题，系统里的数据都会出现问题，稳定性差，而且C/s模式的系统最大的问题是不能多次修改，如果系统经过了多次的补充、修改就会造成运行出错，为系统的使用造成不便。传统的管理系统通常采用的是脚本语言，脚本语言不够成熟，更容易出错，造成使用人员的损失。

2.3.2本企业人事管理系统分析

通过对传统管理系统的分析发现主要问题在于系统的模式架构上和数据库上。想要数据更为稳定就需要更稳定的数据库，好的数据库可以保证系统拥有更大的容错率和移植性，也可以在多种数据库中进行相互结合以此来保证系统里数据的安全。同时还需要注意系统的延续性，时代不断的发展，就会要求系统的服务更加的完善。想要使系统的生命周期更长就需要更为成熟的开发语言、技术、环境等。

本企业人事管理系统采用的模式架构为B/s，B/s框架可以脱离固定的客户端，把系统部署到浏览器上供用户使用，还可以把功能进行模块划分使数据库和操作界面分开，这样可以实现当任何一方出现问题时，另一方不受影响。数据库采用Mysql，Mysql数据库可以单独运行，当用户在进行操作后可自动保存操作后的数据，改变需要去数据库里修改数据的问题。开发语言采用Java，Java语言为动态语言，使用时间长久，已发展的非常成熟。本系统的其它技术包括Idea运行软件，Vue网页技术，Html技术等都是经过时间考验的。

2.4系统功能分析

本人参考大量的办公管理软件以及充分调查企业员工和管理员需求，设计出的本企业人事管理系统使用角色为员工、管理员、人事。框架界面分为员工操作界面、管理员操作界面、人事操作界面。员工的功能设计为：

1. 个人中心功能，可以针对自己的信息资料进行修改管理；
2. 考勤管理功能，本界面里展示了不同的考勤信息，员工可以实现上下班的打卡；
3. 请假信息管理功能，本界面里展示了自己所有申请的请假，可以在线申请请假；
4. 薪资信息管理功能，可以查询自己的薪资；
5. 合同管理功能，查看自己的合同。

管理员的功能设计为：

1. 请假信息管理功能，本功能可以收到员工的申请请假资料，可以根据实际情况进行请假申请的审核；
2. 员工信息管理功能，此功能可以对员工的账号、资料等进行审核管理；
3. 个人中心管理功能，对管理员的账号密码等进行管理；
4. 薪资管理功能，对薪资进行发布和编辑管理；
5. 考勤管理功能，统计员工的考勤，方便薪资的发布；
6. 合同管理功能，实现员工合同的发布和签订；
7. 人事管理功能，对人事资料进行添加管理；
8. 基础数据管理功能，实现部门信息的管理。

2.5系统性能分析

在系统分析中还有重要的一点就是系统的性能分析，除却系统的功能分析其它问题都可以划分到系统的性能分析。主要包括系统数据问题、系统运行问题、系统安全问题。

1. 系统数据问题表现在数据库的设计中，因为企业人事管理系统的核心在于信息的管理，在统计信息操作中会引起多种数据的变化。想要数据在变化时不会出错就需要在数据库设计时注意不同数据字段、类型等的主外键联系；
2. 系统的运行问题表现在多平台、多人在运行系统时的稳定性。系统的运行速度也需要注意，运行的卡顿、读码速度等都需要经过多次测试；
3. 系统的安全性问题表现在不同角色的使用权限，员工做为普通人员的角色不能越权，管理员做为权限最多的角色要可以管理其它几种角色。

2.6用例图

根据功能分析得出，本系统的主要使用角色为管理员和员工、人事。员工可以查看考勤、打卡、申请请假、查询薪资、合同等。管理员可以管理系统用户信息、员工的资料、审核考勤、查询考勤、管理薪资、合同、部门等。系统管理员用例图如下图2-1所示：

　　

图2-1企业人事管理系统管理员用例图

员工用例图如下图2-2所示：

　　　　　

图2-2企业人事管理系统员工用例图

人事的功能为个人资料管理和员工管理。人事的用例图如下图2-3所示：

图2-3人事用例图

2.7系统业务流程

业务流程可以按照用户使用本系统的步骤进行设计。本系统中员工的流程为查看薪资、提交请假、查看自己的合同。管理员的流程为管理部门信息、审核请假、管理员工信息、考勤信息等。人事的流程为管理员工信息、个人资料。企业人事管理系统的业务流程如下图2-4所示：

图2-4企业人事管理系统业务流程图

（1）用户登录是使用本系统的必经之路，在登录时需要输入信息、判断信息。用户登录的流程图如下图2-5所示：

图2-5用户登录的流程图

（2）用户申请请假时需要判断填写的信息是否正确，当填写的信息都为正确时才可以把申请信息传送到管理员手中。用户申请请假流程图如下图2-6所示：

图2-6用户申请请假流程图

第3章　系统设计

3.1系统体系结构

系统的体系结构非常重要，往往决定了系统的质量和生命周期。针对不同的系统可以采用不同的系统体系结构。本系统为企业人事管理系统，属于开放式的平台，所以在体系结构中采用B/s。B/s结构抛弃了固定客户端要求，采用服务器、客户端的模式。员工操作界面和管理员、人事操作界面分开展示。B/s结构基于互联网，需要网络的支持，由用户在浏览器上发布命令，服务器负责向数据库传送命令，最后再由服务器把反馈的结果传回浏览器给用户进行呈现。

3.2系统功能结构

系统的功能结构是系统实现的框架，本系统的主要结构为管理员和员工、人事。管理员的功能为个人中心管理、员工管理、部门信息管理、考勤信息管理、薪资信息管理、请假信息管理等。员工的功能为申请请假、查询考勤、管理个人资料、查询薪资、查看合同等。人事的功能为管理员工信息。本企业人事管理系统功能结构图如下图3-1所示：

图3-1企业人事管理系统功能结构图

3.3数据库设计

数据库设计在系统设计中占有重大比例，数据库的设计包括ER图设计和数据库表设计。

3.3.1ER图设计

根据本系统的特点，本系统设计的主要实体包括管理员信息、员工信息、考勤信息、请假信息等。

1. 管理员ER图包括的属性有管理员的编号、用户名和密码。管理员ER图如下图3-2所示：

图3-2管理员实体的ER图

1. 考勤信息包含的属性为考勤的详细描述，有考勤编号、考勤时间等。考勤信息ER图如下图3-3所示：

图3-3考勤信息实体ER图

（3）员工信息的属性包括用户的个人资料，有姓名、性别、电话等。员工信息实体ER图如下图3-4所示：

图3-4员工实体ER图

（4）请假实体的属性有编号、请假人等。请假信息实体ER图如下图3-5所示：

图3-5请假信息实体ER图

（7）本企业人事管理系统的整体实体关系图如下图3-6所示：

图3-6系统关系ER图

3.3.2数据库表设计

根据数据ER图的设计，本系统的数据库表有管理员信息表、员工信息表、考勤信息表、请假信息表等。本系统的数据库表如下图3-1至3-10所示：

表3-1 config

|| | :- | 表3-2 dictionary

|| | :- |

表3-3 hetong

|| | :- | 表3-4 kaoqin

表3-5 qingjia

|| | :- | 表3-6 renshi

|| | :- |

表3-7 token

|| | :- | 表3-8 users

表3-9 xinzi

|| | :- | 表3-10 yuangong

|| | :- | 第4章 系统实现

4.1系统调试运行

在电脑上安装Idea软件和Mysql软件后，先打开Mysql软件，运行数据库。数据库运行成功后可以看到本系统所创建的所有数据库表。然后打开Idea软件，在打开本系统的源码后可以进行运行，运行成功后可以出现系统登录的界面。系统调试运行界面如下图4-1所示：

图4-1系统运行调试界面

4.2登录功能的界面实现

系统运行调试后，需要登录。登录界面设计的目的是保证当前的使用角色等级。管理员同样需要登录后才可以进行操作。在登录时只需要填写用户账号和密码、选择权限就可以实现。用户登录的运行界面如下图4-2所示：

图4-2用户登录的运行界面

在登录的界面中包含的元素有系统题目、输入框、登录按钮、选择框。本系统的使用权限为管理员和员工、人事。权限选择框的运行界面如下图4-3所示：

图4-3权限选择框运行界面

4.3管理员功能的设计实现

4.3.1员工信息管理功能的实现界面

员工的信息可由管理员添加，本功能设计的目的是添加和审核员工的资料，当发现不当的使用员工可以删除其账号。当删除员工信息后相对应的员工信息表里的信息也会随着删除掉。查询员工信息功能的运行界面如下图4-4所示：

图4-4查询员工信息功能的运行界面

4.3.2 个人中心管理功能的实现界面

个人中心管理的内容包括当前登录账号修改、密码信息。本系统中可以拥有多个管理员。个人中心管理功能的运行界面如下图4-5所示：

图4-5个人中心管理功能的运行界面

4.3.3基础数据管理功能的实现界面

　基础数据包括部门信息、职位信息以及请假类型。管理员可以添加部门和管理员工的职位以及设置请假的类型。部门信息管理功能的运行界面如下图4-6所示：

图4-6部门信息管理功能的运行界面

职位信息可以查询和更新、修改。查询职位信息的运行界面如下图4-7所示：

图4-7查询职位信息的运行界面

4.3.4 考勤管理功能的实现界面

　管理员可以查看所有员工的考勤信息，可以进行查找和统计。考勤统计功能的运行界面如下图4-8所示：

图4.8考勤统计管理运行界面

管理员可以添加和管理员工的考勤信息，添加考勤运行界面如下图4-9所示：

图4-9添加考勤信息的运行界面展示

4.3.5请假信息管理功能的实现界面

　　管理员可以收到员工的请假申请，可以进行审核和修改管理。请假信息管理功能的实现界面如下图4-10所示：

图4-10请假信息管理功能的实现界面

4.3.6员工薪资管理功能的实现界面

管理员可以发布员工的薪资，员工查询的薪资都是由此功能进行发布的。管理员查询员工薪资的实现界面如下图4-11所示：

图4-11管理员查询薪资的实现界面

4.3.7合同管理功能的实现界面

可以查看合同和制定合同，实现界面如下图4-12所示：

图4-12合同管理界面

4.3.8人事管理功能的实现界面

管理员可以审核人事的资料信息，实现界面如下图4-13所示：

图4-13查询人事信息的实现界面

4.4员工角色功能的界面实现

4.4.1请假信息管理功能的界面实现

员工的功能主要为申请请假、考勤管理和薪资、合同查询。在申请请假时需要填写请假原因、请假时间等。员工在线请假功能的运行界面如下图4-14所示：

图4-14员工在线请假功能的运行界面

4.4.2考勤管理功能的实现界面

员工可以查询考勤信息。考勤信息功能的运行界面如下图4-15所示：

图4-15考勤管理功能的运行界面

4.4.3个人资料管理功能的实现界面

　　员工可以修改个人的资料，可以使个人的资料更准确。修改个人资料的实现界面如下图4-16所示：

图4-16修改个人资料的功能实现界面

4.4.4薪资信息管理功能的实现界面

员工可以查询薪资详情。员工查询薪资的实现界面如下图4-17所示：

图4-17员工查询薪资的实现界面

4.4.5合同管理功能的实现界面

员工也可以查询自己的合同，然后进行签订，实现界面如下图4-18所示：

图4-18查询合同功能的实现界面

4.5人事权限的功能实现

人事的功能为管理个人资料和员工信息。人事权限的功能实现界面如下图4-19所示：

图4-19人事权限的功能实现界面

第5章 系统测试

系统测试的方

UsersServiceImpl.java

package com.service.impl;


import java.util.List;
import java.util.Map;

import com.service.UsersService;
import org.springframework.stereotype.Service;

import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.baomidou.mybatisplus.mapper.Wrapper;
import com.baomidou.mybatisplus.plugins.Page;
import com.baomidou.mybatisplus.service.impl.ServiceImpl;
import com.dao.UsersDao;
import com.entity.UsersEntity;
import com.utils.PageUtils;
import com.utils.Query;


/**
 * 系统用户
 * @author
 */
@Service("userService")
public class UsersServiceImpl extends ServiceImpl<UsersDao, UsersEntity> implements UsersService {

	@Override
	public PageUtils queryPage(Map<String, Object> params) {
		Page<UsersEntity> page = this.selectPage(
                new Query<UsersEntity>(params).getPage(),
                new EntityWrapper<UsersEntity>()
        );
        return new PageUtils(page);
	}

	@Override
	public List<UsersEntity> selectListView(Wrapper<UsersEntity> wrapper) {
		return baseMapper.selectListView(wrapper);
	}

	@Override
	public PageUtils queryPage(Map<String, Object> params,
			Wrapper<UsersEntity> wrapper) {
		 Page<UsersEntity> page =new Query<UsersEntity>(params).getPage();
	        page.setRecords(baseMapper.selectListView(page,wrapper));
	    	PageUtils pageUtil = new PageUtils(page);
	    	return pageUtil;
	}
}

FileController.java

package com.controller;

import java.io.File;
import java.io.IOException;
import java.util.Date;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.apache.commons.io.FileUtils;
import org.apache.commons.io.IOUtils;
import org.apache.commons.lang3.StringUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.multipart.MultipartFile;

import com.annotation.IgnoreAuth;
import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.entity.ConfigEntity;
import com.entity.EIException;
import com.service.ConfigService;
import com.utils.R;

/**
 * 上传文件映射表
 */
@RestController
@RequestMapping("file")
@SuppressWarnings({"unchecked","rawtypes"})
public class FileController{
	@Autowired
    private ConfigService configService;
	/**
	 * 上传文件
	 */
	@RequestMapping("/upload")
	public R upload(@RequestParam("file") MultipartFile file, String type,HttpServletRequest request) throws Exception {
		if (file.isEmpty()) {
			throw new EIException("上传文件不能为空");
		}
		String fileExt = file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf(".")+1);
		String fileName = new Date().getTime()+"."+fileExt;
		File dest = new File(request.getSession().getServletContext().getRealPath("/upload")+"/"+fileName);
		file.transferTo(dest);
		if(StringUtils.isNotBlank(type) && type.equals("1")) {
			ConfigEntity configEntity = configService.selectOne(new EntityWrapper<ConfigEntity>().eq("name", "faceFile"));
			if(configEntity==null) {
				configEntity = new ConfigEntity();
				configEntity.setName("faceFile");
				configEntity.setValue(fileName);
			} else {
				configEntity.setValue(fileName);
			}
			configService.insertOrUpdate(configEntity);
		}
		return R.ok().put("file", fileName);
	}
	
	/**
	 * 下载文件
	 */
	@IgnoreAuth
	@RequestMapping("/download")
	public void download(@RequestParam String fileName, HttpServletRequest request, HttpServletResponse response) {
		try {
			File file = new File(request.getSession().getServletContext().getRealPath("/upload")+"/"+fileName);
			if (file.exists()) {
				response.reset();
				response.setHeader("Content-Disposition", "attachment; filename=\"" + fileName+"\"");
				response.setHeader("Cache-Control", "no-cache");
				response.setHeader("Access-Control-Allow-Credentials", "true");
				response.setContentType("application/octet-stream; charset=UTF-8");
				IOUtils.write(FileUtils.readFileToByteArray(file), response.getOutputStream());
			}

		} catch (IOException e) {
			e.printStackTrace();
		}
	}
	
}

CommonServiceImpl.java

package com.service.impl;


import java.util.List;
import java.util.Map;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import com.dao.CommonDao;
import com.service.CommonService;


/**
 * 系统用户
 * @author
 * @date
 */
@Service("commonService")
public class CommonServiceImpl implements CommonService {
	
	@Autowired
	private CommonDao commonDao;

	@Override
	public List<String> getOption(Map<String, Object> params) {
		return commonDao.getOption(params);
	}
	
	@Override
	public Map<String, Object> getFollowByOption(Map<String, Object> params) {
		return commonDao.getFollowByOption(params);
	}


	/**
	 tableName 查询表
	 condition1 条件1
	 condition1Value 条件1值
	 average 计算平均评分
	 * */
	public Map<String, Object> queryScore(Map<String, Object> params){
		return commonDao.queryScore(params);
	}
	
	@Override
	public void sh(Map<String, Object> params) {
		commonDao.sh(params); 
	}

	@Override
	public int remindCount(Map<String, Object> params) {
		return commonDao.remindCount(params);
	}

	@Override
	public Map<String, Object> selectCal(Map<String, Object> params) {
		return commonDao.selectCal(params);
	}
	
	@Override
	public List<Map<String, Object>> selectGroup(Map<String, Object> params) {
		return commonDao.selectGroup(params);
	}
	
	@Override
	public List<Map<String, Object>> selectValue(Map<String, Object> params) {
		return commonDao.selectValue(params);
	}

	@Override
	public List<Map<String, Object>> chartBoth(Map<String, Object> params) {
		return commonDao.chartBoth(params);
	}

	@Override
	public List<Map<String, Object>> chartOne(Map<String, Object> params) {
		return commonDao.chartOne(params);
	}


	/**
	 * 新的级联字典表的  分组求和统计
	 * @param params
	 * @return
	 */
	@Override
	public List<Map<String, Object>> newSelectGroupSum(Map<String, Object> params) {
		return commonDao.newSelectGroupSum(params);
	}


	/**
	 * 新的级联字典表的  分组条数统计
	 * @param params
	 * @return
	 */
	@Override
	public List<Map<String, Object>> newSelectGroupCount(Map<String, Object> params) {
		return commonDao.newSelectGroupCount(params);
	}

	/**
	 * 当前表的日期分组求和
	 * @param params
	 * @return
	 */
	@Override
	public List<Map<String, Object>> newSelectDateGroupSum(Map<String, Object> params) {
		return commonDao.newSelectDateGroupSum(params);
	}


	/**
	 * 查询字典表的分组统计总条数
	 * @param params
	 * @return
	 */
	@Override
	public List<Map<String, Object>> newSelectDateGroupCount(Map<String, Object> params) {
		return commonDao.newSelectDateGroupCount(params);
	}

	@Override
	public int plusCloumNumber(Map<String, Object> params) {
		return commonDao.plusCloumNumber(params);
	}
	@Override
	public int reduceCloumNumber(Map<String, Object> params) {
		return commonDao.reduceCloumNumber(params);
	}
	@Override
	public int updateCloumValue(Map<String, Object> params) {
		return commonDao.updateCloumValue(params);
	}

/**
 * 饼状图
 * -- 饼状图  查询当前表
 -- 				查询字典表【月】
 -- 				 统计   -- 查询某个月的每个类型的订单销售数量
 -- 				 求和   -- 查询某个月的每个类型的订单销售额
 -- 				查询某个字符串【月】
 -- 				 统计   -- 查询某个月的每个员工的订单销售数量
 -- 				 求和   -- 查询某个月的每个员工的订单销售额
 -- 				查询时间【年】
 -- 				 统计 	-- 查询每个月的订单销售数量
 -- 				 求和 	-- 查询每个月的订单销售额
 -- 饼状图  查询级联表
 -- 				查询字典表
 -- 				 统计  	-- 查询某个月的每个类型的订单销售数量
 -- 				 求和   -- 查询某个月的每个类型的订单销售额
 -- 				查询某个字符串
 -- 				 统计   -- 查询某个月的每个员工的订单销售数量
 -- 				 求和   -- 查询某个月的每个员工的订单销售额
 -- 				查询时间
 -- 				 统计 	-- 统计每个月的订单销售数量
 -- 				 求和 	-- 查询每个月的订单销售额
 */


/**
 * 柱状图
 -- 柱状图  查询当前表
 --             某个【年，月】
 -- 			 当前表 2 级联表 1
 -- 						统计
 --   						【日期，字符串，下拉框】
 -- 						求和
 --   						【日期，字符串，下拉框】
 -- 柱状图  查询级联表
 -- 					某个【年，月】
 -- 						统计
 --   						【日期，字符串，下拉框】
 -- 						求和
 --   						【日期，字符串，下拉框】
 */
	/**
	 * 柱状图求和
	 * @param params
	 * @return
	 */
	public List<Map<String, Object>> barSum(Map<String, Object> params){
		return commonDao.barSum(params);
	}

	/**
	 * 柱状图统计
	 * @param params
	 * @return
	 */
	public List<Map<String, Object>> barCount(Map<String, Object> params){
		return commonDao.barCount(params);
	}

}

main.js

import Vue from 'vue'
import App from '@/App.vue'
// element ui 完全引入
import ElementUI from 'element-ui'
import '@/assets/css/element-variables.scss'
import '@/assets/css/style.scss'
// 加载路由
// import router from '@/router/router-static.js';
import router from '@/router/router-static.js';
// 面包屑导航，注册为全局组件
import BreadCrumbs from '@/components/common/BreadCrumbs'
// 引入echart
import echarts from 'echarts'
// 引入echart主题
// import  '@/assets/js/echarts-theme-macarons.js'
import 'echarts/theme/macarons.js'
// ajax
import http from '@/utils/http.js'
// 基础配置
import base from '@/utils/base'
// 工具类
import { isAuth, getCurDate, getCurDateTime } from '@/utils/utils'
// storage 封装
import storage from "@/utils/storage";
// 上传组件
import FileUpload from "@/components/common/FileUpload";
// 富文本编辑组件
import Editor from "@/components/common/Editor";
// api 接口
import api from '@/utils/api'
// 数据校验工具类
import * as validate from '@/utils/validate.js'
// 后台地图
import VueAMap from 'vue-amap'
import '@/icons'
//excel导出
import JsonExcel from 'vue-json-excel'
//二维码
import VueQr from 'vue-qr'
//打印
import printJS from 'print-js'
//MD5
import md5 from 'js-md5';

// 后台地图
Vue.use(VueAMap)
VueAMap.initAMapApiLoader({
  key: 'ca04cee7ac952691aa67a131e6f0cee0',
  plugin: ['AMap.Autocomplete', 'AMap.PlaceSearch', 'AMap.Scale', 'AMap.OverView', 'AMap.ToolBar', 'AMap.MapType', 'AMap.PolyEditor', 'AMap.CircleEditor', 'AMap.Geocoder'],
  // 默认高德 sdk 版本为 1.4.4
  v: '1.4.4'
})
Vue.prototype.$validate = validate
Vue.prototype.$http = http // ajax请求方法
Vue.prototype.$echarts = echarts
Vue.prototype.$base = base.get()
Vue.prototype.$project = base.getProjectName()
Vue.prototype.$storage = storage
Vue.prototype.$api = api
// 判断权限方法
Vue.prototype.isAuth = isAuth
Vue.prototype.getCurDateTime = getCurDateTime
Vue.prototype.getCurDate = getCurDate
// Vue.prototype.$base = base
Vue.use(ElementUI, { size: 'medium', zIndex: 3000 });
Vue.config.productionTip = false
// 组件全局组件
Vue.component('bread-crumbs', BreadCrumbs)
Vue.component('file-upload', FileUpload)
Vue.component('editor', Editor)
//二维码
Vue.component('VueQr', VueQr)
//excel导出
Vue.component('downloadExcel', JsonExcel)
//MD5
Vue.prototype.$md5 = md5;
new Vue({
  render: h => h(App),
  router
}).$mount('#app')

声明

本博客适用于广泛的学术和教育用途，包括但不限于个人学习、开发设计，产品设计。仅供学习参考，旨在为读者提供深入理解和学术研究的材料。