（附源码）springboot在线考试系统毕业设计 160935

╰半橙微兮° 2024-04-05 07:43 126阅读 0赞

在线考试系统的设计与实现

摘 要

信息化社会内需要与之针对性的信息获取途径，但是途径的扩展基本上为人们所努力的方向，由于站在的角度存在偏差，人们经常能够获得不同类型信息，这也是技术最为难以攻克的课题。针对在线考试等问题，对如何通过计算机在线考试进行研究分析，然后开发设计出在线考试系统已解决问题。

在线考试系统主要功能模块包括登录、用户管理、在线留言、在线留言分类、考试资讯、在线考试，采取面对对象的开发模式进行软件的开发和硬体的架设，能很好的满足实际使用的需求，完善了对应的软体架设以及程序编码的工作，采取MySQL作为后台数据的主要存储单元，采用JavaEE框架、Ajax技术进行业务系统的编码及其开发，实现了本系统的全部功能。本次报告，首先分析了研究的背景、作用、意义，为研究工作的合理性打下了基础。针对在线考试系统的各项需求以及技术问题进行分析，证明了系统的必要性和技术可行性，然后对设计系统需要使用的技术软件以及设计思想做了基本的介绍，最后来实现在线考试系统和部署运行使用它。

关键词：考试；JavaEE框架；MySQL数据库

**Design and implementation of online examination system**

**Abstract**

In the information society, there is a need for targeted information access, but the expansion of access is basically the direction of people's efforts. Due to the deviation of the perspective, people can often obtain different types of information, which is also the most difficult subject for technology to overcome. Aiming at the problems of online examination, this paper studies and analyzes how to pass the computer online examination, and then develops and designs the online examination system to solve the problems.

The main functional modules of the online examination system include login, user management, online message, online message classification, examination information and online examination. The object-oriented development mode is adopted for software development and hardware erection, which can well meet the needs of practical use and improve the corresponding software erection and program coding, MySQL is used as the main storage unit of background data, and Java EE framework and Ajax technology are used to code and develop the business system, which realizes all the functions of the system. 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 online examination 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 online examination system and deploys it.

**Key words**: examination; Java EE framework; Mysql database

目 录

第1章 绪论

1.1 研究背景与意义

1.2 开发现状

1.3 研究方法

第2章 相关技术介绍

2.1相关技术说明

2.2 B/S体系工作原理

2.3 Springboot框架介绍

2.4 MySQL简介

2.5 JavaScript运行模式

第3章 系统分析

3.1 可行性分析

3.2 功能需求分析

3.3 非功能需求分析

3.4 安全性需求分析

3.4.1 系统的安全性

3.4.2 数据的安全性

3.5 业务流程分析

3.6 数据流程分析

第4章 系统设计

4.1 系统架构设计

4.2 系统总体设计

4.3 系统功能设计

4.4 数据库设计

4.4.1 数据需求分析

4.4.2 数据库概念设计

4.4.3 数据库表设计

第5章 系统实现 19

5.1 数据库访问层的实现 19

5.2 登录模块的实现 19

5.3 注册模块

5.4用户资料修改模块的实现

5.5 在线留言模块的实现

5.6 学生管理模块的实现

5.7 在线考试管理模块的实现

第6章 系统测试

6.1 测试目的

6.2 功能测试

6.3 性能测试

第7章 总结与展望

参考文献

致谢

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

在20世纪末期，国家提出了教育要面向四个现代化，同时也提出了要大力发展教育手段和教育方式的信息化建设。在这样的背景和需求下，基于当今的互联网技术和计算机信息技术的在线考试系统就应运而生了。人们急切地需要再在线考试中利用现代网络技术达到教师工作量减少并且提高学校及其他工作人员工作效率的目的。同时，与传统的考试形式相比，考试的质量也更能得以保证，从而使得考试变得更为客观公正。

在线考试系统的实现让考试不再局限于只能在教室中进行，它利用网络的优势，使得考试不再像以前那么复杂，考生也不再需要定时定点而是随时随地就能参与考试。在线考试系统具有传统的考试模式无法媲美的准确、科学、公平、方便等优点，于是对在线考试系统的研究和建设也就在这样的环境中逐渐发展了起来。

1.  1.   开发现状

在越来越重视知识的当今社会，各个国家都加大了在新一代培育上的投入，都希望在以后的社会发展中走在互联网的前列，从而在信息的飞速发展中占据一个有力的地位，正是这个原因，各地政府依托于互联网来实行教育教学，并把此作为其民族发展的动力之源。

在外国，澳大利亚在早期就开始投资建设“澳大利亚教育网”，这个网络不但包含了澳大利亚全部的高校，还要联通本国境内的每一所中小学。另外美国政府提出要到二十一世纪初，让本国家所有学校和图书馆都搭载上互联网的快车，让国内不论是哪个阶段的学生都可以享受到“21世纪教师”的网络服务，因此提出了“教育技术规划（Educational Technology Initiative）”。到了1995年末，国外一些教育机构开始开发自己的网上教育平台，最早的有美国的NTU、英国的OPEN COLLEGE等这些都是那个时候实施互联网教育的典范。随着教育搭载上互联网的高速公路，在线考试作为远程教育不可分割的一项，随着互联网的大潮也如雨后春笋般迅速发展起来，人们的选课和考试都在互联网上进行，特别是互联网业务的普及、低成本的在线考试从技术和经济条件上已经日趋成熟。

在国内，从大多数来看，很大一部分的教育教学还普遍停留在传统的考试方式上，但是传统的考试每次都需要人为的出卷、组织考试、批改试卷并且做出许多试卷分析和成绩评估，作为老师，一次考试的实施给他们带来了许多的麻烦，并且随着教育现代化，考试类型的增加和考试要求的更加严格，教师的工作也会变得越来越繁重。而现在人们普遍认为的网络教育也是停留在网上报名和成绩查询，没有形成相应的规模，而国外网上提交作业和考试已经变得非常普及，所以传统考试方式终究要被替代，网上考试方式正在以燎原之势飞速发展。

1.  1.   研究方法

首先，通过引擎搜索或者查阅相关文献资料，了解了本系统开发的背景以及设计系统的意义所在，收集用户需求信息。其次，在开发工具上，最终确定选用Java平台来设计开发本系统，MySQL作为设计数据库的工具。即利用Java语言实现用户界面，并同数据库连接起来实现完整的通信功能。之后，设计出系统大致的功能模块。主要从方便系统用户和系统管理员的角度进行分析，明确该系统应该具有的功能。最终是测试系统，通过用例测试发现存在的问题并找到解决的方案。利用现有的开发平台，结合自己所学的知识，在老师的指导帮助下来完成该设计，确保系统的可用性、实用性。

1.   相关技术介绍
    
    1.  开发技术说明

本系统前端部分基于MVVM模式进行开发，采用B/S模式，后端部分基于Java的springboot框架进行开发。

前端部分：前端框架采用了比较流行的渐进式JavaScript框架Vue.js。使用Vue-Router和Vuex实现动态路由和全局状态管理,Ajax实现前后端通信，Element UI组件库使页面快速成型，项目前端通过栅格布局实现响应式，可适应PC端、平板端、手机端等不同屏幕大小尺寸的完美布局展示。

后端部分：采用springboot作为开发框架，同时集成MyBatis、Redis等相关技术。

1.  1.  B/S体系工作原理

B/S架构采取浏览器请求，服务器响应的工作模式。

用户可以通过浏览器去访问Internet上由Web服务器产生的文本、数据、图片、动画、视频点播和声音等信息；

而每一个Web服务器又可以通过各种方式与数据库服务器连接，大量的数据实际存放在数据库服务器中；

从[Web服务][Web]器上下载程序到本地来执行，在下载过程中若遇到与数据库有关的指令，由Web服务器交给数据库服务器来解释执行，并返回给Web服务器，Web服务器又返回给用户。在这种结构中，将许许多多的网连接到一块，形成一个巨大的网，即全球网。而各个企业可以在此结构的基础上建立自己的Internet。

在 B/S 模式中，用户是通过浏览器针对许多分布于网络上的服务器进行请求访问的，浏览器的请求通过服务器进行处理，并将处理结果以及相应的信息返回给浏览器，其他的数据加工、请求全部都是由Web Server完成的。通过该框架结构以及植入于操作系统内部的浏览器，该结构已经成为了当今软件应用的主流结构模式。

![78d100539be14bb98bfcffb1b81f9627.png][]

1.  1.  spring boot框架介绍

Spring框架是[Java平台][Java]上的一种开源应用框架，提供具有控制反转特性的容器。尽管Spring框架自身对编程模型没有限制，但其在Java应用中的频繁使用让它备受青睐，以至于后来让它作为[EJB][]（EnterpriseJavaBeans）模型的补充，甚至是替补。Spring框架为开发提供了一系列的解决方案，比如利用控制反转的核心特性，并通过依赖注入实现控制反转来实现管理对象生命周期容器化，利用面向切面编程进行声明式的事务管理，整合多种持久化技术管理数据访问，提供大量优秀的Web框架方便开发等等。Spring框架具有控制反转（IOC）特性，IOC旨在方便项目维护和测试，它提供了一种通过Java的反射机制对Java对象进行统一的配置和管理的方法。Spring框架利用容器管理对象的生命周期，容器可以通过扫描XML文件或类上特定Java注解来配置对象，开发者可以通过依赖查找或依赖注入来获得对象。Spring框架具有[面向切面编程][Link 1]（AOP）框架，SpringAOP框架基于代理模式，同时运行时可配置；AOP框架主要针对模块之间的交叉关注点进行模块化。Spring框架的AOP框架仅提供基本的AOP特性，虽无法与AspectJ框架相比，但通过与AspectJ的集成，也可以满足基本需求。Spring框架下的事务管理、远程访问等功能均可以通过使用SpringAOP技术实现。Spring的事务管理框架为Java平台带来了一种抽象机制，使本地和全局事务以及嵌套事务能够与保存点一起工作，并且几乎可以在Java平台的任何环境中工作。Spring集成多种事务模板，系统可以通过事务模板、XML或Java注解进行事务配置，并且事务框架集成了消息传递和缓存等功能。Spring的数据访问框架解决了开发人员在应用程序中使用数据库时遇到的常见困难。它不仅对Java:JDBC、iBATS/MyBATIs、Hibernate、Java数据对象（JDO）、ApacheOJB和ApacheCayne等所有流行的数据访问框架中提供支持，同时还可以与Spring的事务管理一起使用，为数据访问提供了灵活的抽象。Spring框架最初是没有打算构建一个自己的Web[MVC框架][MVC]，其开发人员在开发过程中认为现有的StrutsWeb框架的呈现层和请求处理层之间以及请求处理层和模型之间的分离不够，于是创建了SpringMVC。

1.  1.   MySQL简介

MySQL是一个开放的、快速的、多线程的SQL关系型数据库服务器。由于其体积小、免费、运行速度快以及可以通过相关免费的软件来对MySql数据库中的相关数据结构信息等等优点。受广大中等、小型企业所喜爱并占据了很大地位。本系统在数据库方面选用MySQL，并通过Nacivat来进行MySql数据库的管理。在Mysql的安装过程中，最需要注意的就是数据库的编码问题，所以在安装数据库时需要设置数据库的编码为Utf-8，与前台页面和服务器的编码相一致。

1.  1.  JavaScript 运行模式

JavaScript是一种属于网络的高级脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

1.8.1是一种解释性脚本语言（代码不进行[预编译][Link 2]）。

1.8.2主要用来向[HTML][]（[标准通用标记语言][Link 3]下的一个应用）页面添加交互行为。

1.8.3可以直接嵌入HTML页面，但写成单独的[js][]文件有利于结构和行为的[分离][Link 4]。

1.8.4跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如[Windows][]、[Linux][]、[Mac][]、[Android][]、[iOS][]等）。

1.8.5 JavaScript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和[算术运算符][Link 5]及程序的基本程序框架。JavaScript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。

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

技术性方面，采用当前主流的JavaEE框架进行系统主体框架的搭建，前台使用jquery，ajax，实现前台页面的设计与美观调整，以上技术，均由本人经过系统学习，并且都是在课程设计中实践过的，可以使得开发更加便捷和系统。从技术角度看，这个系统是完全可以实现的。

实用性方面，本次设计的主要任务是在在线考试系统内在线考试、查询考试成绩等，符合当前潮流的发展。从用户角度出发，同时也考虑系统运营成本和人力资源，采用网络上的便捷方式，实现线上业务，使得业务流程更系统，也更方便用户的体验，比较实用。

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

1.  1.   功能需求分析

本系统使用的角色大概分为考生、教师和管理员。

1.考生需求

考生登陆系统主要进行两类操作:在线考试，成绩查询与个人信息管理.

（1）在线考试

系统能自动给考生选题,考题必须是随机分配的,以保证考试的公平性。考生在考试过程中页面将提供考试时间倒计时功能，使考生随时了解考试剩余时间。在考试时间到时，系统将自动地将考生考试试卷提交，将提醒考生离开考场。当考试试卷提交时，系统自动为选择题、判断题、多选等客观题评分。

（2）考试资讯与个人信息维护

学生可以登陆系统查询考试资讯，其中资讯信息包括标题、封面图、标签、描述等。

除此之外，学生登陆系统可以查看和修改个人的基本信息，如修改密码等。

2.管理员和教师需求

系统管理员登陆系统后主要进行四类操作：

（1）在线考试信息的维护

考试信息的维护主要是对于考试设置信息进行维护，这些信息主要是考试总时间，试题数量，各试题分值的分布等。

（2）用户维护

系统管理员可以对用户信息（包括考生信息）进行增，删，改查操作。

（3）个人信息维护

管理员也可以对自己的基本信息的维护。

用户用例图如下所示。

![2a0c2a87f155491b8ed11eeb9f0def7a.png][]

图3-1 用户用例图

管理员用例图如下所示。

![bec786dedf314afb9c336e36e7b412f1.png][]

图3-2 管理员用例图

1.  1.   非功能需求分析

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

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

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

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

1.  1.  1.   数据的安全性

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

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

1.  1.   业务流程分析

首先系统将考试信息和考生个人信息提供给考生，并要求考生核对个人信息。在考试开始时系统按照一定的算法为登陆的考生随机选取一定的试题生成考试试卷，考生在系统生成好试卷后进行答题操作。答题必须在规定的时间内进行，此时间是由管理员事先设置好的，如在规定的时间内没有完成答题，系统将强制提交考生考试试卷。考生在试卷提交后系统自动地改卷、得到最后成绩，考生可以查看个人的成绩。

本系统的业务流程图如下所示。

![ff271f7369ad4872b9bbd8b16ddf9260.png][]

![5c7bed01e15d495aa876ca48faf34189.png][]

图3-2 业务流程图

1.  1.   数据流程分析

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

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

![95c18ba262a54e35abf223bdc9949d74.png][]

图3-2 顶层数据流图

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

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

![541167979b3142e1b5e8e69721776945.png][] 图3-3 底层数据流图

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

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

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

系统架构如下图所示。

![0f1fe17b73e04037a0c2e83e98bbb078.png][]

图4-1 系统架构

1.  1.   系统总体设计

在线考试系统总体分为前台用户模块和后台管理员模块。

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

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

![e887b2c54a2a42da8f67c4f44887eea3.png][]图4-2 系统功能结构图

1.  1.   系统功能设计

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

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

考试资讯管理模块：考试资讯管理分为考试资讯添加、修改。考试资讯信息由管理员进行修改、添加、删除操作；考试资讯由教师用户来执行。

在线留言管理模块：在线留言管理分为留言添加、修改和留言更新。留言信息由管理员进行修改、添加、删除操作；留言更新由教师、管理员来执行。

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

从前面可以分析到数据库中最重要的是学生信息，教师信息，管理员信息，同时存在试题信息和试卷信息。分析可以得到如下数据描述：

学生用户：用于记录学生的各种信息，包括性别、用户ID、审核状态等数据项。

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

教师：用于记录教师的各种信息。包括性别、用户ID、审核状态等数据项。

在线考试：存储用户的在线考试信息。包括在线考试的类型、题目、参考答案、总分、排序、所属试卷等数据项。

1.  1.  1.   数据库概念设计

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

系统ER图如下图所示。

![21e64ca6bf5940f1a2b20bb0d30e6e94.png][]

图4-3 系统ER图

1.  1.  1.   数据库表设计

在线考试系统所拥有的数据表有以下：用户信息表，选择题信息表，多选题表，判断题表，试卷表，成绩表等。

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

Student表：

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:79.5pt;"> 名称 </td> 
 <td style="vertical-align:top;width:54.55pt;"> 类型 </td> 
 <td style="vertical-align:top;width:54pt;"> 长度 </td> 
 <td style="vertical-align:top;width:54pt;"> 不是null </td> 
 <td style="vertical-align:top;width:54pt;"> 主键 </td> 
 <td style="vertical-align:top;width:99.2pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:79.5pt;"> student_id </td> 
 <td style="vertical-align:top;width:54.55pt;"> int </td> 
 <td style="vertical-align:top;width:54pt;"> 11 </td> 
 <td style="vertical-align:top;width:54pt;"> 是 </td> 
 <td style="vertical-align:top;width:54pt;"> 是 </td> 
 <td style="vertical-align:top;width:99.2pt;"> 学生ID </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:79.5pt;"> gender </td> 
 <td style="vertical-align:top;width:54.55pt;"> varchar </td> 
 <td style="vertical-align:top;width:54pt;"> 64 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:99.2pt;"> 性别 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:79.5pt;"> examine_state </td> 
 <td style="vertical-align:top;width:54.55pt;"> varchar </td> 
 <td style="vertical-align:top;width:54pt;"> 16 </td> 
 <td style="vertical-align:top;width:54pt;"> 是 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:99.2pt;"> 审核状态 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:79.5pt;"> recommend </td> 
 <td style="vertical-align:top;width:54.55pt;"> int </td> 
 <td style="vertical-align:top;width:54pt;"> 11 </td> 
 <td style="vertical-align:top;width:54pt;"> 是 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:99.2pt;"> 智能推荐 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:79.5pt;"> user_id </td> 
 <td style="vertical-align:top;width:54.55pt;"> int </td> 
 <td style="vertical-align:top;width:54pt;"> 11 </td> 
 <td style="vertical-align:top;width:54pt;"> 是 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:99.2pt;"> 用户ID </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:79.5pt;"> create_time </td> 
 <td style="vertical-align:top;width:54.55pt;"> datetime </td> 
 <td style="vertical-align:top;width:54pt;"> 0 </td> 
 <td style="vertical-align:top;width:54pt;"> 是 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:99.2pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:79.5pt;"> update_time </td> 
 <td style="vertical-align:top;width:54.55pt;"> timestamp </td> 
 <td style="vertical-align:top;width:54pt;"> 0 </td> 
 <td style="vertical-align:top;width:54pt;"> 是 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:99.2pt;"> 更新时间 </td> 
 </tr> 
 </tbody> 
</table>

exam\_question表：

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:89.3pt;"> 名称 </td> 
 <td style="vertical-align:top;width:56.3pt;"> 类型 </td> 
 <td style="vertical-align:top;width:54pt;"> 长度 </td> 
 <td style="vertical-align:top;width:54pt;"> 不是null </td> 
 <td style="vertical-align:top;width:54pt;"> 主键 </td> 
 <td style="vertical-align:top;width:87.65pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:89.3pt;"> exam_question_id </td> 
 <td style="vertical-align:top;width:56.3pt;"> mediumint </td> 
 <td style="vertical-align:top;width:54pt;"> 8 </td> 
 <td style="vertical-align:top;width:54pt;"> 是 </td> 
 <td style="vertical-align:top;width:54pt;"> 是 </td> 
 <td style="vertical-align:top;width:87.65pt;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:89.3pt;"> type </td> 
 <td style="vertical-align:top;width:56.3pt;"> varchar </td> 
 <td style="vertical-align:top;width:54pt;"> 20 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:87.65pt;"> 类型 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:89.3pt;"> title </td> 
 <td style="vertical-align:top;width:56.3pt;"> varchar </td> 
 <td style="vertical-align:top;width:54pt;"> 255 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:87.65pt;"> 题目 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:89.3pt;"> question_item </td> 
 <td style="vertical-align:top;width:56.3pt;"> varchar </td> 
 <td style="vertical-align:top;width:54pt;"> 500 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:87.65pt;"> 选项 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:89.3pt;"> answer </td> 
 <td style="vertical-align:top;width:56.3pt;"> varchar </td> 
 <td style="vertical-align:top;width:54pt;"> 500 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:87.65pt;"> 参考答案 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:89.3pt;"> score </td> 
 <td style="vertical-align:top;width:56.3pt;"> double </td> 
 <td style="vertical-align:top;width:54pt;"> 8 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:87.65pt;"> 总分 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:89.3pt;"> question_order </td> 
 <td style="vertical-align:top;width:56.3pt;"> int </td> 
 <td style="vertical-align:top;width:54pt;"> 11 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:87.65pt;"> 排序 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:89.3pt;"> exam_id </td> 
 <td style="vertical-align:top;width:56.3pt;"> mediumint </td> 
 <td style="vertical-align:top;width:54pt;"> 8 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:87.65pt;"> 所属试卷 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:89.3pt;"> create_time </td> 
 <td style="vertical-align:top;width:56.3pt;"> timestamp </td> 
 <td style="vertical-align:top;width:54pt;"> 0 </td> 
 <td style="vertical-align:top;width:54pt;"> 是 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:87.65pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:89.3pt;"> update_time </td> 
 <td style="vertical-align:top;width:56.3pt;"> timestamp </td> 
 <td style="vertical-align:top;width:54pt;"> 0 </td> 
 <td style="vertical-align:top;width:54pt;"> 是 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:87.65pt;"> 更新时间 </td> 
 </tr> 
 </tbody> 
</table>

user\_answer表：

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:80.8pt;"> 名称 </td> 
 <td style="vertical-align:top;width:56.3pt;"> 类型 </td> 
 <td style="vertical-align:top;width:41.1pt;"> 长度 </td> 
 <td style="vertical-align:top;width:54pt;"> 不是null </td> 
 <td style="vertical-align:top;width:42.55pt;"> 主键 </td> 
 <td style="vertical-align:top;width:120.5pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:80.8pt;"> user_answer_id </td> 
 <td style="vertical-align:top;width:56.3pt;"> mediumint </td> 
 <td style="vertical-align:top;width:41.1pt;"> 8 </td> 
 <td style="vertical-align:top;width:54pt;"> 是 </td> 
 <td style="vertical-align:top;width:42.55pt;"> 是 </td> 
 <td style="vertical-align:top;width:120.5pt;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:80.8pt;"> user_id </td> 
 <td style="vertical-align:top;width:56.3pt;"> mediumint </td> 
 <td style="vertical-align:top;width:41.1pt;"> 8 </td> 
 <td style="vertical-align:top;width:54pt;"> 是 </td> 
 <td style="vertical-align:top;width:42.55pt;"> 否 </td> 
 <td style="vertical-align:top;width:120.5pt;"> 用户ID </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:80.8pt;"> exam_id </td> 
 <td style="vertical-align:top;width:56.3pt;"> mediumint </td> 
 <td style="vertical-align:top;width:41.1pt;"> 8 </td> 
 <td style="vertical-align:top;width:54pt;"> 是 </td> 
 <td style="vertical-align:top;width:42.55pt;"> 否 </td> 
 <td style="vertical-align:top;width:120.5pt;"> 考试id </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:80.8pt;"> score </td> 
 <td style="vertical-align:top;width:56.3pt;"> double </td> 
 <td style="vertical-align:top;width:41.1pt;"> 8 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:42.55pt;"> 否 </td> 
 <td style="vertical-align:top;width:120.5pt;"> 分数 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:80.8pt;"> answers </td> 
 <td style="vertical-align:top;width:56.3pt;"> varchar </td> 
 <td style="vertical-align:top;width:41.1pt;"> 1000 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:42.55pt;"> 否 </td> 
 <td style="vertical-align:top;width:120.5pt;"> 答案 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:80.8pt;"> score_detail </td> 
 <td style="vertical-align:top;width:56.3pt;"> varchar </td> 
 <td style="vertical-align:top;width:41.1pt;"> 1000 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:42.55pt;"> 否 </td> 
 <td style="vertical-align:top;width:120.5pt;"> 评分详情 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:80.8pt;"> objective_score </td> 
 <td style="vertical-align:top;width:56.3pt;"> double </td> 
 <td style="vertical-align:top;width:41.1pt;"> 8 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:42.55pt;"> 否 </td> 
 <td style="vertical-align:top;width:120.5pt;"> 客观题得分 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:80.8pt;"> subjective_score </td> 
 <td style="vertical-align:top;width:56.3pt;"> double </td> 
 <td style="vertical-align:top;width:41.1pt;"> 8 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:42.55pt;"> 否 </td> 
 <td style="vertical-align:top;width:120.5pt;"> 主观题得分 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:80.8pt;"> score_state </td> 
 <td style="vertical-align:top;width:56.3pt;"> tinyint </td> 
 <td style="vertical-align:top;width:41.1pt;"> 2 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:42.55pt;"> 否 </td> 
 <td style="vertical-align:top;width:120.5pt;"> 评分状态 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:80.8pt;"> nickname </td> 
 <td style="vertical-align:top;width:56.3pt;"> varchar </td> 
 <td style="vertical-align:top;width:41.1pt;"> 255 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:42.55pt;"> 否 </td> 
 <td style="vertical-align:top;width:120.5pt;"> 提交人 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:80.8pt;"> create_time </td> 
 <td style="vertical-align:top;width:56.3pt;"> timestamp </td> 
 <td style="vertical-align:top;width:41.1pt;"> 0 </td> 
 <td style="vertical-align:top;width:54pt;"> 是 </td> 
 <td style="vertical-align:top;width:42.55pt;"> 否 </td> 
 <td style="vertical-align:top;width:120.5pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:80.8pt;"> update_time </td> 
 <td style="vertical-align:top;width:56.3pt;"> timestamp </td> 
 <td style="vertical-align:top;width:41.1pt;"> 0 </td> 
 <td style="vertical-align:top;width:54pt;"> 是 </td> 
 <td style="vertical-align:top;width:42.55pt;"> 否 </td> 
 <td style="vertical-align:top;width:120.5pt;"> 更新时间 </td> 
 </tr> 
 </tbody> 
</table>

Notice表：

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:62.75pt;"> 名称 </td> 
 <td style="vertical-align:top;width:56.3pt;"> 类型 </td> 
 <td style="vertical-align:top;width:54pt;"> 长度 </td> 
 <td style="vertical-align:top;width:54pt;"> 不是null </td> 
 <td style="vertical-align:top;width:54pt;"> 主键 </td> 
 <td style="vertical-align:top;width:114.2pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:62.75pt;"> notice_id </td> 
 <td style="vertical-align:top;width:56.3pt;"> mediumint </td> 
 <td style="vertical-align:top;width:54pt;"> 8 </td> 
 <td style="vertical-align:top;width:54pt;"> 是 </td> 
 <td style="vertical-align:top;width:54pt;"> 是 </td> 
 <td style="vertical-align:top;width:114.2pt;"> 公告id </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:62.75pt;"> title </td> 
 <td style="vertical-align:top;width:56.3pt;"> varchar </td> 
 <td style="vertical-align:top;width:54pt;"> 125 </td> 
 <td style="vertical-align:top;width:54pt;"> 是 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:114.2pt;"> 标题 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:62.75pt;"> content </td> 
 <td style="vertical-align:top;width:56.3pt;"> longtext </td> 
 <td style="vertical-align:top;width:54pt;"> 0 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:114.2pt;"> 正文 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:62.75pt;"> create_time </td> 
 <td style="vertical-align:top;width:56.3pt;"> timestamp </td> 
 <td style="vertical-align:top;width:54pt;"> 0 </td> 
 <td style="vertical-align:top;width:54pt;"> 是 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:114.2pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:62.75pt;"> update_time </td> 
 <td style="vertical-align:top;width:56.3pt;"> timestamp </td> 
 <td style="vertical-align:top;width:54pt;"> 0 </td> 
 <td style="vertical-align:top;width:54pt;"> 是 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:114.2pt;"> 更新时间 </td> 
 </tr> 
 </tbody> 
</table>

Slides表：

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:67.3pt;"> 名称 </td> 
 <td style="vertical-align:top;width:55.3pt;"> 类型 </td> 
 <td style="vertical-align:top;width:54pt;"> 长度 </td> 
 <td style="vertical-align:top;width:54pt;"> 不是null </td> 
 <td style="vertical-align:top;width:54pt;"> 主键 </td> 
 <td style="vertical-align:top;width:110.65pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:67.3pt;"> slides_id </td> 
 <td style="vertical-align:top;width:55.3pt;"> int </td> 
 <td style="vertical-align:top;width:54pt;"> 10 </td> 
 <td style="vertical-align:top;width:54pt;"> 是 </td> 
 <td style="vertical-align:top;width:54pt;"> 是 </td> 
 <td style="vertical-align:top;width:110.65pt;"> 轮播图ID </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:67.3pt;"> title </td> 
 <td style="vertical-align:top;width:55.3pt;"> varchar </td> 
 <td style="vertical-align:top;width:54pt;"> 64 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:110.65pt;"> 标题 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:67.3pt;"> content </td> 
 <td style="vertical-align:top;width:55.3pt;"> varchar </td> 
 <td style="vertical-align:top;width:54pt;"> 255 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:110.65pt;"> 内容 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:67.3pt;"> url </td> 
 <td style="vertical-align:top;width:55.3pt;"> varchar </td> 
 <td style="vertical-align:top;width:54pt;"> 255 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:110.65pt;"> 链接 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:67.3pt;"> img </td> 
 <td style="vertical-align:top;width:55.3pt;"> varchar </td> 
 <td style="vertical-align:top;width:54pt;"> 255 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:110.65pt;"> 轮播图 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:67.3pt;"> hits </td> 
 <td style="vertical-align:top;width:55.3pt;"> int </td> 
 <td style="vertical-align:top;width:54pt;"> 10 </td> 
 <td style="vertical-align:top;width:54pt;"> 是 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:110.65pt;"> 点击量 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:67.3pt;"> create_time </td> 
 <td style="vertical-align:top;width:55.3pt;"> timestamp </td> 
 <td style="vertical-align:top;width:54pt;"> 0 </td> 
 <td style="vertical-align:top;width:54pt;"> 是 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:110.65pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:67.3pt;"> update_time </td> 
 <td style="vertical-align:top;width:55.3pt;"> timestamp </td> 
 <td style="vertical-align:top;width:54pt;"> 0 </td> 
 <td style="vertical-align:top;width:54pt;"> 是 </td> 
 <td style="vertical-align:top;width:54pt;"> 否 </td> 
 <td style="vertical-align:top;width:110.65pt;"> 更新时间 </td> 
 </tr> 
 </tbody> 
</table>

1.   系统实现
    
    1.   数据库访问层的实现

该系统是通过jdbc和MySQL达成连接的，新建一个jdbc.properties文件来填写与数据库连接所需要的驱动和参数。

jdbc.driverClass=com.MySQL.jdbc.Driver

jdbc.url=jdbc:MySQL://localhost:3306/tsi

jdbc.username=root

jdbc.password=123

第一个参数代表MySQL数据库的驱动，第二个参数代表要连接的数据库，第三个和第四个参数代表数据库连接名和密码。

后台与数据库访问主要是通过HQL语句来进行查询的，查询语句中的表名是表格的实体类名，在这种查询语句中\*是不允许使用的，除非适合聚合函数一起使用才可以。

1.  1.   登录模块的实现

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

登录流程图如下图所示。

![d95d80a55b2e49af922996f61d64c484.png][]

图5-1登录流程图

![a511f773fa9f4cb9a09392393d30a23c.png][]

图5-1登录流程图

登录界面关键代码如下所示。

/\*\*

\* 登录

\* @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;

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

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

map.put("username", username);

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

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

map.put("email", email);

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

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

map.put("phone", phone);

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

\}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.select(groupMap, new HashMap<>()).getResultList();

if (groupList.size()<1)\{

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

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

//查询用户审核状态

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

String sql = "select examine\_state from "+ userGroup.getSourceTable() +" WHERE user\_id = " + byUsername.getUserId();

String res = String.valueOf(service.runCountSql(sql).getSingleResult());

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, "账号或密码不正确");

1.  1.  注册模块

未注册用户在用户注册界面uerRegister.jsp，输入新用户信息，点击注册后，新用户信息由界面传入控制层userAction，调用addUser(user)方法，通过userDAOImp向数据库用户表插入用户信息，由于用户账号是自动生成的，若成功则反馈注册成功，并提示新用户的用户账号；若失败则回到登录界面，并显示登录失败。

注册界面如下所示。

![a22ff7ad94564cd1b2615c8af4c599b1.png][]

图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.  1.   用户资料修改模块的实现

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

个人消息界面如下所示。

![61ceda1a0f69439ea3e9f4101b5fdb8e.png][]

图5-1个人消息界面

![80cdcaf523234b72ac87a78c7e6e011b.png][]

图5-1修改密码界面

修改密码关键代码如下所示。

/\*\*

\* 修改密码

\* @param data

\* @param request

\* @return

\*/

@PostMapping("change\_password")

public Map<String, Object> change\_password(@RequestBody Map<String, String> data, HttpServletRequest request)\{

// 根据Token获取UserId

String token = request.getHeader("x-auth-token");

Integer userId = tokenGetUserId(token);

// 根据UserId和旧密码获取用户

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

String o\_password = data.get("o\_password");

query.put("user\_id" ,String.valueOf(userId));

query.put("password" ,service.encryption(o\_password));

Query ret = service.count(query, service.readConfig(request));

List list = ret.getResultList();

Object s = list.get(0);

int count = Integer.parseInt(list.get(0).toString());

if(count > 0)\{

// 修改密码

Map<String,Object> form = new HashMap<>();

form.put("password",service.encryption(data.get("password")));

service.update(query,service.readConfig(request),form);

return success(1);

return error(10000,"密码修改失败！");

1.  1.  在线留言模块的实现

用户在点击导航栏上面的留言板后，就可以搜索查看留言信息，用户根据自己的喜好可以进行交流。

考试科目查询界面如下图所示。

![b0953c7568d244d384764befa63656c2.png][]

图5-1在线留言界面

1.  1.   学生管理模块的实现

在线考试系统中的管理人员是可以对前台注册的学生和教师进行管理的，也可以对管理员进行管控。

学生界面如下图所示。

![3f872688f292470d98fa8f153d8eccee.png][]

图5-1学生管理界面

学生管理关键代码如下。

@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.  1.  在线考试管理模块的实现

在线考试系统中的管理人员是可以对在线考试系统内的教师发布的在线考试进行维护和管理的，支持增删改查操作。

在线考试界面如下图所示。

![090a09a6059d45508516ca52401fcad4.png][]

图5-1在线考试管理界面

在线考试管理的关键代码如下。

@PostMapping("/set")

@Transactional

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

service.update(service.readQuery(request), service.readConfig(request), service.readBody(request.getReader()));

return success(1);

public Map<String,String> readConfig(HttpServletRequest request)\{

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

map.put(FindConfig.PAGE,request.getParameter(FindConfig.PAGE));

map.put(FindConfig.SIZE,request.getParameter(FindConfig.SIZE));

map.put(FindConfig.LIKE,request.getParameter(FindConfig.LIKE));

map.put(FindConfig.ORDER\_BY,request.getParameter(FindConfig.ORDER\_BY));

map.put(FindConfig.FIELD,request.getParameter(FindConfig.FIELD));

map.put(FindConfig.GROUP\_BY,request.getParameter(FindConfig.GROUP\_BY));

map.put(FindConfig.MAX\_,request.getParameter(FindConfig.MAX\_));

map.put(FindConfig.MIN\_,request.getParameter(FindConfig.MIN\_));

return map;

public Map<String,String> readQuery(HttpServletRequest request)\{

String queryString = request.getQueryString();

if (queryString != null && !"".equals(queryString)) \{

String\[\] querys = queryString.split("&");

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

for (String query : querys) \{

String\[\] q = query.split("=");

map.put(q\[0\], q\[1\]);

map.remove(FindConfig.PAGE);

map.remove(FindConfig.SIZE);

map.remove(FindConfig.LIKE);

map.remove(FindConfig.ORDER\_BY);

map.remove(FindConfig.FIELD);

map.remove(FindConfig.GROUP\_BY);

map.remove(FindConfig.MAX\_);

map.remove(FindConfig.MIN\_);

return map;

\}else \{

return new HashMap<>();

@Transactional

public void update(Map<String,String> query,Map<String,String> config,Map<String,Object> body)\{

StringBuffer sql = new StringBuffer("UPDATE ").append("\`").append(table).append("\`").append(" SET ");

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

Object value = entry.getValue();

if (value instanceof String)\{

sql.append("\`"+humpToLine(entry.getKey())+"\`").append("=").append("'").append(value).append("'").append(",");

\}else \{

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

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

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

log.info("\[\{\}\] - 更新操作：\{\}",table,sql);

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

query1.executeUpdate();

public String toWhereSql(Map<String,String> query, Boolean like) \{

if (query.size() > 0) \{

try \{

StringBuilder sql = new StringBuilder(" WHERE ");

for (Map.Entry<String, String> entry : query.entrySet()) \{

if (entry.getKey().contains(FindConfig.MIN\_)) \{

String min = humpToLine(entry.getKey()).replace("\_min", "");

sql.append("\`"+min+"\`").append(" >= '").append(URLDecoder.decode(entry.getValue(), "UTF-8")).append("' and ");

continue;

if (entry.getKey().contains(FindConfig.MAX\_)) \{

String max = humpToLine(entry.getKey()).replace("\_max", "");

sql.append("\`"+max+"\`").append(" <= '").append(URLDecoder.decode(entry.getValue(), "UTF-8")).append("' and ");

continue;

if (like == true) \{

sql.append("\`"+humpToLine(entry.getKey())+"\`").append(" LIKE '%").append(URLDecoder.decode(entry.getValue(), "UTF-8")).append("%'").append(" and ");

\} else \{

sql.append("\`"+humpToLine(entry.getKey())+"\`").append(" = '").append(URLDecoder.decode(entry.getValue(), "UTF-8")).append("'").append(" and ");

sql.delete(sql.length() - 4, sql.length());

sql.append(" ");

return sql.toString();

\} catch (UnsupportedEncodingException e) \{

log.info("拼接sql 失败：\{\}", e.getMessage());

return "";

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

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

1.  1.   功能测试

下表是系统登录功能测试用例，检测了用户名和密码的不同的输入情况，观察系统的响应情况。得出该功能达到了设计目标。

表6-1 系统登录功能测试用例

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:151pt;"> 功能描述 </td> 
 <td colspan="2" style="vertical-align:top;width:302pt;"> 用于系统登录 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:151pt;"> 测试目的 </td> 
 <td colspan="2" style="vertical-align:top;width:302pt;"> 检测登录时的合法性检查 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:151pt;"> 测试数据以及操作 </td> 
 <td style="vertical-align:top;width:151pt;"> 预期结果 </td> 
 <td style="vertical-align:top;width:151pt;"> 实际结果 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:151pt;"> 输入的用户名和密码带有非法字符 </td> 
 <td style="vertical-align:top;width:151pt;"> 提示用户名或者密码错误 </td> 
 <td style="vertical-align:top;width:151pt;"> 与预期结果一致 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:151pt;"> 输入的用户名或者密码为空 </td> 
 <td style="vertical-align:top;width:151pt;"> 提示用户名或者密码错误 </td> 
 <td style="vertical-align:top;width:151pt;"> 与预期结果一致 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:151pt;"> 输入的用户名和密码不存在 </td> 
 <td style="vertical-align:top;width:151pt;"> 提示用户名或者密码错误 </td> 
 <td style="vertical-align:top;width:151pt;"> 与预期结果一致 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:151pt;"> 输入正确的用户名和密码 </td> 
 <td style="vertical-align:top;width:151pt;"> 登录成功 </td> 
 <td style="vertical-align:top;width:151pt;"> 与预期结果一致 </td> 
 </tr> 
 </tbody> 
</table>

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

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

表6-2 在线考试管理的测试用例

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:151pt;"> 功能描述 </td> 
 <td colspan="2" style="vertical-align:top;width:302pt;"> 用于在线考试管理 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:151pt;"> 测试目的 </td> 
 <td colspan="2" style="vertical-align:top;width:302pt;"> 检测在线考试管理时的各种操作的运行情况 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:151pt;"> 测试数据以及操作 </td> 
 <td style="vertical-align:top;width:151pt;"> 预期结果 </td> 
 <td style="vertical-align:top;width:151pt;"> 实际结果 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:151pt;"> 点击添加在线考试，必填项合法输入，点击保存 </td> 
 <td style="vertical-align:top;width:151pt;"> 提示添加成功 </td> 
 <td style="vertical-align:top;width:151pt;"> 与预期结果一致 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:151pt;"> 点击添加在线考试，必填项输入不合法，点击保存 </td> 
 <td style="vertical-align:top;width:151pt;"> 提示必填项不能为空 </td> 
 <td style="vertical-align:top;width:151pt;"> 与预期结果一致 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:151pt;"> 点击修改在线考试，必填项修改为空，点击保存 </td> 
 <td style="vertical-align:top;width:151pt;"> 提示必填项不能为空 </td> 
 <td style="vertical-align:top;width:151pt;"> 与预期结果一致 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:151pt;"> 点击修改在线考试，必填项输入不合法，点击保存 </td> 
 <td style="vertical-align:top;width:151pt;"> 提示必填项不能为空 </td> 
 <td style="vertical-align:top;width:151pt;"> 与预期结果一致 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:151pt;"> 点击删除在线考试，选择在线考试删除 </td> 
 <td style="vertical-align:top;width:151pt;"> 提示删除成功 </td> 
 <td style="vertical-align:top;width:151pt;"> 与预期结果一致 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:151pt;"> 点击搜索在线考试，输入存在的在线考试名 </td> 
 <td style="vertical-align:top;width:151pt;"> 查找出在线考试 </td> 
 <td style="vertical-align:top;width:151pt;"> 与预期结果一致 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:151pt;"> 点击搜索在线考试，输入不存在的在线考试名 </td> 
 <td style="vertical-align:top;width:151pt;"> 不显示在线考试 </td> 
 <td style="vertical-align:top;width:151pt;"> 与预期结果一致 </td> 
 </tr> 
 </tbody> 
</table>

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

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

表6-3 在线留言管理的测试用例

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:151pt;"> 功能描述 </td> 
 <td colspan="2" style="vertical-align:top;width:302pt;"> 用于在线留言管理 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:151pt;"> 测试目的 </td> 
 <td colspan="2" style="vertical-align:top;width:302pt;"> 检测在线留言管理时的各种操作的运行情况 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:151pt;"> 测试数据以及操作 </td> 
 <td style="vertical-align:top;width:151pt;"> 预期结果 </td> 
 <td style="vertical-align:top;width:151pt;"> 实际结果 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:151pt;"> 点击添加在线留言，必填项合法输入，点击保存 </td> 
 <td style="vertical-align:top;width:151pt;"> 提示添加成功 </td> 
 <td style="vertical-align:top;width:151pt;"> 与预期结果一致 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:151pt;"> 点击添加在线留言，必填项输入不合法，点击保存 </td> 
 <td style="vertical-align:top;width:151pt;"> 提示必填项不能为空 </td> 
 <td style="vertical-align:top;width:151pt;"> 与预期结果一致 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:151pt;"> 点击修改在线留言，必填项修改为空，点击保存 </td> 
 <td style="vertical-align:top;width:151pt;"> 提示必填项不能为空 </td> 
 <td style="vertical-align:top;width:151pt;"> 与预期结果一致 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:151pt;"> 点击修改在线留言，必填项输入不合法，点击保存 </td> 
 <td style="vertical-align:top;width:151pt;"> 提示必填项不能为空 </td> 
 <td style="vertical-align:top;width:151pt;"> 与预期结果一致 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:151pt;"> 点击删除在线留言，选择在线留言删除 </td> 
 <td style="vertical-align:top;width:151pt;"> 提示删除成功 </td> 
 <td style="vertical-align:top;width:151pt;"> 与预期结果一致 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:151pt;"> 点击搜索在线留言，输入存在的在线留言名 </td> 
 <td style="vertical-align:top;width:151pt;"> 查找出在线留言 </td> 
 <td style="vertical-align:top;width:151pt;"> 与预期结果一致 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:151pt;"> 点击搜索在线留言，输入不存在的在线留言名 </td> 
 <td style="vertical-align:top;width:151pt;"> 不显示在线留言 </td> 
 <td style="vertical-align:top;width:151pt;"> 与预期结果一致 </td> 
 </tr> 
 </tbody> 
</table>

1.  1.   性能测试

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

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

1.   总结与展望

随着计算机互联网技术的迅猛发展，各行各业都已经实现采用计算机相关技术对日益放大的数据进行管理。该课题是在线考试系统为核心展开的，主要是为了实现考试信息化管理和用户在线考试的需求。

在线考试系统的开发是以Java编程语言作为基础，在Myeclipse平台上完成编码工作，系统整体为B/S架构，数据库系统使用MySQL。文中详细分析了在线考试系统的研究背景、研究目的和意义、开发工具和相关技术以及系统需求、系统详细设计和系统测试等等一系列内容。系统实现了在线考试系统所需的一些基本功能，并通过测试对这些实现的功能进行了完善，进而提高了系统整体的实用性。整个系统的开发过程中大量使用了Java相关的知识以及前端开发使用的html和javascript等，同时涉及到了很多开源框架和组件，例如后台系统中运用的MVC架构、Freemarker模板引擎等，前端运用的UI框架等。

系统投入运行时，各功能均运行正常。系统的每个界面的操作符合常规逻辑，对使用者来说操作简单，界面友好。整个系统的各个功能设计合理，体现了人性化。

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

## 参考文献 ##

\[1\]史洁.基于人脸识别技术的英语在线考试系统\[J\].信息技术,2022(02):20-24.

\[2\]延慧敏.基础医学课程考试系统设计\[J\].自动化技术与应用,2022,41(02):192-194.

\[3\]丁勇,鞠伟,姜枫,朱长水. Design and Implementation of the Talent Management System Based on JavaEE\[J\]. 软件工程与应用,2022,11(01):

\[4\]窦营山.在线考试与传统考试成绩等效性研究——基于2000—2020年国际实证研究的元分析\[J\].中国远程教育,2022(01):73-84.

\[5\]孙炯宁,张娟,游学军,许欢. 一种在线考试防作弊装置\[P\]. 江苏省：CN215411279U,2022-01-04.

\[6\]魏子钦,梁艳美,单豫洲.基于JavaEE的房屋租赁系统\[J\].信息与电脑(理论版),2021,33(24):137-139.

\[7\]吕学明.基于JavaEE热镀锌生产信息管理系统的设计与实现\[J\].山西电子技术,2021(06):66-67+74.

\[8\]吴保升,邵倩.基于JavaEE的网上书城系统设计\[J\].信息技术与信息化,2021(11):58-61.

\[9\]周丽明. 在线考试系统在中职课程评价中的应用研究\[D\].山东师范大学,2021.

\[10\]席斌. 基于JAVAEE的甘肃电信运营支撑管理系统设计及实现\[D\].兰州大学,2021.DOI:10.27204/d.cnki.glzhu.2021.002269.

\[11\]周东旺, 人力资源　在线考试系统. 杨启燕 主编,中国铁建年鉴,中国经济出版社,2019,181,年鉴.

\[12\]Hao Li,Heda Yang. Digital platform architecture design based on JavaEE\[J\]. Journal of Physics: Conference Series,2019,1345(2):

\[13\]潘福营,彭俊定,刘杨,李欣,任建川,叶红星,魏生平. 抽水蓄能电站安全培训考试系统应用研究\[C\]//2018智能电网新技术发展与应用研讨会论文集.,2018:119-121.

\[14\]Xinming Yang,Zhenchao He,Yuehui Tan. Based on JAVAEE online shopping system\[J\]. Computer Simulation in Application,2018,1(1):

\[15\]曹礼,敬蒸,孙吉成,王尧,郑雷蕾. 《口腔医学导论》在线考试实践与体会\[C\]//2018年中华口腔医学会口腔医学教育专业委员会第二次学术年会论文集.,2018:14-18.

\[16\]郭淳,赵鲁宁,杜晓平,李炜,王晓敏. 基于JAVAEE技术的电力企业供应商服务大厅排队服务优化研究\[C\]//2017智能电网新技术发展与应用研讨会论文集.,2017:252-254.

\[17\]马文静, 基于JavaEE的劳动保障监察系统(LESS)的研发. 河北省,河北机电职业技术学院,2013-12-02.

\[18\]储泽楠, 基于JAVAEE轻量级架构的高校科研管理服务平台. 河南省,安阳工学院,2013-09-09.

## 致谢 ##

本次设计历时3个月。在这个毕业设计中，它离不开指导教师的指导，使事情基本顺利。指导老师无论是在毕业设计历经中，还是在论文做完中都给了了我特别大的助益。另1个方面，教师认真负责的工作姿态，谨慎的教学精神厚重的理论水准都使我获益匪浅。他勤恳谨慎的教学育人学习姿态也给我留下了特别特别深的感觉。我从老师那里学到了很多东西。在理论和实践中，我的技能得到了特别大的提高。在此，特向教师表示由衷的感激。

经过对该毕业设计的全部研究和开发，我的系统研发经历了从需求分析到实现详细功能，再到最终测试和维护的特殊进展。让我对系统研发有了更深层次的认识。如今我的动手本领单独处理疑惑的本领也获取到了特别大的演练学习增多，这是这次毕业设计最好的收获。

最后，在整个系统开发过程中，我周围的同学和朋友给了我很多意见，所以我很快就确认了系统的商业思想。在次，我由衷的向他们表示感激。

> **免费领取本源代码，请关注点赞+私聊**

[Web]: https://baike.baidu.com/item/Web%E6%9C%8D%E5%8A%A1/2837593
[78d100539be14bb98bfcffb1b81f9627.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/972694454bae4164aa7d6b287be8f21f.png
[Java]: https://baike.baidu.com/item/Java%E5%B9%B3%E5%8F%B0/3793459
[EJB]: https://baike.baidu.com/item/EJB/144195
[Link 1]: https://baike.baidu.com/item/%E9%9D%A2%E5%90%91%E5%88%87%E9%9D%A2%E7%BC%96%E7%A8%8B/6016335
[MVC]: https://baike.baidu.com/item/MVC%E6%A1%86%E6%9E%B6/9241230
[Link 2]: https://baike.baidu.com/item/%E9%A2%84%E7%BC%96%E8%AF%91
[HTML]: https://baike.baidu.com/item/HTML
[Link 3]: https://baike.baidu.com/item/%E6%A0%87%E5%87%86%E9%80%9A%E7%94%A8%E6%A0%87%E8%AE%B0%E8%AF%AD%E8%A8%80
[js]: https://baike.baidu.com/item/js/10687961
[Link 4]: https://baike.baidu.com/item/%E5%88%86%E7%A6%BB
[Windows]: https://baike.baidu.com/item/Windows
[Linux]: https://baike.baidu.com/item/Linux
[Mac]: https://baike.baidu.com/item/Mac/173
[Android]: https://baike.baidu.com/item/Android/60243
[iOS]: https://baike.baidu.com/item/iOS/45705
[Link 5]: https://baike.baidu.com/item/%E7%AE%97%E6%9C%AF%E8%BF%90%E7%AE%97%E7%AC%A6/9324947
[2a0c2a87f155491b8ed11eeb9f0def7a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/a774c39f65b44d4ea29a386f048d154b.png
[bec786dedf314afb9c336e36e7b412f1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/a1b1965da2ce42dfb01926cbf490773f.png
[ff271f7369ad4872b9bbd8b16ddf9260.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/b593947bf76f4388893b731b45752574.png
[5c7bed01e15d495aa876ca48faf34189.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/a8b1f07733ea4b9780a3458659c6ffc8.png
[95c18ba262a54e35abf223bdc9949d74.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/e95b861fb98642b6ad5996b83900107f.png
[541167979b3142e1b5e8e69721776945.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/f32f075e0ee14ea59e51c567017eb7d4.png
[0f1fe17b73e04037a0c2e83e98bbb078.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/1e5df0a702a243be80a862d1a695926a.png
[e887b2c54a2a42da8f67c4f44887eea3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/ab37682aeb6641fb9efd1c705426ffb1.png
[21e64ca6bf5940f1a2b20bb0d30e6e94.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/92c5657ba0b24b2a815d20f2791c994a.png
[d95d80a55b2e49af922996f61d64c484.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/76bd3426236c4f35be9f3bb80fe4aa60.png
[a511f773fa9f4cb9a09392393d30a23c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/cdde231f67034512a3164986c71a6626.png
[a22ff7ad94564cd1b2615c8af4c599b1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/f9233d7adeb34e9baee3f03290b0fddc.png
[61ceda1a0f69439ea3e9f4101b5fdb8e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/04eb925037f747d2b52a53b10c77970a.png
[80cdcaf523234b72ac87a78c7e6e011b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/aeb9d516cdde47b7af309eea27c7e2d1.png
[b0953c7568d244d384764befa63656c2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/a8ceb9e8e9474b88bacf525c8b10ba81.png
[3f872688f292470d98fa8f153d8eccee.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/c7edf907a5f24a469fa733f38ad1bd63.png
[090a09a6059d45508516ca52401fcad4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/cd4a708c79314bf9a8dafefcfe6e99f6.png