摘 要

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

本设计主要实现集人性化、高效率、便捷等优点于一身的计算机基础自学系统 ，完成首页、站点管理（公告栏、轮播图）用户管理（管理员、教师、学生）内容管理（课程资讯、资讯分类）更多管理（课程管理、学习资料、学习进度、学习成绩）等功能模块。系统通过浏览器与服务器进行通信，实现数据的交互与变更。本系统通过科学的管理方式、便捷的服务提高了工作效率，减少了数据存储上的错误和遗漏。计算机基础自学系统使用Java语言，采用基于 MVVM模式的SSM技术进行开发，使用 Eclipse 2017 CI 10 编译器编写，数据方面主要采用的是微软的SQLserver数据库来作为数据存储媒介，配合前台HTML+CSS 技术完成系统的开发。

关键词：计算机基础自学系统；SQLserver数据库；SSM技术

SSM computer basic self-study system

Abstract

In the information society, there is a need for targeted access to information, but the expansion of access is basically the direction that people are striving for. Because of the deviation from the perspective, people can often obtain different types of information, which is also the most difficult task for technology to overcome. Aiming at the problems of computer basic self-study system, this paper studies and analyzes the computer basic self-study system, and then develops and designs the computer basic self-study system to solve the problems.

This design mainly realizes the computer basic self-study system with the advantages of humanization, high efficiency and convenience, and completes the functional modules such as home page, site management (bulletin board, carousel map), user management (administrators, teachers and students), content management (course information, information classification) and more management (course management, learning materials, learning progress and academic achievement). The system communicates with the server through the browser to realize the interaction and change of data. This system improves work efficiency and reduces errors and omissions in data storage through scientific management and convenient service. The computer basic self-study system uses Java language, uses SSM technology based on MVVM mode to develop, and uses Eclipse 2017 CI 10 compiler to write. In data aspect, it mainly uses Microsoft SQLserver database as data storage medium, and cooperates with front-end HTML+CSS technology to complete the system development.

Key words: Computer basic self-study system;SQLserver; SSM Technology

目  录

第1章 绪论

1.1研究背景

1.2研究意义

1.3本文的组织结构

第2章 相关技术介绍

2.1 开发技术

2.2 MVVM模式

2.3 SQLserver数据库

2.4 B/S结构

2.5 SSM框架

2.6 ssm框架各层关系

第3章 系统分析

3.1可行性分析

3.1.1技术可行性分析

3.1.2经济可行性分析

3.1.3操作可行性分析

3.2功能需求分析

3.3非功能需求分析 9

3.4数据流程分析 9

第4章 系统设计

4.1系统架构设计

4.2系统功能结构

4.3功能模块设计

4.4数据库设计

4.4.1概念模型

4.4.2关系模型

4.4.3数据表

第5章 系统实现

5.1登录模块的实现

5.2注册模块的实现 24

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

5.4课程管理模块的实现 26

5.5教师管理模块的实现 28

5.6课程资讯管理模块的实现 30

5.7学习资料管理模块的实现 31

第6章 系统测试 32

6.1测试目的 32

6.2测试过程 32

6.3测试结果 33

第7章 总结与展望 34

参考文献 35

致谢 37

1. 绪论
   1. 研究背景

21世纪是信息化、知识化的世纪，随着社会的进步、计算机应用的迅猛发展和网络应用的不断扩大,现代的教学形式也发生了巨大的变化,如多媒体教学、远程教育和在线考试系统等新兴教育形式的产生,使传统的教学形式得到了极大的扩充，使人们获得知识更加的便捷。基于Web 的网上自学系统，就是这样一种基于计算机网络的网上教学与自学形式，它的出现，大大地扩展了现行的教育方式，使教育摆脱了空间上和时间上的约束,无论老师还是学生,都可以坐在电脑前面，方便地进行答疑解惑，可以说是对教育的一次革命。

1. 研究意义

这个自学系统的任务首先是让学生在课后可以复习课堂上的讲授;其次，让课堂无法满足的讨论和交流在这个系统中、在教师的控制下得以进行。教师还希望在课后，学生复习完了课堂内容之后，可进行自我测试，并将老师布置的作业在线上传上来，由老师批改并评分。

根据以上教学需求分析，在自学系统系统中，提供了五大功能即：学习功能、测试功能、学生选课功能、课程进度查询功能。其中，学习功能为主，其他的功能也是必不可少的补充，它们共同构成了一个完善的网上自学系统。在自学系统栏目中，文本教程和动画教程，给学习者提供了一个轻松的学习环境。另外，学习完后有相应的自我测试题目，并且可以随时察看习题答案和测试成绩。这个在线学习系统具有较为齐全的功能，在设计中，通过网络的特点，充分体现老师与学生、学生与学生之间的网上交互作用。任何一个计算机或者网络信息系统项目，都需要符合用户的要求，只有充分的满足了用户的要求，它才具有存在的价值，只有将理论与实践紧密的结合起来，科学才能转换成生产力。

1. 本文的组织结构

第一章是绪论，本文章的开头部分，对本题目的研究背景和研究意义等一些做文字性的描述。

第二章研究了计算机基础自学系统的所采用的开发技术和开发工具。

第三章是系统分析部分，包括系统总体需求描述、功能性角度分析系统需求、非功能性等各个方面分析系统是否可以实现。

第四章是系统设计部分，本文章的重要部分，提供了系统架构的详细设计和一些主要功能模块的设计说明。

第五章是系统的具体实现，介绍系统的各个模块的具体实现。

第六章在前几章的基础上对系统进行测试和运行。

最后对系统进行了认真的总结，以此对未来有一个新的展望。

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

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

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

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

1. MVVM模式

MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们做了，它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。微软的WPF带来了新的技术体验，如Silverlight、音频、视频、3D、动画……，这导致了软件UI层更加细节化、可定制化。同时，在技术层面，WPF也带来了 诸如Binding、Dependency Property、Routed Events、Command、DataTemplate、ControlTemplate等新特性。MVVM（Model-View-ViewModel）框架的由来便是MVP（Model-View-Presenter）模式与WPF结合的应用方式时发展演变过来的一种新型架构框架。它立足于原有MVP框架并且把WPF的新特性糅合进去，以应对客户日益复杂的需求变化。

1. SQLserver数据库

科技的进步，给日常带来许多便利：宿舍的投影器用到了虚拟成像技术，数码相机用到了光电检测技术，比如超市货物进出库的记录需要一个信息仓库。这个信息仓库就是数据库，而这次的计算机基础自学系统 也需要这项技术的支持，SQlserver数据库的优点如下：

(1)高性能设计,可充分利用WindowsNT的优势。

(2)系统管理先进,支持Windows图形化管理具,支持本地和远程的系统管理和配置。

(3)强壮的事务处理功能，采各种方法保证数据的完整性。

(4)支持对称多处理器结构、存储过程、ODBC, 犋有自主的SQL语言。SQL Serverl以其内置的数据复制功能、强大的管理工具与Internet的紧密集成和开放的系统结构为广大的用户、开发人员和系统集成商提供了一个出众的数据库平台。

1. B/S结构

B/S（Browser/Server）比前身架构更为省事的架构。它借助Web server完成数据的传递交流。只需要下载浏览器作为客户端，那么工作就达到“瘦身”效果， 不需要考虑不停装软件的问题。

1. SSM框架

SSM即SpringMVVM+Spring+MySQL，这三个框架有各自最独有的优势，那么将它们组合在一起能够碰撞出很强的火花。设计者在不需消耗大量功夫，能做出Web应用程序，而且这个程序还具有层次清晰、升级更新操作不影响正常使用的、允许多次使用的特点。这个复合框架形成一个有着结构完整、功能强大和结构良好的体系：SpringMVVM使各板块分离，Spring使开发更灵活方便，让开发者直接对对象进行操纵，各层次分工明细，并实现各个层次间的解耦，让代码更加的灵活精简。这个框架使程序员能够规避在开发时期避免个别错误导致整体被破坏，也能在后期应对客户对产品提出的新需求。

1. ssm框架各层关系：

DAO层、Service层这两个层次都可以单独开发，互相的耦合度很低，完全可以独立进行，这样的一种模式在开发大项目的过程中尤其有优势。

Controller，View层因为耦合度比较高，因而要结合在一起开发，但是也可以看作一个整体独立于前两个层进行开发。这样，在层与层之前只需要知道接口的定义，调用接口即可完成所需要的逻辑单元应用，一切显得非常清晰简单。

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

本次设计基于B/S 模式下，运用Java、JSP技术采用的是SQLserver数据库实现，总体的可行性共分为以下三个方面。

1. 技术可行性分析

所谓的技术可行性就是在限定时间，前期拟定的功能能否被满足。在开发设计上是否会遇上解决不了的问题。做完的项目能否被很好地应用，如果存在缺点在后期的维护上是否存在很大的难度。在对这个系统评估后，认定已存在的技术能达成目标。用Java技术来实现动态的页面，嵌入低依赖性的设计模式，灵活的数据库，配合稳定的服务器，整个系统的运行效率大大提升。由此可见，在技术层面达成目标不是非非之想。

1. 经济可行性分析

在项目上使用的工具大部分都是是当下流行开源免费的，所以在开发前期，开发时用于项目的经费将会大大降低，不会让开发该软件在项目启动期受到经费的影响，所以经济上还是可行的。尽量用最少的花费去满足用户的需求。省下经费用于人工费，以及设备费用。将在无纸化，高效率的道路上越走越远。

1. 操作可行性分析

本系统实现功能的操作很简单，普通电脑的常见配置就可以运行本软件，并且只要粗通电脑使用的基本常识就可以流畅的使用本软件。电脑具备连接互联网的能力，并且可以正常访问系统，并不需要操作者有什么高超的能力，只需了解业务流程，并且按照专业知识进行正确操作即可，所以计算机基础自学系统具备操作可行性。

1. 功能需求分析

在系统开发设计前，应该对功能做初步设想，清楚这个管理系统有什么板块，每个板块有什么功能，整体的设计是否满足使用者的需求，接着对所开发的系统功能进行的详细分析总结，从而设计出完整的系统并将其实现。用户和开发人员的交流分析，使其达到最佳理解程度，使系统功能达到最佳。

学生用例图如下所示。

图3-1 学生用例图

管理员用例图如下所示。

图3-2 管理员用例图

教师用例图如下所示。

图3-2 宿管用例图

计算机基础自学系统 在对需求做解析后，整个系统主要分为三个部分：管理员、宿管人员和学生，每个模块下的分支功能不一样。对功能做出如下说明：

前台用户可分为未注册用户需求和以注册用户需求。

未注册用户的功能如下：

注册账号：用户填写个人信息，并验证手机号码。

浏览资讯：用户可以浏览主页面的资讯来了解系统的最新资讯。

浏览课程：用户可以根据课程类型浏览课程的信息，并选中某个课程查看详情，例如：课程编号、课程名称、发布时间、教学年段、课程视频、课程附件、发布人等。

浏览评论信息：选中某个课程可查看其用户的评论。

已注册学生的功能如下：

登录：根据账号密码进行登录操作。

维护个人信息：学生因个人信息的变更可以随时修改自己注册信息。

浏览评论信息：选中某间课程可查看其学生的评论。

课程学习：学生根据自己的需求选中某个课程进行学习操作。

评论：学生可以根据自己的观点看法对相关课程进行评论。

后台管理员可分为普通管理员和超级管理员。

管理员功能如下：

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

管理普通管理员：对普通管理员进行管理。调动相关工作人员时可以添加或删除普通管理员。

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

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

资讯信息管理：发布、删除相关的资讯信息。

评论信息管理：可以查看用户的评论，及时了解用户发起的建议。

学生管理：可以查看注册学生的信息，并对其进行管理。

1. 非功能需求分析

系统非功能需求有非常多，比如性能需求、可承载最大用户数、稳定性、易用性需求等。本系统分析时考虑到易用性需求，因为系统是给人使用的，所以必须充分从用户的角度出发，考虑用户体验，使系统易理解易上手易操作。

1. 数据流程分析

一层数据流程图包括了登录、用户功能和检索维护等模块，在登录模块使用到的数据存储有用户账户文档，用户功能模块需要的存储是用户各功能模块数据文档，检索维护是使用以上这些数据文档通过关键词进行检索。

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

图3-2系统数据流图（一层）

二层数据流程是对一层数据流层图中填写登录信息、用户功能的细化。即：填写登录信息细化为填制信息、后台审核，用户功能细化为用户管理、学生管理、教师管理、学习进度、学习资料、学习成绩、课程管理、课程资讯查看等操作。

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

图3-4系统数据流图（二层）

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

目前B/S体系的系统主要的数据访问方式是：通过浏览器页面用户可以进入系统，系统可以自动对用户向服务器发送的请求进行处理，处理请求是在系统后台中进行的，用户在浏览器页面上进行相应操作，就能够看到服务端传递的处理结果。计算机基础自学系统 主要分为视图-模型-控制三层架构设计。在视图层中，主要是操作在服务器端向客户端反馈并显示的数据，在模型层中，主要处理相关的业务逻辑、数据整合等，最后的控制层它介于视图和模型之间，主要是调整两层之间的关系，最终落实数据的传递。

系统架构图如下图所示。

图4-1系统架构图

1. 系统功能结构

系统设计的目的是分析系统包括的所有功能结构，为开发人员设计开发和实现系统做好准备工作。经过前期的需求调查、分析和整理之后，确定的总体需求主要包括多个模块，分别是：站点管理（公告栏、轮播图）用户管理（管理员、教师、学生）内容管理（课程资讯、资讯分类）更多管理（课程管理、学习资料、学习进度、学习成绩）。系统整体角色分为两个部分，一是学生、二是教师，三是管理员。权限分布也是很明显，学生是在除去浏览信息之外还具有查询和管理自己账户信息、学习资料、课程资讯、公告栏等权限；管理员是最高权限拥有者。

系统功能结构图如下图所示。

图4-2系统功能结构图

1. 功能模块设计

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

学习进度模块：学生可以查看目前自己的学习进度情况等。

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

课程管理模块：课程管理分为课程添加、修改和课程学习。课程信息由管理员进行修改、添加、删除操作；课程学习由普通用户来执行。

学习资料模块：学生根据自己的需求选中某个课程资料进行学习操作。

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

对于一个要开发的系统来说，E-R图可以让别人能更快更轻松的了解此系统的事务及它们之间的关系。根据系统分析阶段所得出的结论确定了在计算机基础自学系统 中存在着多个实体分别是用普通用户、管理员、（宿舍管理、学生管理、活动信息、违纪信息、维修信息、意见管理）系统总体ER图如下图所示。

图4-4系统总体ER图

1. 关系模型

管理员（管理员id、用户名、密码、权限）

宿管人员（宿管人员id、性别、联系电话、审核状态）

学生（学生id、学号、审核状态）

学习进度（学习进度id、课程编号、课程名称、任课老师、资料名称、学号、进度）

学习资料（学习资料id、课程编号、课程名称、任课老师、资料名称、视频、封面、相关附件、资料介绍、点击数、点赞数）

学习成绩（学习成绩id、课程编号、课程名称、任课老师、学生、考试名称、成绩排名、成绩等级）

课程管理（课程管理id、课程编号、课程名称、任课老师、上课时间、上课地点、所教章节）

教师（教师id、教师工号、审核状态）

1. 数据库

数据库逻辑结构就是将E-R图在数据库中用具体的字段进行描述。用字段和数据类型描述来使对象特征实体化，最后形成具有一定逻辑关系的数据库表结构。计算机基础自学系统 所需要的部分数据结构表如下表所示。

student表：

名称	类型	长度	不是null	主键	注释
student_id	int	11	是	是	学生ID
student_number	varchar	64	是	否	学号
examine_state	varchar	16	是	否	审核状态
recommend	int	11	是	否	智能推荐
user_id	int	11	是	否	用户ID
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间

rate_of_learning表：

名称	类型	长度	不是null	主键	注释
rate_of_learning_id	int	11	是	是	学习进度ID
course_number	varchar	64	否	否	课程编号
course_name	varchar	64	否	否	课程名称
teacher	int	11	否	否	任课老师
data_name	varchar	64	否	否	资料名称
student_number	int	11	否	否	学号
speed_of_progress	varchar	64	否	否	进度
recommend	int	11	是	否	智能推荐
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间

learning_materials表：

名称	类型	长度	不是null	主键	注释
learning_materials_id	int	11	是	是	学习资料ID
course_number	varchar	64	否	否	课程编号
course_name	varchar	64	否	否	课程名称
teacher	int	11	否	否	任课老师
data_name	varchar	64	否	否	资料名称
video	varchar	255	否	否	视频
cover	varchar	255	否	否	封面
relevant_attachments	varchar	255	否	否	相关附件
information_introduction	text	0	否	否	资料介绍
hits	int	11	是	否	点击数
praise_len	int	11	是	否	点赞数
recommend	int	11	是	否	智能推荐
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间

academic_record表：

名称	类型	长度	不是null	主键	注释
academic_record_id	int	11	是	是	学习成绩ID
course_number	varchar	64	否	否	课程编号
course_name	varchar	64	否	否	课程名称
teacher	int	11	否	否	任课老师
student	int	11	否	否	学生
test_name	varchar	64	否	否	考试名称
achievement	int	11	否	否	成绩
ranking	int	11	否	否	排名
grade	varchar	64	否	否	成绩等级
recommend	int	11	是	否	智能推荐
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间

course_management表：

名称	类型	长度	不是null	主键	注释
course_management_id	int	11	是	是	课程管理ID
course_number	varchar	64	否	否	课程编号
course_name	varchar	64	否	否	课程名称
teacher	int	11	否	否	任课老师
class_time	varchar	64	否	否	上课时间
class_place	varchar	64	否	否	上课地点
chapters_taught	varchar	64	否	否	所教章节
recommend	int	11	是	否	智能推荐
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间

teacher表：

名称	类型	长度	不是null	主键	注释
teacher_id	int	11	是	是	教师ID
teacher_job_number	varchar	64	是	否	教师工号
examine_state	varchar	16	是	否	审核状态
recommend	int	11	是	否	智能推荐
user_id	int	11	是	否	用户ID
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间

1. 系统实现
   1. 登录模块的实现

系统的登录窗口是用户的入口，用户只有在登录成功后才可以进入访问。通过在登录提交表单，后台处理判断是否为合法用户，进行页面跳转，进入系统中去。

登录合法性判断过程：用户输入账号和密码后，系统首先确定输入输入数据合法性，然后在login.jsp页面发送登录请求，调用src下的mainctrl类的dopost方法来验证。

用户登录模块的IPO如下所示：

输入：用户名和密码。

处理：

1）检测用户输入的账号、密码是否正确及在数据库已对应存在。

2）从数据库中提取记录，并储存在本地的session中（timeout默认=30min）。

3）根据用户名，将其显示在系统首页上。

输出：是否成功的信息。

登录流程图如下所示。

图5-1登录流程图

系统登录界面如下所示。

图5-2系统登录界面

登录界面关键代码如下：

/**

* 登录

* @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. 注册模块的实现

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

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

图5-3用户注册流程图

用户注册界面如下图所示。

图5-4用户注册流程图

注册关键代码如下所示。

/**

* 注册

* @return

*/

@PostMapping("register")

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

// 查询用户

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

Map<String,Object> map = service.readBody(request.getReader());

query.put("username",String.valueOf(map.get("username")));

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

if (list.size()>0){

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

}

map.put("password",service.encryption(String.valueOf(map.get("password"))));

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){

E entity = JSON.parseObject(JSON.toJSONString(body),eClass);

baseMapper.insert(entity);

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

}

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

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

1. 课程管理模块的实现

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

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

课程管理流程图如下图所示。

图5-15课程管理流程图

课程添加界面如下图所示。

图5-6课程管理界面图

课程管理关键代码如下所示。

@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. 教师管理模块的实现

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

教师管理流程图如下图所示。

图5-7教师管理流程图

教师管理界面如下图所示。

图5-8教师管理界面图

教师管理关键如下所示。

@RequestMapping("/get_obj")

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

List resultList = service.selectBaseList(service.select(service.readQuery(request), service.readConfig(request)));

if (resultList.size() > 0) {

JSONObject jsonObject = new JSONObject();

jsonObject.put("obj",resultList.get(0));

return success(jsonObject);

} else {

return success(null);

}

}

1. 课程资讯管理模块的实现

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

课程资讯展示界面如下图所示。

图5-9课程资讯管理界面

课程管理界面关键代码如下：

@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);

}

1. 学习资料管理模块的实现

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

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

学习资料管理如下图所示。

图5-10学习资料管理界面

学习资料管理界面关键代码如下：

@RequestMapping(value = "/del")

@Transactional

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

service.delete(service.readQuery(request), service.readConfig(request));

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

在对该系统进行完详细设计和编码之后，就要对计算机基础自学系统 的程序进行测试，检测程序是否运行无误，反复进行测试和修改，使之最后成为完整的软件，满足用户的需求，实现预期的功能。

1. 测试过程

在软件的测试过程中，通常测试人员需要针对不同的功能模块设计多种测试用例。通过测试用例能够及时发现代码业务逻辑上是否与真实的业务逻辑相对应，及时发现代码上或逻辑上的缺陷，以此来来完善系统，提高软件产品的质量，使软件具有良好的用户体验。

登录测试用例表如下所示。

表6-1登录测试用例

测试性能		用户或操作员登录系统
用例目的		测试用户或操作员登录系统时功能是否正常
前提条件		进入用户登录页面或操作员登录页面
输入条件	预期输出		实际情况
各项信息不予填写，直接点击登陆按钮	不允许登录，提示填写账号相关信息		一致
填写错误的登录名或密码后点击登录系统	提示用户名或密码错误，要求重新填写进行登录		一致
填写与验证码信息不一致的信息	系统显示出提示信息，表明验证码错误，要求重新填写		一致

课程管理测试用例表如下所示。

表6-2课程管理测试用例

测试性能		用户进行课程管理的操作
用例目的		测试用户进行课程管理操作时，该功能是否正常
前提条件		用户进入课程管理详情页，该宿舍能够被申请
输入条件	预期输出		实际情况
对着某课程点击“申请”按钮	界面跳转至申请界面		一致
在信息界面，输入必填项，点击“提交”按钮	提示“申请成功”，并返回上一级界面		一致
在申请界面，填写课程表单的时候未输入完整，点击“提交”按钮	提示“申请失败”		一致

1. 测试结果

经过对此系统的测试，得出该系统足以满足用户日常需求，在功能项目和操作等方面也能满足操作员对于其他用户的管理。但是，还有很多功能有待添加，这个系统仅能满足大部分的需求，还需要对此系统的功能更进一步的完善，这样使用起来才能更加的完美。

1. 总结与展望

通过计算机基础自学系统 的开发，本人巩固了之前学过的知识，如今将平时所学到的知识融合在设计中，在设计过程中，做了很多的准备，首先，在数据库系统的设计过程中，尤其是在数据库的工作原理、工作特点，对其深刻的讨论，与此同时，对于小型站点来说，最好服务器的选择，其次，利用所学的知识点分析所做的系统，并在此基础上设计。

目前本系统已经上线，正在试运行阶段，用户反馈良好，基本完成用户所需，试运行过程中没有出现阻断性问题，有一些不足和小问题也及时予以修正，系统上线后，为了保证数据的安全性，对系统进行了备份操作，系统备份是每两个月备份一次，数据库备份为每周备份一次，系统部署在租赁的云平台服务器中。

本次系统上线成功后，得到了用户的高度认可，但是在功能上和性能上还需做进一步的研究处理，使其有更高的性能和更好的用户体验。

系统在以后的升级过程中，需要解决一系列用户所提出的问题，例如打印过程中如何避免浏览器的兼容性问题，大量用户访问时，如何保持较高的响应速度，在系统今后的升级过程中将着重解决这些安全性问题。