摘  要

随着互联网趋势的到来，各行各业都在考虑利用互联网将自己推广出去，最好方式就是建立自己的互联网系统，并对其进行维护和管理。在现实运用中，应用软件的工作规则和开发步骤，采用Java技术建设英语自主学习平台。

本设计主要实现集人性化、高效率、便捷等优点于一身的英语自主学习平台，实现功能：首页、网站管理（轮播图、公告通知）人员管理（管理员、学生用户、教师用户）内容管理（学习资讯、资讯分类、习题测验）模块管理（课程类型、课程学习）个人管理（个人信息、密码修改）等功能模块。系统通过浏览器与服务器进行通信，实现数据的交互与变更。只需通过一台电脑，动动手指就可以操作系统，实现数据通信管理。整个系统的设计过程都充分考虑了数据的安全、稳定及可靠等问题，而且操作过程简单。本系统通过科学的管理方式、便捷的服务提高了工作效率，减少了数据存储上的错误和遗漏。

英语自主学习平台使用java语言springboot框架开发，使用 MyEclipse 2017 CI 10 编译器编写，数据方面主要采用的是微软的MySQL关系型数据库来作为数据存储媒介，配合前台HTML+CSS 技术完成系统的开发。

关键词：英语自主学习平台；Eclipse；java；springboot

Abstract

With the advent of the Internet trend, all walks of life are considering using the Internet to promote themselves. The best way is to establish their own Internet system, and maintain and manage it. In practical application, the working rules and development steps of the application software adopt Java technology to build an independent English learning platform.

This design mainly realizes the English autonomous learning platform integrating the advantages of humanization, efficiency and convenience, and realizes the following functions: homepage, website management (broadcast map, announcement notice), personnel management (administrator, student user, teacher user), content management (learning information, information classification, exercise test), module management (course type, course learning), personal management (personal information, password modification) and other functional modules. The system communicates with the server through the browser to realize data interaction and change. You can operate the system by moving your fingers through a computer to realize data communication management. The design process of the whole system fully considers the safety, stability and reliability of data, and the operation process is simple. The system improves work efficiency and reduces errors and omissions in data storage through scientific management and convenient services.

The English autonomous learning platform is developed using the java language spring boot framework, and is compiled using the MyEclipse 2017 CI 10 compiler. In terms of data, it mainly uses Microsoft's MySQL relational database as the data storage medium, and cooperates with the foreground HTML+CSS technology to complete the system development.

Key words:English autonomous learning platform; Eclipse； java； springboot

目录

1 绪论

1.1 课题背景

1.2 研究意义

1.3 相关技术介绍

1.4 springboot框架介绍

2 英语自主学习平台分析

2.1 可行性分析

2.1.1 技术可行性分析

2.1.2 经济可行性分析

2.2 系统需求分析

2.2.1 功能性需求分析

2.2.2 非功能性分析

2.3 系统用例分析

3 英语自主学习平台总体设计

3.1 系统模块设计

3.2 数据库设计

3.3.1 数据库概念结构设计

3.2.2 数据库逻辑结构设计

4 英语自主学习平台设计与实现

4.1 系统首页界面

4.2 注册界面

4.3 登录界面

4.4密码修改界面 20

4.5课程学习界面 21

4.6 公告通知界面 23

4.7学习资讯界面 24

4.8 网站管理界面 24

4.9 人员管理界面 25

4.10内容管理界面 26

4.11课程类型界面

4.12课程学习界面

5英语自主学习平台测试

5.1 调试部分问题

5.2 系统测试用例 30

5.3 系统测试结果 31

结论 32

参考文献 33

致  谢 35

1 绪论

1.1 课题背景

随着信息技术的迅猛发展，网上学习成了获取知识的另外-一个途径。网络能为学习者提供大规模、个别化、高度参与的教学内容;通过网络,学习者可以超越时空的限制，随时随地地学习;可以及时得到反馈和帮助、参与交流;可以快捷地收集信息。这种交互式的学习环境,有利于激发学习者的学习兴趣,从而提高学习效果。随着建构主义的学习理论的发展，多种形式的学习方式得到了关注。越来越多的学术界人士认识到自主学习符合语言学习的规律,能够帮助学习者提高学习效果;不仅如此，开展自主学习也有助于提高学习者的独立学习能力以及合作意识。在这样的背景下，如何培养学生的自学能力就显得尤为重要了。现代社会中，人的素质与个人成就之间有着十分密切的关系。一个人只有具备较强的自主学习能力。才能成为真正意义上的人才；因此，加强对学生的英语自主学习能力的研究具有重要意义和价值。

1.2研究意义

随着科学技术的进步和发展,当今社会发展非常的迅速,知识更新的节奏也不断加快,以至出现了“信息高速公路”、"知识爆炸”、“信息突变"等新词汇来描述变化发生之快。日益更新的社会要求我们再也不能刻苦地一劳永逸地获取知识了,而需要终身学习，学会学习 , 善于不断地更新知识。面对如此情形,有人提出了自主学习。学习者自主是一种以人本主义心理学和认知心理学为基础的现代学习理念;自主学习作为一种学习能力有利于提高学生的学习成绩,同时也是个体终身学习和毕生发展的基础,是基础教育改革强调的一种学习方式,培养学生自主学习能力已经成为了世界范围内教育的重要目标。同时要将我们的学生培养成为21世纪新型的高素质的人才,外语能力的提高是必不可少的,因此从某种角度上说,强调英语学习对于中国的学生而言更具有必要的和实际的意义。

1.3相关技术介绍

（1）英语自主学习平台中的web后台管理中的后端不再使用古老的jsp+javabean+servlet技术，而是使用当前主流的springboot框架，它减少java配置代码，简化编程代码，目前springboot框架也是很多企业选择的框架之一。

（2）英语自主学习平台中的web后台管理中的前端使用的是bootstrap框架，它配合ajax和jquery可以美化页面设计。

（3）流行vue框架结合jQuery技术，在jQuery基础上扩展一些插件，通过自己定义插件更好的实现前端的设计。

（4）英语自主学习平台中数据库用的mysql5.7，它执行效率高。

1.4springboot框架介绍

Spring框架是Java平台上的一种开源应用框架，提供具有控制反转特性的容器。尽管Spring框架自身对编程模型没有限制，但其在Java应用中的频繁使用让它备受青睐，以至于后来让它作为EJB（EnterpriseJavaBeans）模型的补充，甚至是替补。Spring框架为开发提供了一系列的解决方案，比如利用控制反转的核心特性，并通过依赖注入实现控制反转来实现管理对象生命周期容器化，利用面向切面编程进行声明式的事务管理，整合多种持久化技术管理数据访问，提供大量优秀的Web框架方便开发等等。Spring框架具有控制反转（IOC）特性，IOC旨在方便项目维护和测试，它提供了一种通过Java的反射机制对Java对象进行统一的配置和管理的方法。Spring框架利用容器管理对象的生命周期，容器可以通过扫描XML文件或类上特定Java注解来配置对象，开发者可以通过依赖查找或依赖注入来获得对象。Spring框架具有面向切面编程（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框架最初是没有打算构建一个自己的WebMVC框架，其开发人员在开发过程中认为现有的StrutsWeb框架的呈现层和请求处理层之间以及请求处理层和模型之间的分离不够，于是创建了SpringMVC。

2 英语自主学习平台分析

2.1 可行性分析

2.1.1 技术可行性分析

通过了解对英语自主学习平台的真实需求后，将英语自主学习平台所需要的角色划分整理成了下图2-1，图2-2和图2-3。

从开发工具来看，由于英语自主学习平台是基于JAVA的，因此有很多开发工具都可以进行开发，这些功能强大的开发工具可以给我来设计英语自主学习平台带来非常大的方便。

从英语自主学习平台的本身技术来说，对于我来开发一个英语自主学习平台这个毕设是不费事的。英语自主学习平台的开发可以简单的分为前台端、后台端开发以及数据库开发。其中的大部分技术难点在我上学时已经使用过了，同时网络上很多技术点可以让我来借鉴。Web后台管理使用JAVA的springboot架构开发，数据库使用mysql，页面上使用javascript脚本，因此为我在开发英语自主学习平台这个毕设上省去了很多多余代码，这给我的毕设项目编写带来了极大的便利。综上所述，从技术层面来看开发英语自主学习平台是可行的。

从用户体验来看，市面上很多被广泛使用的系统案例可以让我来参考，因此我可以综合它们的页面交互设计的优点，基于我的毕设项目特点来进行改版，最后达到令用户满意的页面交互体验。综上所述，从技术层面来看开发英语自主学习平台是可行的。

2.1.2 经济可行性分析

从英语自主学习平台的开发成本来看，英语自主学习平台的设计和开发都是我自己完成的，没有其他成本上的开销。

从英语自主学习平台的维护成本来看，英语自主学习平台的开发遵循一套完整的代码编写规范，并且英语自主学习平台的结构设计非常灵活，遵循高内聚低耦合的原则，因此易于维护和迭代开发。

在英语自主学习平台上线之后，上线前期我会根据真实需求来调查，对使用我开发的英语自主学习平台来制定一套符合的使用费。系统运行稳定后我会将推广范围到其他的景点当中，其他景点可以使用我的英语自主学习平台，只需要缴纳一点点的定金，我会给他们引入广告投资和自营业务。

综合以上的分析，英语自主学习平台所带来的经济效益将会带来极大的收益。并且随着我的推广，来使用我开发的英语自主学习平台的市场将越来越大，英语自主学习平台带来的利润也就越来越多。因此，从经济层面来看开发英语自主学习平台的是可行的。

2.2 系统需求分析

2.2.1 功能性需求分析

英语自主学习平台从角色上划分为了学生用户、教师用户以及管理员三种角色。

管理员用户角色：

（1）登录：管理员的账号是在数据表表中直接设置生成的，不需要进行注册；

（2）网站管理：当点击“网站管理”这一菜单的时候，会出现公告通知+轮播图这两个个子菜单，可以对这两个模块进行增删改查操作；

（3）人员管理：当点击“人员管理”这一菜单的时候，会出现管理员+学生用户+教师用户三个子菜单，可以对这三个模块进行增删改查操作；

（4）模块管理：当点击“模块”这一菜单的时候，会出现课程类型+课程学习这两个子菜单，管理员能够对两个模块进行增删改查操作；

（6）内容管理：当点击“内容管理”这一菜单的时候，会出现学习资讯+资讯分类+习题测验三个子菜单，可以对这三个模块进行增删改查操作；

（5）个人管理：管理员点击“个人管理”菜单可以对个人信息以及登录的密码进行设置。

学生用户角色：

（1）用户注册登录：游客可以随时进入到系统中，对系统中的信息浏览，但是想要实现课程学习等操作，就必须有这个系统的账号，如果没有账号的话，可以注册以后进行相关的操作，同时用户还可以通过“个人账户”这以按钮对个人信息以及操作的信息进行管控。

（2）公告通知：在首页导航栏上我们会看到“公告通知”这一菜单，我们点击进入进去以后，会看到所有管理员在后台发布的公告信息；

（3）学习资讯：用户可以查看学习资讯信息，在查询到自己想要了解的学习资讯的时候，可以进入查看详细的介绍进行评论、点赞、收藏操作。

（4）课程学习：在首页导航栏上点击“课程学习”弹跳出的是课程学习列表，可以点击随意一款课程学习进行了解其具体信息。包括课程名称、课程类型、课程节次等；

（5）个人中心：当用户点击右上角“个人中心”这个按钮，就会进入到对应的后台进行信息的管理了；

（6）个人账户：在前台点击“个人账户”可以对个人资料+密码修改+自己收藏的信息进行管控。

（7）习题测验：用户可以查看习题测验支持通过搜索关键词的方式对习题测验进行查询，在查询到自己想要了解的习题测验的时候，可以进入查看详细的答题界面。

2.2.2 非功能性分析

英语自主学习平台的非功能性需求比如英语自主学习平台的安全性怎么样，可靠性怎么样，性能怎么样，可拓展性怎么样等。具体可以表示在如下2-1表格中：

表2-1英语自主学习平台非功能需求表

安全性	主要指英语自主学习平台数据库的安装，数据库的使用和密码的设定必须合乎规范。
可靠性	可靠性是指英语自主学习平台能够安装用户的指示进行操作，经过测试，可靠性90%以上。
性能	性能是影响英语自主学习平台占据市场的必要条件，所以性能最好要佳才好。
可扩展性	比如数据库预留多个属性，比如接口的使用等确保了系统的非功能性需求。
易用性	用户只要跟着英语自主学习平台的页面展示内容进行操作，就可以了。
可维护性	英语自主学习平台开发的可维护性是非常重要的，经过测试，可维护性没有问题

2.3 系统用例分析

根据上一节功能分析，可以得出系统的用例，系统用户角色用例如图2.1所示。

图2.1 英语自主学习平台中系统用户角色用例图

管理员角色用例如图2.2所示。

图2.2 英语自主学习平台管理员角色用例图

3 英语自主学习平台总体设计

3.1 系统模块设计

根据第二章中英语自主学习平台的功能分析可知，英语自主学习平台中整体功能模块图如图3.1所示，

图3.1 英语自主学习平台功能模块图

3.2 数据库设计

3.3.1 数据库概念结构设计

下面是整个英语自主学习平台中主要的数据库表总E-R实体关系图。

图3.2 英语自主学习平台总E-R关系图

3.2.2 数据库逻辑结构设计

表auth (用户权限管理)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	auth_id	int	10	0	N	Y		授权ID：
2	user_group	varchar	64	0	Y	N		用户组：
3	mod_name	varchar	64	0	Y	N		模块名：
4	table_name	varchar	64	0	Y	N		表名：
5	page_title	varchar	255	0	Y	N		页面标题：
6	path	varchar	255	0	Y	N		路由路径：
7	position	varchar	32	0	Y	N		位置：
8	mode	varchar	32	0	N	N	_blank	跳转方式：
9	add	tinyint	3	0	N	N	1	是否可增加：
10	del	tinyint	3	0	N	N	1	是否可删除：
11	set	tinyint	3	0	N	N	1	是否可修改：
12	get	tinyint	3	0	N	N	1	是否可查看：
13	field_add	text	65535	0	Y	N		添加字段：
14	field_set	text	65535	0	Y	N		修改字段：
15	field_get	text	65535	0	Y	N		查询字段：
16	table_nav_name	varchar	500	0	Y	N		跨表导航名称：
17	table_nav	varchar	500	0	Y	N		跨表导航：
18	option	text	65535	0	Y	N		配置：
19	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
20	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表collect (收藏)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	collect_id	int	10	0	N	Y		收藏ID：
2	user_id	int	10	0	N	N	0	收藏人ID：
3	source_table	varchar	255	0	Y	N		来源表：
4	source_field	varchar	255	0	Y	N		来源字段：
5	source_id	int	10	0	N	N	0	来源ID：
6	title	varchar	255	0	Y	N		标题：
7	img	varchar	255	0	Y	N		封面：
8	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
9	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表comment (评论)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	comment_id	int	10	0	N	Y		评论ID：
2	user_id	int	10	0	N	N	0	评论人ID：
3	reply_to_id	int	10	0	N	N	0	回复评论ID：空为0
4	content	longtext	2147483647	0	Y	N		内容：
5	nickname	varchar	255	0	Y	N		昵称：
6	avatar	varchar	255	0	Y	N		头像地址：[0,255]
7	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
8	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
9	source_table	varchar	255	0	Y	N		来源表：
10	source_field	varchar	255	0	Y	N		来源字段：
11	source_id	int	10	0	N	N	0	来源ID：

表course_learning (课程学习)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	course_learning_id	int	10	0	N	Y		课程学习ID
2	course_name	varchar	64	0	Y	N		课程名称
3	course_sessions	varchar	64	0	Y	N		课程节次
4	course_cover	varchar	255	0	Y	N		课程封面
5	course_type	varchar	64	0	Y	N		课程类型
6	course_introduction	varchar	64	0	Y	N		课程介绍
7	courseware_video	varchar	255	0	Y	N		课件视频
8	courseware_audio	varchar	255	0	Y	N		课件音频
9	course_details	longtext	2147483647	0	Y	N		课程详情
10	hits	int	10	0	N	N	0	点击数
11	praise_len	int	10	0	N	N	0	点赞数
12	recommend	int	10	0	N	N	0	智能推荐
13	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
14	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表course_type (课程类型)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	course_type_id	int	10	0	N	Y		课程类型ID
2	course_classification	varchar	64	0	Y	N		课程分类
3	recommend	int	10	0	N	N	0	智能推荐
4	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
5	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表exam (考试)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	exam_id	mediumint	8	0	N	Y		考试id
2	name	varchar	32	0	N	N		考试名称：[2,32]
3	duration	int	10	0	Y	N		答题时长
4	score	double	9	2	Y	N		总分
5	status	varchar	10	0	Y	N		状态：启用、禁用
6	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
7	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表exam_question (试题)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	exam_question_id	mediumint	8	0	N	Y
2	type	varchar	20	0	Y	N		类型
3	title	varchar	255	0	Y	N		题目
4	question_item	varchar	500	0	Y	N		选项
5	answer	varchar	500	0	Y	N		参考答案
6	score	double	9	2	Y	N		总分
7	question_order	int	10	0	Y	N		排序
8	exam_id	mediumint	7	0	Y	N		所属试卷
9	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
10	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表hits (用户点击)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	hits_id	int	10	0	N	Y		点赞ID：
2	user_id	int	10	0	N	N	0	点赞人：
3	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
4	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
5	source_table	varchar	255	0	Y	N		来源表：
6	source_field	varchar	255	0	Y	N		来源字段：
7	source_id	int	10	0	N	N	0	来源ID：

表notice (公告)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	notice_id	mediumint	8	0	N	Y		公告id：
2	title	varchar	125	0	N	N		标题：
3	content	longtext	2147483647	0	Y	N		正文：
4	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
5	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表praise (点赞)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	praise_id	int	10	0	N	Y		点赞ID：
2	user_id	int	10	0	N	N	0	点赞人：
3	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
4	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
5	source_table	varchar	255	0	Y	N		来源表：
6	source_field	varchar	255	0	Y	N		来源字段：
7	source_id	int	10	0	N	N	0	来源ID：
8	status	bit	1	0	N	N	1	点赞状态:1为点赞，0已取消

表slides (轮播图)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	slides_id	int	10	0	N	Y		轮播图ID：
2	title	varchar	64	0	Y	N		标题：
3	content	varchar	255	0	Y	N		内容：
4	url	varchar	255	0	Y	N		链接：
5	img	varchar	255	0	Y	N		轮播图：
6	hits	int	10	0	N	N	0	点击量：
7	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
8	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表student_users (学生用户)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	student_users_id	int	10	0	N	Y		学生用户ID
2	student_name	varchar	64	0	Y	N		学生姓名
3	student_gender	varchar	64	0	Y	N		学生性别
4	student_age	varchar	64	0	Y	N		学生年龄
5	class_name	varchar	64	0	Y	N		班级名称
6	examine_state	varchar	16	0	N	N	已通过	审核状态
7	recommend	int	10	0	N	N	0	智能推荐
8	user_id	int	10	0	N	N	0	用户ID
9	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
10	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表teacher_user (教师用户)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	teacher_user_id	int	10	0	N	Y		教师用户ID
2	teachers_name	varchar	64	0	Y	N		教师姓名
3	gender_of_teachers	varchar	64	0	Y	N		教师性别
4	length_of_teaching	varchar	64	0	Y	N		教师教龄
5	examine_state	varchar	16	0	N	N	已通过	审核状态
6	recommend	int	10	0	N	N	0	智能推荐
7	user_id	int	10	0	N	N	0	用户ID
8	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
9	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

4 英语自主学习平台设计与实现

英语自主学习平台的详细设计与实现主要是根据前面的英语自主学习平台的需求分析和英语自主学习平台的总体设计来设计页面并实现业务逻辑。主要从英语自主学习平台界面实现、业务逻辑实现这两部分进行介绍。

4.1 系统首页界面

当进入英语自主学习平台的时候，首先映入眼帘的是系统的导航栏，下面是轮播图以及系统内容，其主界面展示如下图4.1所示。

图4.1 首页界面图

4.2 注册界面

不是英语自主学习平台中正式用户的是可以在线进行注册的，如果你没有本英语自主学习平台的账号的话，添加“注册”，当填写上自己的账号+密码+确认密码+昵称+邮箱+手机号等后再点击“注册”按钮后将会先验证输入的有没有空数据，再次验证密码和确认密码是否是一样的，最后验证输入的账户名和数据库表中已经注册的账户名是否重复，只有都验证没问题后即可用户注册成功。注册界面实现了用户的注册，其注册界面展示如下图4。2所示。

图4.2 注册界面图

注册逻辑代码如下：

/**

     * 注册

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

}

4.3 登录界面

英语自主学习平台中的前台上注册后的用户是可以通过自己的账户名和密码进行登录的，当用户输入完整的自己的账户名和密码信息并点击“登录”按钮后，将会首先验证输入的有没有空数据，再次验证输入的账户名+密码和数据库中当前保存的用户信息是否一致，只有在一致后将会登录成功并自动跳转到英语自主学习平台的首页中；否则将会提示相应错误信息，用户登录界面如下图4.3所示。

图4.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;

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

        }

}

4.4密码修改界面

用户使用该英语自主学习平台注册完成后，用户对登录密码有修改需求时，系统也可以提供用户修改密码权限。系统中所有的操作者能够变更自己的密码信息，执行该功能首先必须要登入系统，然后选择密码变更选项以后在给定的文本框中填写初始密码和新密码来完成修改密码的操作。在填写的时候，假如两次密码填写存在差异，那么此次密码变更操作失败，下面的图片展示的就是该板块对应的工作面，密码修改界面如下图4.4所示。

图4.4密码修改界面图

密码修改的逻辑代码如下所示。

 /**

     * 修改密码

     * @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,"密码修改失败！");

    }

4.5课程学习界面

当用户点击“课程学习”以后就会给我们展示课程学习的列表，选择一个课程进入到图4.5界面中，用户可以对课程学习进行点赞、收藏，进入到4.6界面中，输入课程名称、课程类型、课程节次、课程介绍、课件视频、课件音频等，点击“提交”按钮，就会显示收藏成功。

图4.5 课程学习界面图

图4.6 课程学习详情界面图

课程学习的逻辑代码如下：

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

    }

4.6 公告通知界面

用户在点击导航栏上面的公告信息后，就可以搜索查看公告信息，公告信息界面如下图4.7所示。

图4.7 公告通知界面图

4.7 学习资讯界面

当访客点击英语自主学习平台中导航栏上的“学习资讯”后将会进入到该“学习资讯”列表的界面，然后选择想要看的学习资讯信息，点击进入到详细界面，在详细界面可以收藏+赞+评论等操作，学习资讯界面如下图4.8所示。

图4.8 学习资讯界面图

学习资讯界面逻辑代码如下：

 @RequestMapping(value = {"/count_group", "/count"})

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

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

        return success(count.getResultList());

}

4.8网站管理界面

网站管理模块是对系统公告通知和轮播图的设置，只有管理员权限才能进行更新维护。界面如下图4.9所示。

图4.9网站管理界面图

网站管理界面逻辑代码如下：

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

}

4.9 人员管理界面

英语自主学习平台中的管理员在“人员管理”这一菜单是中可以对注册的学生、教师以及管理员人员进行管控。界面如下图4.10所示。

图4.10人员管理界面图

4.10内容管理界面

内容管理主要管理员是对习题测验、学习资讯以及学习资讯所属的分类进行管控，包含了用户对学习资讯提交的评论信息，界面如下图4.11所示。

图4.12学习资讯界面图

学习资讯界面逻辑代码如下：

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

    }

4.11课程类型界面

点击“课程类型”按钮会显示自己添加的课程信息，如果想要添加新的课程信息，点击“添加”按钮根据提示输入课程类型信息，点击“提交”后在课程类型界面就可以显示了，如果信息有错可以对课程类型进行更新维护，也可以直接删除某一课程类型，界面如下图4.12所示。

图4.12 课程类型界面图

课程类型界面关键代码如下：

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

4.12课程学习界面

点击“课程学习”按钮会显示自己添加的课程学习，如果想要添加新的课程学习，点击“添加”按钮根据提示输入课程学习，点击“提交”后在课程学习界面就可以显示了，如果信息有错可以对课程学习进行更新维护，也可以直接删除某一课程学习，还可以管理评论评论信息，界面如下图4.13所示。

图4.13课程学习界面图

5英语自主学习平台测试

英语自主学习平台测试是为了检验软件是否达到设计要求，是否存在错误，通过测试的方法来检查英语自主学习平台，以便发现英语自主学习平台中的错误。测试工作是保证英语自主学习平台质量的关键。

5.1 调试部分问题

问题1：数据库无法添加中文。

解决过程：重新创建数据库，将库的编码格式改为utf8。

效果：能在新库的表中添加中文。

问题2：控制台报错前台与后台参数不一致

解决过程：检查代码，找到报错参数完成修改，继续报错，服务器移除项目重新运行。

效果：重启项目不再报错。

问题3：报错No bean named 'sysLogServiceImpl' available找不到名为sysLogServiceImpl的bean的对象。

解决过程：询问导师报错原因，发现错误原因是未添加注解@Service,需要在在impl实现类的外面添加@Service注解。

效果：重新debug项目无报错。

问题4：启动项目时报错:Mapped Statements collection does not contain value for

解决过程：网上搜索解决办法，出错可能的原因有多个，经过努力排查，错误原因是mapper映射地址有误。在mybatis-config里重新配置地址。

效果：项目启动正常

5.2 系统测试用例

系统测试包括：用户登录功能测试、课程展示功能测试、课程添加、课程搜索、密码修改功能测试，如表5-1、5-2、5-3、5-4、5-5所示：

用户登录功能测试：

表5-1 用户登录功能测试表

用例名称	用户登录系统
目的	测试用户通过正确的用户名和密码可否登录功能
前提	未登录的情况下
测试流程	1) 进入登录页面 2) 输入正确的用户名和密码
预期结果	用户名和密码正确的时候，跳转到登录成功界面，反之则显示错误信息，提示重新输入
实际结果	实际结果与预期结果一致

课程查看功能测试：

表5-2 课程查看功能测试表

用例名称	课程查看
目的	测试课程查看功能
前提	用户登录
测试流程	点击课程列表
预期结果	可以查看到所有课程信息
实际结果	实际结果与预期结果一致

管理员添加课程界面测试：

表5-3 管理员添加课程界面测试表

用例名称	课程发布测试用例
目的	测试课程发布功能
前提	学生用户正常登录情况下
测试流程	1）学生点击课程信息管理就，然后点击添加后并填写信息。 2）点击进行提交。
预期结果	提交以后，页面首页会显示新的课程信息
实际结果	实际结果与预期结果一致

课程搜索功能测试：

表5-4课程搜索功能测试表

用例名称	课程搜索测试
目的	测试课程搜索功能
前提	无
测试流程	1）在搜索框填入搜索关键字。 2）点击搜索按钮。
预期结果	页面显示包含有搜索关键字的课程
实际结果	实际结果与预期结果一致

密码修改功能测试：

表5-5 密码修改功能测试表

用例名称	密码修改测试用例
目的	测试管理员密码修改功能
前提	管理员用户正常登录情况下
测试流程	1）管理员密码修改并完成填写。 2）点击进行提交。
预期结果	使用新的密码可以登录
实际结果	实际结果与预期结果一致

5.3 系统测试结果

通过编写英语自主学习平台的测试用例，已经检测完毕用户登录模块、课程查看模块、课程添加模块、课程搜索模块、密码修改功能测试，通过这5大模块为校园二手信息网站的后期推广运营提供了强力的技术支撑。

结论

至此，英语自主学习平台已经结束，在开发前做了许多的准备，在本系统的设计和开发过程中阅览和学习了许多文献资料，从中我也收获了很多宝贵的方法和设计思路，对系统的开发也起到了很重要的作用，系统的开发技术选用的都是自己比较熟悉的，比如springboot、JAVA技术、MYSQL，这些技术都是在以前的学习中学到了，其中许多的设计思路和方法都是在以前不断地学习中摸索出来的经验，其实对于我们来说工作量还是比较大的，但是正是由于之前的积累与准备，才能顺利的完成这个项目，由此看来，积累经验跟做好准备是十分重要的事情。

当然在该系统的设计与实现的过程中也离不开老师以及同学们的帮助，正是因为他们的指导与帮助，我才能够成功的在预期内完成了这个系统。同时在这个过程当中我也收获了很多东西，此系统也有需要改进的地方，但是由于专业知识的浅薄，并不能做到十分完美，希望以后有机会可以让其真正的投入到使用之中。