SSM通用数据展示系统的设计与实现

摘 要

随着社会信息化的日益加强，传统的数据处理系统存在专用性太强、安全性不高、数据共享性差等缺陷，不利于企业应用。为了充分利用企业信息资产所带来的优势，企业迫切需要一个可扩展的、可靠的、可维护的通用数据展示系统，用于向相关的人员提供关键任务信息，以保证业务的成功。本文的主要目的在于研究如何开发这样一个系统，从而帮助企业简单、快捷地组织、处理数据信息并将其直观表现。

通用数据展示系统主要功能模块包括员工信息、请假条、工资单、分类信息、销售数据等，采取面对对象的开发模式进行软件的开发和硬体的架设，能很好的满足实际使用的需求，完善了对应的软体架设以及程序编码的工作采用SSM框架、JSP技术、Ajax技术进行业务系统的编码及其开发，实现了本系统的全部功能。本次报告，首先分析了研究的背景、作用、意义，为研究工作的合理性打下了基础。针对通用数据展示系统的各项需求以及技术问题进行分析，证明了系统的必要性和技术可行性，然后对设计系统需要使用的技术软件以及设计思想做了基本的介绍，最后来实现通用数据展示系统的部署与运行。

关键词：通用数据展示；SSM框架；MySQL数据库

Design and implementation of SSM general data display system

Abstract

With the increasing strengthening of social informatization, the traditional data processing system has some defects, such as strong specificity, low security and poor data sharing, which is not conducive to enterprise application. In order to make full use of the advantages brought by enterprise information assets, enterprises urgently need an extensible, reliable and maintainable general data display system to provide key task information to relevant personnel to ensure the success of business. The main purpose of this paper is to study how to develop such a system, so as to help enterprises organize and process data information simply and quickly and express it intuitively.

The main functional modules of the general data display system include employee information, leave slip, payroll, classification information, sales data, etc. the object-oriented development mode is adopted for software development and hardware erection, which can well meet the needs of practical use, improve the corresponding software erection and program coding, and use SSM framework, JSP technology and Ajax technology for business system coding and development, All the functions of the system are realized. This report first analyzes the background, function and significance of the research, which lays a foundation for the rationality of the research work. This paper analyzes the various requirements and technical problems of the general data display system, proves the necessity and technical feasibility of the system, then makes a basic introduction to the technical software and design idea needed to design the system, and finally realizes the deployment and operation of the general data display system.

Key words:General data display; SSM framework; Mysql database

目  录

第1章 绪论 1

1.1研究背景与意义 1

1.2研究内容 1

第2章 相关技术介绍 3

2.1 HTTP协议 2

2.2 Java语言与JDK开发环境 2

2.3 HTML网页技术 2

2.4 JSP脚本语言 2

2.5 MySQL数据库 2

2.6企业级架构 3

第3章 系统分析 6

3.1可行性分析 6

3.2功能需求分析 6

3.2.1前台用户功能 7

3.2.2后台管理员功能 8

3.3非功能需求分析 8

3.4安全性需求分析 9

3.4.1系统的安全性 9

3.4.2数据的安全性 9

3.5数据流程分析 9

第4章 系统设计 11

4.1系统架构设计 11

4.2系统总体设计 11

4.3系统功能设计 12

4.4数据库设计 12

4.4.1数据需求分析 12

4.4.2数据库概念设计 13

4.4.3数据库表设计 13

第5章 系统实现 18

5.1注册模块的实现 18

5.2登录模块的实现 19

5.3用户资料修改模块的实现 20

5.4员工信息管理模块的实现 21

5.5请教条模块的实现 21

5.6工资单管理模块的实现 22

5.7销售数据管理模块的实现 24

第6章 系统测试 32

6.1测试目的 32

6.2功能测试 32

6.3性能测试 33

第7章 总结与展望 35

参考文献 36

致谢 38

1. 绪论
   1. 研究背景与意义

从企业现实情况看，随着国内国际市场联系日趋紧密，市场竞争激烈程度不断提高，企业面临着巨大的市场压力。国外企业不断地通过智力投资与技术创新继续取得比较优势，使得技术与管理总休水平原木就相对落后的我国企业面临着十分严峻的挑战。在现代企业中，对于重要数据均采用数据库作为存储和管理的工具，特别是在IT相关的企业里。常用的数据库有Oracle,MySQL等。比如：员工信息、请假信息、工资明细、销售数据等数据的查询和管理一般先由相关部门拟定出数据系统功能需求，再交予技术人员开发相应的可视化系统，使得用户能以自服务的方式登录系统并对数据进行查询和修改。通用数据展示系统的本质是对数据库表执行增删改查操作以及对系统本身的权限进行分配和管理等。技术人员在开发此类项目时,除因数据表结构不同而需做不同处理外，大部分工作均属于重复编码，开发效率较低。本文通过分析和研究通用数据展示系统的组织结构。将此类系统的运作流程进行规范和分解利用面向对象软件工程的设计思想，将系统的共性和组件间的联系抽象出来，形成一个服务于上层应用的通用系统。

1.2 研究内容

通用数据展示系统的开发及实现，所需要的工作内容：

（1）首先是确定选题，确定好所要做的系统，并对系统的背景及现在面临的一些问题等进行系统的初步确认。

（2）系统确认完成后，结合系统开发的需求进行确认系统开发所使用的技术，通用数据展示系统的开发使用SSM框架，数据库进行平台的搭建开发，确认好使用的技术进行技术分析，所使用的技术是否可以完成系统的实现。

（3）确定好系统使用的技术，进行在线确认系统所划分的用户角色，并且根据用户角色划分确定所要设计的功能模块，对通用数据展示系统的设计主要划分别为管理员和用户角色，并所使用的功能模块也相应不同，但是系统的数据库实现的内容是交互的，用户可以随时根据自己的需求进行课程信息，对于系统工作人员可以根据自己的分管内容进行在线信息的处理及操作，管理员获取到所有用户的详细数据信息，并根据需求进行第一时间处理解决。

（4）系统的功能模块确认完成后进行程序及界面的设计，设计完成后，并且通过测试来判断程序是否完善，对于系统测试，需要不同的用户进行不同的内容编辑及提交，及使用不同的测试方式找出程序中存在的漏洞，并对程序出现的漏洞问题进行在线解决处理，如果测试系统没有任何问题时，可以将系统上传进行正式操作使用。

1. 相关技术介绍
   1. HTTP协议

超文本传输协议（HTTP）作为协作式与分布式的通信协议，其以万维网交换信息作为前提条件。HTTP为IEIF的国际化标准指标，在制定相关标准与实现内，W3C积极参与其中，同时发挥着不可替代的作用。其能够借助超文本标记语言，将文档在服务器与浏览器之间相互传输。HTML作为构架文档的标记语言，这些文档内将包括有关信息的链接，用户仅需要点击其中一个链接就能够访问多媒体对象与图像，同时获得该链接项所具有的附加信息[1][2]。

1. Java语言与JDK开发环境

Java是美国sun公司所推出的一款程序设计语言，其能够在多个平台内应用，具有良好兼容性，进而其凭借自身优势在数据中心、个人PC与科技超级计算机等平台内广泛应用，具有目前最为庞大的开发者专业社群[3]。

JDK为美国sun公司为java开发员所推出的一款全新产品，要是没有JDK的情况下，所安装的java程序也就无法运行[4]。

1. HTML网页技术

HTML是一种制作网页的常用语言，它一般是用于制作静态页面。它的命令是可以体现文字信息、链接信息、图形信息和表格信息等等。现在它被大众普遍接受广泛应用在网络上[5]。

1. JSP脚本语言

JSP可以放在在html里使用，也可以独自使用，它同时也具备有很多种优点，可以讲，Web脚本技术的先驱是JSP。现代编程语言（像C，Java和Perl等）的一些最好的特点都融合在JSP里，Web服务器里的一些配置标准是由JSP、Tomcat和数据库等的组合在一起的[6]。

1. MySQL数据库

MySQL 经过多次的更新，功能层面已经非常的丰富和完善了，从MySQL4版本到5版本进行了比较大的更新，在商业的实际使用中取得了很好的实际应用效果。最新版本的MySQL支持对信息的压缩，同时还能进行加密能更好的满足对信息安全性的需求。同时经过系统的多次更新，数据库自身的镜像功能也得到了很大的增强，运行的流畅度和易用性方面有了不小的进步，驱动的使用和创建也更加的高效快捷。最大的变动还是进行了空间信息的显示优化，能更加方便的在应用地图上进行坐标的标注和运算。强大的备份功能也保证了用户使用的过程会更加安心，同时支持的Office特性还支持用户的自行安装和使用。在信息的显示形式上也进行了不小的更新，增加了两个非常使用的显示区，一个是信息区，对表格和文字进行了分类处理，界面的显示更加清爽和具体。第二是仪表的信息控件，能在仪表信息区进行信息的显示，同时还能进行多个信息的比对，为用户的实际使用带来了很大的便捷[7][8]。

针对本文中设计的通用数据展示系统在实际的实现过程中，最终选择MySQL数据库的主要原因在于在企业的应用系统应用及开发的过程中会存在大量的数据库比较频繁的操作，而且数据的安全性要求也是非常的高。综合这些因素，最终选择安全性系数比较高的MySQL来对通用数据展示系统后台数据进行存储操作。

1. 企业级架构

SpringMVC属于MVC架构，它将SSM当做前提，借助JSP及Servlet技术达成。且其渐趋呈现的良好性能，获得研发者的青睐及重视，其运用相当简易，且回应迅速灵敏。因为其把JSP、message resource、Servlet还有自界定标签加以有机结合起来，让编程者用不着再编制代码就能够达到MVC形式，提升了编写程序实效[11]。

Spring却属于SSM框架里相当强大的某一架构。它既对监管项目主体措施加以规范化整体化，且借助其本身的设计指引编程者侧重编订接口流程，而并非对类加以编程。其运用的核心是靠着JavaBean里的Inversion of Control容器。它供应了元件框架层的整体预案，且它达到对信息拜访的唯一抽象，供应了合理的JDBC架构，这一形式有效地缩减了出现失误的概率，提升了实效。另外其还交融了Hibernate等许多信息访问框架[12]。

Mybatis属于某一放开源代码的主体关系映射架构，其达到了基于JDBC的超轻量级封装目的，如此能够便于程序员依照本身的想法借助针对主体的措施对资料库加以运作。它能够跟任一JDBC融合，另外能够在用户端运用，也能够在Web端运用，它可以实现信息的长久化。

1. 系统分析
   1. 可行性分析

开发任何一个系统，都要对其可行性进行分析，对其时间和资源上的限制进行考虑，这样可以减少系统开发的风险。同时，分析之后不仅能够合理的运用人力，还能在各方面资源的消耗上得到节省。下面就对技术、经济和社会三个方面来介绍。

实用性方面，本次设计的主要任务是在通用数据展示系统中员工信息、工资单、请假条、销售数据、分类信息模块功能等，符合当前潮流的发展。从用户角度出发，同时也考虑系统运营成本和人力资源，采用网络上的便捷方式，实现线上业务，使得业务流程更系统，也更方便用户的体验，比较实用。

经济性方面，由于本课题中设计的通用数据展示的主要目的是为了能够更加方便及快捷的进行通用数据展示课程管理及检索服务，也就是能够可以直接投入使用的信息化软件。系统的主要成本主要是集中在对使用数据后期继续维护及其管理更新这个操作上。但是一旦系统投入到实际的运行及使用之后就能够很好的提高信息查询检索的效率，同时也需要有效的保证查询者的信息方面的安全性，同时这个通用数据展示与系统所带来的实际应用方面的价值是远远的超过了实际系统进行开发与维护方面的成本，因此，从经济上来说开发这个软件是可行的。

1. 功能需求分析

通用数据展示系统的功能主要分为员工进行注册登录，查看培训课程信息以及培训计划等操作。后台系统管理员主要对员工管理，请假条管理，工资单管理，分类信息管理等。

员工用例图如下所示。

图3-1 员工用例图

管理员用例图如下所示。

图3-2 管理员用例图

1. 前台用户功能

前台注册用户的功能如下：

注册登录：用户填写个人信息，并验证手机号码进行账户注册，注册成功后方可登录系统。

员工信息：员工可以完善个人信息。

请假条：员工可以在线提交请假条申请。

工资单：员工可以查看个人呢工资单明细等。

1. 后台管理员功能

管理员功能如下：

修改密码：管理员可以随时修改自己进入系统的登录密码，以保证系统的安全性。

员工信息管理：对企业员工信息进行维护管理等。

分类信息管理：对信息进行分类维护，添加、删除、修改。

请假条管理：对员工提交的请假条进行审核管理。

工资单管理：对员工工资信息维护管理。

销售数据管理。

1. 非功能需求分析

首先主要考虑的是系统功能软件，在具体设计的环节上，是不是能够较好的满足各类用户的基本功能需求，如果不能较好的满足用户需求，那么这个系统的存在是没有价值的。软件系统的非功能性求分析，从7个方面展开，一个是性能分析，针对系统；一个是安全分析，针对系统，一个是完整度分析，针对系统，一个是可维护分析，针对系统，一个是可扩展性分析，针对系统，一个是适应业务的性能分析。面对通用数据展示与系统存在的性能、安全、扩展、完整度等7个方面性能综合比对分析后发现，需要相应的非功能性需求分析。

1. 安全性需求分析
   1. 系统的安全性

安全性对每一个系统来说都是非常重要的。安全性很好的系统可以保护企业的信息和用户的信息不被窃取。提高系统的安全性不仅是对用户的负责，更是对企业的负责。尤其针对于通用数据展示与系统来说，必须要有很好的安全性来保障整个系统。

系统具有对使用者有权限控制，针对角色的不通限制使用者的权限，以此来确保系统的安全性。

1. 数据的安全性

数据库中的数据是从外界输入的，当数据的输入时，由于种种原因，输入的数据会无效，或者是脏数据。因此，怎样保证输入的数据符合规定，成为了数据库系统，尤其是多用户的关系数据库系统首要关注的问题。

因此，在写入数据库时，要保证数据完整性、正确性和一致性。

1. 数据流程分析

对系统的数据流进行分析，系统的使用者分为二类，员工，管理员。系统主要对界面信息传送，登录信息的验证，注册信息的接收，用户各种操作的响应做处理。

系统顶层数据流图如下图所示。

图3-2 顶层数据流图

要判断用户是是什么身份，是根据登录的数据来判断后，跳转到对应的功能界面。在系统的内部用户就可以对数据进行操作，数据库中心就可以接收到系统传输的有效数据流来对数据sql语句进行对应操作。

系统底层数据流图如下图所示。

 图3-3 底层数据流图

系统可以分为前台和后台两部分，每一种操作后系统都返回操作结果。前台和后台的数据连接主要通过数据库，既分别对数据库做不同的操作。

1. 系统设计
   1. 系统架构设计

通用数据展示系统的架构设计主要分为可以3层，主要有Web层，业务层，Model层。其中web层还包括View层和Controller层，Model层包括元数据扩展层和数据访问层。

系统架构如下图所示。

MVVM 就是将其中的View 的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们做了，它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。它强制性的把应用程序的输入、输出和处理全部分开，将其分为三个核心部分，这三个部分分别有不同的功能。

图4-1系统架构图

视图层视图是指被用户所看到的并且能够与之进行交互的界面。视图可以向用户展示相关的数据，并接收用户输入的数据，但对用户数据不进行任何实际业务操作处理。

模型层通过控制层来处理视图层传递的数据，同一个模型可以给不同的视图提供数据，也可以被不同的视图重复使用。由于 Model 的主要内容是数据、方法和行为，其也是 MVVM 中逻辑最为复杂，代码量最多的部分，其中包含了许多应用中需要用到的业务逻辑，因此模型层的开发也变得尤为重要，后期一般不会对模型层进行大规模改动，也是 MVVM最稳定的部分。

控制层主要负责视图层和模型层之间的数据传输和处理请求操作。当用户通过视图发送数据和请求时，控制层可以接收请求和数据并决定调用哪些模型、通过模型的哪些操来处理数据和请求，处理完成后，控制层再将数据返回给相应的视图。

1. 系统总体设计

通用数据展示系统总体分为前台员工模块和后台管理员模块。

两个模块表现上是分别独立存在，但是访问的数据库是一样的。每一个模块的功能都是根据先前完成的需求分析，并查阅相关资料后整理制作的。

综上所述，系统功能结构图如下图所示。

图4-2 系统功能结构图

1. 系统功能设计

登录模块：登录模块是进入系统的入口，所有用户必须登录后才能访问系统。登录需要输入用户名和密码，如果多次尝试登录需要输入验证码。登录时需要选择用户的角色，是一般用户还是管理员登录等。登录成功后，会通过数据库获取用户的权限，并跳转至用户的主页面。

员工信息数据模块：可分为员工信息数据浏览、员工信息数据检索、员工信息数据维护三个模块，管理员对员工信息数据有维护的权限，发布新的员工信息数据、更新已有的员工信息数据等。

员工管理模块：员工管理分为员工添加、修改。员工信息由管理员进行修改、添加、删除操作。

1. 数据库设计
   1. 数据需求分析

从前面可以分析到数据库中最重要的是员工信息，请假条信息，工资单信息、销售数据管理。分析可以得到如下数据描述：

平台用户：用于记录用户的各种信息，姓名、性别、手机、邮箱、照片等数据项。

管理员：记录管理员的登录信息。包括用户名，密码，权限等数据项。

员工信息管理：储存企业员工资料的信息数据项。

请假条管理：员工请假条具体信息。

工资单管理：存储员工的工资单信息数据项。

销售数据管理：存储销售数据信息项。

1. 数据库概念设计

根据前面的数据流程图，结合系统的功能模块设计，设计出符合系统的各信息实体。

系统ER图如下图所示。

图4-3 系统ER图

1. 数据库表设计

通用数据展示与系统所拥有的数据表有以下：员工信息表，请假条信息表，工资单信息表，销售数据表等。

由于数据表较多，只展示系统主要数据表，如下表所示。

名称	类型	长度	不是null	主键	注释
staff_id	int	11	是	是	员工ID
employee_job_number	varchar	64	否	否	员工工号
employee_account_number	varchar	64	是	否	员工账号
full_name	varchar	64	否	否	姓名
gender	varchar	64	否	否	性别
age	varchar	64	否	否	年龄
examine_state	varchar	16	是	否	审核状态
recommend	int	11	是	否	智能推荐
user_id	int	11	是	否	用户ID
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间

名称	类型	长度	不是null	主键	注释
group_id	mediumint	8	是	是	用户组ID：
display	smallint	4	是	否	显示顺序
name	varchar	16	是	否	名称：
description	varchar	255	否	否	描述：
source_table	varchar	255	否	否	来源表：
source_field	varchar	255	否	否	来源字段：
source_id	int	10	是	否	来源ID：
register	smallint	1	否	否	注册位置:
create_time	timestamp	0	是	否	创建时间：
update_time	timestamp	0	是	否	更新时间：

名称	类型	长度	不是null	主键	注释
written_request_for_leave_id	int	11	是	是	请假条ID
department	varchar	64	否	否	部门
occupation	varchar	64	否	否	职业
employee_name	int	11	否	否	员工姓名
length_of_leave	varchar	64	否	否	请假时长
start_time	datetime	0	否	否	开始时间
application_date	date	0	否	否	申请日期
audit_status	varchar	64	否	否	审核状态
reason_for_leave	text	0	否	否	请假原因
recommend	int	11	是	否	智能推荐
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间

名称	类型	长度	不是null	主键	注释
sales_data_id	int	11	是	是	销量数据ID
month	varchar	64	否	否	月份
product_name	varchar	64	是	否	产品名称
product_category	varchar	64	否	否	产品类别
sales_volume	int	11	否	否	销量
generate_profit	int	11	否	否	产生利润
statistical_date	date	0	否	否	统计日期
recommend	int	11	是	否	智能推荐
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间

名称	类型	长度	不是null	主键	注释
payroll_id	int	11	是	是	工资单ID
month	varchar	64	否	否	月份
department	varchar	64	否	否	部门
occupation	varchar	64	否	否	职业
employee_name	int	11	否	否	员工姓名
base_pay	int	11	否	否	基本工资
achievements	int	11	否	否	绩效
deduction_for_absence	int	11	否	否	缺勤扣费
net_salary	varchar	64	否	否	实发工资
recommend	int	11	是	否	智能推荐
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间

名称	类型	长度	不是null	主键	注释
employee_information_id	int	11	是	是	员工信息ID
employee_name	int	11	否	否	员工姓名
gender	varchar	64	否	否	性别
date_of_birth	date	0	否	否	出生日期
department	varchar	64	否	否	部门
occupation	varchar	64	否	否	职业
entry_date	date	0	否	否	入职日期
employee_status	varchar	64	否	否	员工状态
recommend	int	11	是	否	智能推荐
create_time	datetime	0	是	否	创建时间

名称	类型	长度	不是null	主键	注释
classification_information_id	int	11	是	是	分类信息ID
department	varchar	64	否	否	部门
product_category	varchar	64	否	否	产品类别
recommend	int	11	是	否	智能推荐
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间

1. 系统实现
   1. 注册模块的实现

用户在填写数据的时候必须与注册页面上的验证相匹配否则会注册失败，注册页面的表单验证是通过验证的，用户名的长度必须在6到18之间，邮箱必须带有@符号，密码和密码确认必须相同，你输入的密码，系统会根据你输入密码的强度给出指定的值，电话号码和身份证号码必须要求输入格式与生活相符合，当你前台验证通过的时候你点击注册，表单会将你输入的值通过name值传递给后台并保存到数据库中。

用户注册流程图如下图所示。

图5-1用户注册流程图

用户注册逻辑代码如下：

/**

* 注册

* @param user

* @return

*/

@PostMapping("register")

public Map<String, Object> signUp(@RequestBody User user) {

// 查询用户

Map<String, String> query = new HashMap<>();

query.put("username",user.getUsername());

List list = service.select(query, new HashMap<>()).getResultList();

if (list.size()>0){

return error(30000, "用户已存在");

}

user.setUserId(null);

user.setPassword(service.encryption(user.getPassword()));

service.save(user);

return success(1);

}

/**

* 用户ID：[0,8388607]用户获取其他与用户相关的数据

*/

@Id

@GeneratedValue(strategy = GenerationType.IDENTITY)

@Column(name = "user_id")

private Integer userId;

/**

* 账户状态：[0,10](1可用|2异常|3已冻结|4已注销)

*/

@Basic

@Column(name = "state")

private Integer state;

/**

* 所在用户组：[0,32767]决定用户身份和权限

*/

@Basic

@Column(name = "user_group")

private String userGroup;

/**

* 上次登录时间：

*/

@Basic

@Column(name = "login_time")

private Timestamp loginTime;

/**

* 手机号码：[0,11]用户的手机号码，用于找回密码时或登录时

*/

@Basic

@Column(name = "phone")

private String phone;

/**

* 手机认证：[0,1](0未认证|1审核中|2已认证)

*/

@Basic

@Column(name = "phone_state")

private Integer phoneState;

/**

* 用户名：[0,16]用户登录时所用的账户名称

*/

@Basic

@Column(name = "username")

private String username;

/**

* 昵称：[0,16]

*/

@Basic

@Column(name = "nickname")

private String nickname;

/**

* 密码：[0,32]用户登录所需的密码，由6-16位数字或英文组成

*/

@Basic

@Column(name = "password")

private String password;

/**

* 邮箱：[0,64]用户的邮箱，用于找回密码时或登录时

*/

@Basic

@Column(name = "email")

private String email;

/**

* 邮箱认证：[0,1](0未认证|1审核中|2已认证)

*/

@Basic

@Column(name = "email_state")

private Integer emailState;

/**

* 头像地址：[0,255]

*/

@Basic

@Column(name = "avatar")

private String avatar;

/**

* 创建时间：

*/

@Basic

@Column(name = "create_time")

@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss")

private Timestamp createTime;

@Basic

@Transient

private String code;

}

1. 登录模块的实现

主要由两部分组成，登录前的登录界面以及登录后的用户功能界面。登录界面，要求用户输入用户名和密码，当用户名和密码其中一个输入为空时，给出提示“用户名，密码不能为空”。获取用户名和密码后到数据库中查找，如果用户名存在，以及对应的密码正确，则登录成功，否则登录失败。登录失败后给出提示，并把焦点停在文本框中。登录成功后将该次会话的全局变量username设置为用户名。登录成功后进入会员的功能模块，主要有会员基本信息修改，已经发布考试信息管理，发布信息，和退出功能。退出功能是清除全局变量username的值，并跳回到首页。

登录流程图如下图所示。

图5-2登录流程图

用户登录界面如下图所示。

图5-3用户登录界面

用户登录的逻辑代码如下所示。

/**

* 登录

* @param data

* @param httpServletRequest

* @return

*/

@PostMapping("login")

public Map<String, Object> login(@RequestBody Map<String, String> data, HttpServletRequest httpServletRequest) {

log.info("[执行登录接口]");

String username = data.get("username");

String email = data.get("email");

String phone = data.get("phone");

String password = data.get("password");

List resultList = null;

QueryWrapper wrapper = new QueryWrapper<User>();

Map<String, String> map = new HashMap<>();

if(username != null && "".equals(username) == false){

map.put("username", username);

resultList = service.selectBaseList(service.select(map, new HashMap<>()));

}

else if(email != null && "".equals(email) == false){

map.put("email", email);

resultList = service.selectBaseList(service.select(map, new HashMap<>()));

}

else if(phone != null && "".equals(phone) == false){

map.put("phone", phone);

resultList = service.selectBaseList(service.select(map, new HashMap<>()));

}else{

return error(30000, "账号或密码不能为空");

}

if (resultList == null || password == null) {

return error(30000, "账号或密码不能为空");

}

//判断是否有这个用户

if (resultList.size()<=0){

return error(30000,"用户不存在");

}

User byUsername = (User) resultList.get(0);

Map<String, String> groupMap = new HashMap<>();

groupMap.put("name",byUsername.getUserGroup());

List groupList = userGroupService.selectBaseList(userGroupService.select(groupMap, new HashMap<>()));

if (groupList.size()<1){

return error(30000,"用户组不存在");

}

UserGroup userGroup = (UserGroup) groupList.get(0);

//查询用户审核状态

if (!StringUtils.isEmpty(userGroup.getSourceTable())){

String res = service.selectExamineState(userGroup.getSourceTable(),byUsername.getUserId());

if (res==null){

return error(30000,"用户不存在");

}

if (!res.equals("已通过")){

return error(30000,"该用户审核未通过");

}

}

//查询用户状态

if (byUsername.getState()!=1){

return error(30000,"用户非可用状态，不能登录");

}

String md5password = service.encryption(password);

if (byUsername.getPassword().equals(md5password)) {

// 存储Token到数据库

AccessToken accessToken = new AccessToken();

accessToken.setToken(UUID.randomUUID().toString().replaceAll("-", ""));

accessToken.setUser_id(byUsername.getUserId());

tokenService.save(accessToken);

// 返回用户信息

JSONObject user = JSONObject.parseObject(JSONObject.toJSONString(byUsername));

user.put("token", accessToken.getToken());

JSONObject ret = new JSONObject();

ret.put("obj",user);

return success(ret);

} else {

return error(30000, "账号或密码不正确");

}

}

public String select(Map<String,String> query,Map<String,String> config){

StringBuffer sql = new StringBuffer("select ");

sql.append(config.get(FindConfig.FIELD) == null || "".equals(config.get(FindConfig.FIELD)) ? "*" : config.get(FindConfig.FIELD)).append(" ");

sql.append("from ").append("`").append(table).append("`").append(toWhereSql(query, "0".equals(config.get(FindConfig.LIKE))));

if (config.get(FindConfig.GROUP_BY) != null && !"".equals(config.get(FindConfig.GROUP_BY))){

sql.append("group by ").append(config.get(FindConfig.GROUP_BY)).append(" ");

}

if (config.get(FindConfig.ORDER_BY) != null && !"".equals(config.get(FindConfig.ORDER_BY))){

sql.append("order by ").append(config.get(FindConfig.ORDER_BY)).append(" ");

}

if (config.get(FindConfig.PAGE) != null && !"".equals(config.get(FindConfig.PAGE))){

int page = config.get(FindConfig.PAGE) != null && !"".equals(config.get(FindConfig.PAGE)) ? Integer.parseInt(config.get(FindConfig.PAGE)) : 1;

int limit = config.get(FindConfig.SIZE) != null && !"".equals(config.get(FindConfig.SIZE)) ? Integer.parseInt(config.get(FindConfig.SIZE)) : 10;

sql.append(" limit ").append( (page-1)*limit ).append(" , ").append(limit);

}

log.info("[{}] - 查询操作，sql: {}",table,sql);

return sql.toString();

}

public List selectBaseList(String select) {

List<Map<String,Object>> mapList = baseMapper.selectBaseList(select);

List<E> list = new ArrayList<>();

for (Map<String,Object> map:mapList) {

list.add(JSON.parseObject(JSON.toJSONString(map),eClass));

}

return list;

}

1. 用户资料修改模块的实现

用户登录/注册成功之后可以修改自己的基本信息。修改页面的表单中每一个input的name值都要与实体类中的参数相匹配，在用户点击修改页面的时候，如果改后用户名与数据库里面重复了，页面会提示该用户名已经存在了，否则通过Id来查询用户，并将用户的信息修改为表单提交的数据。

1. 员工信息管理模块的实现

如果员工的信息需要修改，管理员可以通过查询员工的基本信息来查询员工，查询员工是通过ajax技术来进行查询的，需要传递员工的标题、编号等参数然后在返回到该页面中,可以选中要修改或删除的那条信息，如果选中了超过一条数据，页面会挑一个窗口提醒只能选择一条数，如果没有选中数据会挑一个窗口题型必须选择一条数据。当选择确认修改的时候，后台会根据传过来的id到数据库查询，并将结果返回到修改页面中，可以在修改页面中修改刚刚选中的信息当点击确认的时候from表单会将修改的数据提交到后台并保存到数据库中，就是说如果提交的数据数据库中存在就修改，否则就保存。

员工信息管理界面如下图所示。

图5-4员工信息管理界面

员工信息管理的逻辑代码如下：

@PostMapping("/add")

@Transactional

public Map<String, Object> add(HttpServletRequest request) throws IOException {

service.insert(service.readBody(request.getReader()));

return success(1);

}

@Transactional

public Map<String, Object> addMap(Map<String,Object> map){

service.insert(map);

return success(1);

}

public Map<String,Object> readBody(BufferedReader reader){

BufferedReader br = null;

StringBuilder sb = new StringBuilder("");

try{

br = reader;

String str;

while ((str = br.readLine()) != null){

sb.append(str);

}

br.close();

String json = sb.toString();

return JSONObject.parseObject(json, Map.class);

}catch (IOException e){

e.printStackTrace();

}finally{

if (null != br){

try{

br.close();

}catch (IOException e){

e.printStackTrace();

}

}

}

return null;

}

public void insert(Map<String,Object> body){

StringBuffer sql = new StringBuffer("INSERT INTO ");

sql.append("`").append(table).append("`").append(" (");

for (Map.Entry<String,Object> entry:body.entrySet()){

sql.append("`"+humpToLine(entry.getKey())+"`").append(",");

}

sql.deleteCharAt(sql.length()-1);

sql.append(") VALUES (");

for (Map.Entry<String,Object> entry:body.entrySet()){

Object value = entry.getValue();

if (value instanceof String){

sql.append("'").append(entry.getValue()).append("'").append(",");

}else {

sql.append(entry.getValue()).append(",");

}

}

sql.deleteCharAt(sql.length() - 1);

sql.append(")");

log.info("[{}] - 插入操作：{}",table,sql);

Query query = runCountSql(sql.toString());

query.executeUpdate();

}

1. 请假条模块的实现

请假条功能整体流程：用户提交请假条时，会先通过拦截器判断用户是否登录，若未登录，会跳转至登录页面，提示用户先登录，若为登录用户就会跳转至填写请假申请信息的页面，填写好信息之后，点击提交按钮，成功之后显示出请假条审批状态。

请假条流程图如下图所示。

图5-5请假条流程图

请假条界面如下图所示。

图5-6请假条界面

请假条界面逻辑代码如下：

@RequestMapping(value = {"/avg_group", "/avg"})

public Map<String, Object> avg(HttpServletRequest request) {

Query count = service.avg(service.readQuery(request), service.readConfig(request));

return success(count.getResultList());

}

1. 工资单管理模块的实现

此页面的关键是编写工资单信息，包括工资单管理详情等。单击提交按钮以完成信息的添加。如果未写入完整的工资单信息，例如，如果未写入工资单标题，系统将给出相应的错误提示，并且无法成功输入。数据以概念的形式以onsubmit =“return checkForm（）”的形式写入以进行检查，checkForm（）函数是一种用于写入数据的不同类型的校对方法，是不是为空也是经过form表单中的οnsubmit=”return checkForm()来检查。

管理员点击左侧菜单“工资单管理”，页面跳转到工资单信息外观，调用后台工资单管理查询所有工资单信息。并将信息密封到数据集合List，绑定到请求对象，然后页面跳转到相应的界面，显示出工资单信息，单击删除按钮完成工资单信息的删除。

工资单管理界面如下图所示。

图5-7工资单管理界面

工资单管理界面逻辑代码如下：

@RequestMapping("/get_list")

public Map<String, Object> getList(HttpServletRequest request) {

Map<String, Object> map = service.selectToPage(service.readQuery(request), service.readConfig(request));

return success(map);

}

1. 销售数据管理模块的实现

根据需求，需要对销售数据进行添加、删除或修改详情信息。删除或修改销售数据销售数据时，系统根据销售数据的状态判定为可删除状态下，才会给出删除和修改链接，点击删除链接按钮时，请求到达后台，还会先查询销售数据状态再次做出判定能否删除。点击修改链接按钮时，会跳转到修改信息的页面，重新填写好数据后，数据提交到后台会对数据库中相应的记录做出修改。

添加销售数据时，会给出数据填写的页面，该页面根据填写好的销售数据编号等信息同样会事先发送Ajax请求查询编号是否已存在，数据填写好之后提交到后台，会调用相关服务在数据库中插入记录。

销售数据管理流程图如下图所示。

图5-8销售数据管理流程图

销售数据管理页面效果如下图所示。

图5-9销售数据管理界面

销售数据管理界面关键代码如下：

@RestController

@RequestMapping("auth")

public class AuthController extends BaseController<Auth, AuthService> {

/**

* 服务对象

*/

@Autowired

public AuthController(AuthService service) {

setService(service);

1. 系统测试
   1. 测试目的

对任何系统而言，测试都是必不可少的环节，测试可以发现系统存在的很多问题，所有的软件上线之前，都应该进行充足的测试之后才能保证上线后不会Bug频发，或者是功能不满足需求等问题的发生。下面分别从单元测试，功能测试和用例测试来对系统进行测试以保证系统的稳定性和可靠性。

1. 功能测试

下表是员工信息管理功能的测试用例，检测了员工信息管理中对员工信息信息的增加，删除，修改，查询操作是否成功运行。观察系统的响应情况，得出该功能也达到了设计目标，系统运行正确。

前置条件；用户登录系统。

表6-1 员工信息管理的测试用例

功能描述	用于员工信息管理
测试目的	检测员工信息管理时的各种操作的运行情况
测试数据以及操作	预期结果	实际结果
点击添加员工信息，必填项合法输入，点击保存	提示添加成功	与预期结果一致
点击添加员工信息，必填项输入不合法，点击保存	提示必填项不能为空	与预期结果一致
点击修改员工信息，必填项修改为空，点击保存	提示必填项不能为空	与预期结果一致
点击修改员工信息，必填项输入不合法，点击保存	提示必填项不能为空	与预期结果一致
点击删除员工信息，选择员工信息删除	提示删除成功	与预期结果一致
点击搜索员工信息，输入存在的员工信息名	查找出员工信息	与预期结果一致
点击搜索员工信息，输入不存在的员工信息名	不显示员工信息	与预期结果一致

下表是请假条管理功能的测试用例，检测了请假条管理中对请假条信息的增加，删除，修改，查询操作是否成功运行。观察系统的响应情况，得出该功能也达到了设计目标，系统运行正确。

前置条件；用户登录系统。

表6-2 请假条管理的测试用例

功能描述	用于请假条管理
测试目的	检测请假条管理时的各种操作的运行情况
测试数据以及操作	预期结果	实际结果
点击添加请假条，必填项合法输入，点击保存	提示添加成功	与预期结果一致
点击添加请假条，必填项输入不合法，点击保存	提示必填项不能为空	与预期结果一致
点击修改请假条，必填项修改为空，点击保存	提示必填项不能为空	与预期结果一致
点击修改请假条，必填项输入不合法，点击保存	提示必填项不能为空	与预期结果一致
点击删除请假条，选择请假条删除	提示删除成功	与预期结果一致
点击搜索请假条，输入存在的请假条名	查找出请假条	与预期结果一致
点击搜索请假条，输入不存在的请假条名	不显示请假条	与预期结果一致

下表是分类信息管理功能的测试用例，检测了分类信息管理中分类列表的操作是否成功运行。观察系统的响应情况，得出该功能也达到了设计目标，系统运行正确。

前置条件；用户登录系统。

表6-3 分类信息管理的测试用例

功能描述	用于分类信息管理
测试目的	检测分类信息管理时各种操作的情况
测试数据以及操作	预期结果	实际结果
未选择分类，点击提交	提示请选择分类	与预期结果一致
未选择列表，点击提交	提示请选择列表	与预期结果一致

1. 性能测试

使用阿里云PTS（Performance Testing Service）性能测试服务对线上系统进行压力测试。线上服务器环境为：1核心CPU，1G内存，1Mbps公网带宽，Centos7.0操作系统。

压测过程中使用了2台并发机器，每台机器20个用户并发，对系统主页，登录，数据查询和数据维护等模块进行并发访问，测试结果是有40个用户并发时，数据管理相关页面的响应时间甚至达到了7s，通过查看服务器出网流量发现已经达到1381kb/s，可以看出服务器的带宽已经达到峰值，如果系统使用5Mbps的带宽，系统的响应时间和TPS将会大大增加。在整个测试的过程中，CPU的使用率占用仅8%，也提现出带宽瓶颈对系统的影响非常严重。

1. 总结与展望

随着计算机互联网技术的迅猛发展，各行各业都已经实现采用计算机相关技术对日益放大的数据进行管理。该课题是通用数据展示为核心展开的。本研究针对通用数据展示需求建模，数据建模及过程建模分析设计并实现平台研究的过程。给出系统应用架构并分析优劣势，通过功能分解图，系统组件图描述功能需求。设计建立了数据库，给出系统关键数据结构的定义。通过类关系图描述组件间的协作关系，给出各个类的定义方法。通过描述每一个类的字段，属性及方法实现系统的前后端代码。最终给出系统集成整合方法，完成通用数据展示系统的设计与实现。系统投入运行时，各功能均运行正常。系统的每个界面的操作符合常规逻辑，对使用者来说操作简单，界面友好。整个系统的各个功能设计合理，体现了人性化。

但是由于自己在系统开发过程中对一些用到的相关知识和技术掌握不够牢固，再加上自身开发经验欠缺，因此系统在有些方面的功能还不够完善，考虑的不够全面，因此整个系统还有待日后逐步完善。