springboot基于微信小程序的安全教育平台面向大学生
目 录
摘要
1 绪论
1.1 研究背景
1.2 研究现状
1.3论文结构与章节安排
2 基于微信小程序的安全教育平台面向大学生系统分析
2.1 可行性分析
2.2 系统流程分析
2.2.1 数据增加流程
2.2.2 数据修改流程
2.2.3 数据删除流程
2.3 系统功能分析
2.3.1 功能性分析
2.3.2 非功能性分析
2.4 系统用例分析
2.5本章小结
3 基于微信小程序的安全教育平台面向大学生总体设计
3.1 系统架构设计
3.2 系统功能模块设计
3.2.1整体功能模块设计
3.2.2用户模块设计
3.2.3 安全测试管理模块设计
3.2.4 安全知识管理模块设计
3.3 数据库设计
3.3.1 数据库概念结构设计
3.3.2 数据库逻辑结构设计
3.4本章小结
4 基于微信小程序的安全教育平台面向大学生详细设计与实现
4.1用户功能模块
4.2管理员功能模块
5系统测试
5.1 系统测试用例
5.2 系统测试结果
结论
参考文献
致 谢
中国近几年来学校安全事故频发,学生的生命安全已经受到了严重威胁,学校和家长都忧心忡忡。学校更是逐渐意识到了安全教育的重要性,安全教育变成了社会各界尤其是教育界的要务。特别是学生的自保能力还较弱,自我保护意识欠缺,更应该受到更多的关注。虽然各地学校已认识到问题并采取了一定的措施。但外部的保护行动对他们而言并不能起到根本性的作用,要做好学生安全教育的本质工作,就必须先提高学校学生的自我安全意识和自我保护能力。本课题研究使用Java语言,采用基于MVVM模式的Springboot框架进行开发。
关键词:基于微信小程序的安全教育平台面向大学生;Java;MySQL
Abstract
In recent years, there have been frequent school safety accidents in China, posing a serious threat to the safety of students. Schools and parents are concerned. Schools have gradually realized the importance of safety education, and safety education has become a top priority for all sectors of society, especially the education industry. Especially, students' self-protection ability is still weak and their self-protection awareness is lacking, which deserves more attention. Although schools across the country have recognized the problem and taken certain measures. However, external protective actions cannot play a fundamental role for them. In order to do a good job in the essential work of student safety education, it is necessary to first improve the self safety awareness and self-protection ability of school students. This project is developed using the Java language and the Springboot framework based on the MVVM pattern.
Keywords: The security education platform based on WeChat mini programs is aimed at college students; Java; MySQL
1 绪论
新加坡教育部对安全在线教育的关注,开启了探索利用信息科技方法提升学生学习能力的研究。在新加坡,以“信息与沟通”战略引导实施下,政府倡导安全在线学习平台参与学校教育教学。使学生成为一个有自主学习能力以及信息交流技术的使用者。在新加坡,随着学生年级的增加,接触电脑的机会很多。甚至有很多课程都需要在电脑上完成。我国目前在“互联网+”发展的新形式下,互联网和安全教育的结合,从功能上远比传统的渠道以自身为媒介传递的信息功能强大,可以真正实现优质安全教育教学资源的网络化共享,远在千里之外的同学能享受和实际中学同样的教学标准和和课程内容。同时学生在在线安全教育平台上可根据学习的内容、学习的时机进行交叉或反复使用不同的安全学习项目。可以增加学生们学习的容量,促进标准化教学,从而可以获得良好的安全知识教学效果。
论文将分层次经行编排,除去论文摘要致谢文献参考部分,正文部分还会对网站需求做出分析,以及阐述大体的设计和实现的功能,最后罗列部分调测记录,论文主要架构如下:
第一章:引言。第一章主要介绍了课题研究的背景,系统开发的意义和本文的研究机器信息与主要工作。
第二章:系统需求分析。第二章主要从系统的用户、功能等方面进行需求分析。
第三章:系统设计。第三章主要对系统框架、系统功能模块、数据库进行功能设计。
第四章:系统实现。第四章主要介绍了系统框架搭建、系统界面的实现。
第五章:系统测试。第五章主要对系统的部分界面进行测试并对主要功能进行测试
2 基于微信小程序的安全教育平台面向大学生系统分析
系统分析是开发一个项目的先决条件,通过系统分析可以很好的了解系统的主体用户的基本需求情况,同时这也是项目的开发的原因。进而对系统开发进行可行性分析,通常包括技术可行性、经济可行性等,可行性分析同时也是从项目整体角度进行的分析。然后就是对项目的具体需求进行分析,分析的手段一般都是通过用户的用例图来实现。下面是详细的介绍。
经济可行性在此仅代表网站的运维成本,开发成本不在此考虑。
目前该模式下随着校园安全事故事件的频繁发生,进行安全知识教育学习是迫在眉睫的事情,随着校园用户人数呈上升趋势,当用户人数庞大了,运维成本可以由广告费进行填补,包括开发成本。
所以经济可行性没有问题。
(2)操作可行性:
此次项目设计参考了几个该模式下网站的开发案例,对他们的操作界面分析,将众多案例结合在一起,突出以人为本简化操作,所以具有基本计算机知识的人都会操作本项目。
因此操作可行性也没有问题。
(3)技术可行性:
技术可行性指的是对于搭建框架的可行性,以及有更优秀的技术出现时系统的技术更新换代的纳新性如何,开发时间成本费用比如何。
现有的Java语言能够迎合所有电子商务系统的搭建,系统技术设备的可扩展性可以由Springboot框架的资源优势予以促成。我采用了编译器eclipse+java+mysql用以运行整体程序。
综上所述技术可行性也没有问题。
(4)法律可行性:
从开发者角度来看,Springboot框架是网上开源且免费的,在知识产权方面不会产生任何法律纠纷。
从用户使用角度来看,只要不再系统上贩卖违禁品,对系统做出条约协议,杜绝非法支付即可。
综上所述法律可行性也没有问题。
业务流程是用一些特定的符合和线条来进行演示用户在使用系统时的过程,在进行系统分析的时候,业务流程可以帮助开发人员更好的理解业务,发现错误,完善系统。
用户成功登入系统后就能够实现增加数据的操作,增加数据的编号是特定的,系统生成,用户不能随意填写,除了编号以外,其他增加信息用户自己填写,填写后的信息经过系统验证,验证合法通过就显示增加数据成功了,相反的话,就没有增加成功,图2-1显示的就是在增加数据时的流程。
图2-1 数据增加流程图
数据修改时的流程和上面介绍的数据增加时的流程差不多,如图2-2所示。
图2-2 数据修改流程图
如果系统里面存在一些没有用的数据的话,相关的管理人员还可以对这些数据进行删除,图2-3就是数据删除时的流程图。
图2-3 数据删除流程图
按照基于微信小程序的安全教育平台面向大学生的角色,我划分为了用户模块和管理员模块这两大部分。
用户管理模块:
(1)注册登录:游客可以随时进入到系统中,对系统中的信息浏览,但是想要实现安全知识学习、学习签到、物品兑换等,就必须有这个系统的账号,如果没有账号的话,可以注册成员用户进行相关的操作,同时用户还可以通过“我的”这以按钮对个人信息以及操作的信息进行管控。
(2)安全知识:用户谷点击导航栏中的“安全知识”进行安全知识的了解以及学习等。
(3)安全测试:用户点击“安全测试”这个菜单按钮,可以在线进行安全知识的测试题测试。
(3)签到信息:用户可以在线进行学习签到,签到次数可以积分后续兑换。
(4)积分列表:用户可以在线查看个人积分详情等。
(5)兑换记录:用户可以点击“兑换记录”可以进行积分兑换申请。
(6)新闻资讯:点击了解系统发布的新闻资讯信息。
(7)系统公告:用户可以在公告页面进行公告浏览查看等。
(8)个人资料:可以对个人资料信息进行修改。
管理员管理模块:
(2)轮播图管理:管理员可以对系统轮播图行增删改查。
(3)系统公告管理:管理员对公告信息进行增删改查。
(4)资源管理:管理员可以对新闻列表、新闻分类、安全测试进行维护管理。
(5)模块管理:此模块主要包括:安全分类、安全知识、签到信息、兑换中心、物品类型、兑换记录、用户积分信息管理等。
基于微信小程序的安全教育平台面向大学生的非功能性需求比如基于微信小程序的安全教育平台面向大学生的安全性怎么样,可靠性怎么样,性能怎么样,可拓展性怎么样等。具体可以表示在如下3-1表格中:
表2-1基于微信小程序的安全教育平台面向大学生非功能需求表
安全性 | 主要指基于微信小程序的安全教育平台面向大学生数据库的安装,数据库的使用和密码的设定必须合乎规范。 |
可靠性 | 可靠性是指基于微信小程序的安全教育平台面向大学生能够安装用户的指示进行操作,经过测试,可靠性90%以上。 |
性能 | 性能是影响基于微信小程序的安全教育平台面向大学生占据市场的必要条件,所以性能最好要佳才好。 |
可扩展性 | 比如数据库预留多个属性,比如接口的使用等确保了系统的非功能性需求。 |
易用性 | 用户只要跟着基于微信小程序的安全教育平台面向大学生的页面展示机器信息进行操作,就可以了。 |
可维护性 | 基于微信小程序的安全教育平台面向大学生开发的可维护性是非常重要的,经过测试,可维护性没有问题 |
通过2.3功能的分析,得出了本基于微信小程序的安全教育平台面向大学生的用例图:
图2-4就是用户角色的用例展示。
图2-4 基于微信小程序的安全教育平台面向大学生的用户角色用例图
图2-5就是管理员角色的用例展示。
图2-5 基于微信小程序的安全教育平台面向大学生管理员角色用例图
本章主要通过对基于微信小程序的安全教育平台面向大学生的可行性分析、流程分析、功能需求分析、系统用例分析,确定整个基于微信小程序的安全教育平台面向大学生要实现的功能。同时也为基于微信小程序的安全教育平台面向大学生的代码实现和测试提供了标准。
本章主要讨论的机器信息包括基于微信小程序的安全教育平台面向大学生的功能模块设计、数据库系统设计。
本基于微信小程序的安全教育平台面向大学生从架构上分为三层:表现层(UI)、业务逻辑层(BLL)以及数据层(DL)。
图3-1基于微信小程序的安全教育平台面向大学生系统架构设计图
表现层(UI):又称UI层,主要完成本基于微信小程序的安全教育平台面向大学生的UI交互功能,一个良好的UI可以打打提高用户的用户体验,增强用户使用本基于微信小程序的安全教育平台面向大学生时的舒适度。UI的界面设计也要适应不同版本的基于微信小程序的安全教育平台面向大学生以及不同尺寸的分辨率,以做到良好的兼容性。UI交互功能要求合理,用户进行交互操作时必须要得到与之相符的交互结果,这就要求表现层要与业务逻辑层进行良好的对接。
业务逻辑层(BLL):主要完成本基于微信小程序的安全教育平台面向大学生的数据处理功能。用户从表现层传输过来的数据经过业务逻辑层进行处理交付给数据层,系统从数据层读取的数据经过业务逻辑层进行处理交付给表现层。
数据层(DL):由于本基于微信小程序的安全教育平台面向大学生的数据是放在服务端的mysql数据库中,因此本属于服务层的部分可以直接整合在业务逻辑层中,所以数据层中只有数据库,其主要完成本基于微信小程序的安全教育平台面向大学生的数据存储和管理功能。
在上一章节中主要对系统的功能性需求和非功能性需求进行分析,并且根据需求分析了本基于微信小程序的安全教育平台面向大学生中的用例。那么接下来就要开始对本基于微信小程序的安全教育平台面向大学生的架构、主要功能和数据库开始进行设计。基于微信小程序的安全教育平台面向大学生根据前面章节的需求分析得出,其总体设计模块图如图3-2所示。
图3-2 基于微信小程序的安全教育平台面向大学生功能模块图
本系统的用户包括管理员和用户。两用户模块的功能基本是相同的,用户比管理员多了一个注册功能,所以以用户模块的结构图为例进行分析,用户模块结构图为例进行分析,如下图:
图3-3用户模块结构图
基于微信小程序的安全教育平台面向大学生中用户可以进行安全测试提交,管理员可以后台查看安全测试。所以需要专门设计一个安全测试管理模块,具体的结构图如下:
图3-4安全测试模块结构图
基于微信小程序的安全教育平台面向大学生是中需要存储安全知识信息,其模块功能结构,具体的结构图如下:
图3-5安全知识模块结构图
数据库设计一般包括需求分析、概念模型设计、数据库表建立三大过程,其中需求分析前面章节已经阐述,概念模型设计有概念模型和逻辑结构设计两部分。
下面是整个基于微信小程序的安全教育平台面向大学生中主要的数据库表总E-R实体关系图。
图3-6 基于微信小程序的安全教育平台面向大学生总E-R关系图
通过上一小节中基于微信小程序的安全教育平台面向大学生中总E-R关系图上得出一共需要创建很多个数据表。在此我主要罗列几个主要的数据库表结构设计。
表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: |
表item_type (物品类型)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | item_type_id | int | 10 | 0 | N | Y | 物品类型ID | |
2 | item_type | 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 | 更新时间 |
表money_changer (兑换中心)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | money_changer_id | int | 10 | 0 | N | Y | 兑换中心ID | |
2 | item_name | varchar | 64 | 0 | Y | N | 物品名称 | |
3 | item_type | varchar | 64 | 0 | Y | N | 物品类型 | |
4 | cover | varchar | 255 | 0 | Y | N | 封面 | |
5 | item_specifications | varchar | 64 | 0 | Y | N | 物品规格 | |
6 | required_points | int | 10 | 0 | Y | N | 0 | 所需积分 |
7 | exchange_instructions | text | 65535 | 0 | Y | N | 兑换说明 | |
8 | item_details | longtext | 2147483647 | 0 | Y | N | 物品详情 | |
9 | praise_len | int | 10 | 0 | N | N | 0 | 点赞数 |
10 | recommend | int | 10 | 0 | N | N | 0 | 智能推荐 |
11 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
12 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表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 | 更新时间: |
表ordinary_users (普通用户)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | ordinary_users_id | int | 10 | 0 | N | Y | 普通用户ID | |
2 | user_name | varchar | 64 | 0 | Y | N | 用户姓名 | |
3 | gender | varchar | 64 | 0 | Y | N | 性别 | |
4 | examine_state | varchar | 16 | 0 | N | N | 未审核 | 审核状态 |
5 | recommend | int | 10 | 0 | N | N | 0 | 智能推荐 |
6 | user_id | int | 10 | 0 | N | N | 0 | 用户ID |
7 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
8 | 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已取消 |
表redemption_records (兑换记录)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | redemption_records_id | int | 10 | 0 | N | Y | 兑换记录ID | |
2 | exchange_number | varchar | 64 | 0 | Y | N | 兑换号 | |
3 | item_name | varchar | 64 | 0 | Y | N | 物品名称 | |
4 | item_type | varchar | 64 | 0 | Y | N | 物品类型 | |
5 | cover | varchar | 255 | 0 | Y | N | 封面 | |
6 | item_specifications | varchar | 64 | 0 | Y | N | 物品规格 | |
7 | required_points | int | 10 | 0 | Y | N | 0 | 所需积分 |
8 | redemption_date | date | 10 | 0 | Y | N | 兑换日期 | |
9 | ordinary_users | int | 10 | 0 | Y | N | 0 | 普通用户 |
10 | recommend | int | 10 | 0 | N | N | 0 | 智能推荐 |
11 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
12 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表safety_knowledge (安全知识)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | safety_knowledge_id | int | 10 | 0 | N | Y | 安全知识ID | |
2 | security_title | varchar | 64 | 0 | N | N | 安全标题 | |
3 | cover | varchar | 255 | 0 | Y | N | 封面 | |
4 | security_classification | varchar | 64 | 0 | Y | N | 安全分类 | |
5 | safety_labels | varchar | 64 | 0 | Y | N | 安全标签 | |
6 | sign_in_points | int | 10 | 0 | Y | N | 0 | 签到积分 |
7 | related_videos | varchar | 255 | 0 | Y | N | 相关视频 | |
8 | details | longtext | 2147483647 | 0 | Y | N | 详情内容 | |
9 | hits | int | 10 | 0 | N | N | 0 | 点击数 |
10 | praise_len | int | 10 | 0 | N | N | 0 | 点赞数 |
11 | recommend | int | 10 | 0 | N | N | 0 | 智能推荐 |
12 | limit_times | int | 10 | 0 | N | N | 0 | 限制次数 |
13 | limit_type | tinyint | 4 | 0 | N | N | 1 | 限制次数类型1-每天次,2-总计次 |
14 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
15 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表security_classification (安全分类)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | security_classification_id | int | 10 | 0 | N | Y | 安全分类ID | |
2 | security_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 | 更新时间 |
表sign_in_information (签到信息)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | sign_in_information_id | int | 10 | 0 | N | Y | 签到信息 ID | |
2 | security_title | varchar | 64 | 0 | Y | N | 安全标题 | |
3 | cover | varchar | 255 | 0 | Y | N | 封面 | |
4 | security_classification | varchar | 64 | 0 | Y | N | 安全分类 | |
5 | safety_labels | varchar | 64 | 0 | Y | N | 安全标签 | |
6 | related_videos | varchar | 255 | 0 | Y | N | 相关视频 | |
7 | sign_in_points | int | 10 | 0 | Y | N | 0 | 签到积分 |
8 | sign_in_date | date | 10 | 0 | Y | N | 签到日期 | |
9 | ordinary_users | int | 10 | 0 | Y | N | 0 | 普通用户 |
10 | recommend | int | 10 | 0 | N | N | 0 | 智能推荐 |
11 | user_id | int | 10 | 0 | N | N | 0 | 用户ID |
12 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
13 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
整个基于微信小程序的安全教育平台面向大学生的需求分析主要对系统总体架构以及功能模块的设计,通过建立E-R模型和数据库逻辑系统设计完成了数据库系统设计。
4 基于微信小程序的安全教育平台面向大学生详细设计与实现
基于微信小程序的安全教育平台面向大学生的详细设计与实现主要是根据前面的基于微信小程序的安全教育平台面向大学生的需求分析和基于微信小程序的安全教育平台面向大学生的总体设计来设计页面并实现业务逻辑。主要从基于微信小程序的安全教育平台面向大学生界面实现、业务逻辑实现这两部分进行介绍。
当进入基于微信小程序的安全教育平台面向大学生的时候,系统以上中下的布局进行展示,首先映入眼帘的是系统的导航栏,再往下是各种各样的系统信息,其主界面展示如下图4-1所示。
图4-1 首页界面图
不是基于微信小程序的安全教育平台面向大学生中正式用户的是可以在线进行注册的,当用户右上角“注册”按钮的时候,当填写上自己的账号+密码+确认密码+昵称+邮箱+手机号等信息后再点击“注册”按钮后将会先验证输入的有没有空数据,再次验证密码和确认密码是否是一样的,最后验证输入的账户名和数据库表中已经注册的账户名是否重复,只有都验证没问题后即可用户注册成功。其用用户注册界面展示如下图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用户登录界面图
用户登录的关键代码如下。
/**
* 登录
* @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);
当点击导航栏上的“安全知识”的时候,就会进入对应的安全知识详情界面,可以进行安全知识视频的学习。安全知识界面如下图4-4所示。
图4-4安全知识界面图
安全知识的关键代码如下。
@PostMapping("/add")
@Transactional
public Map<String, Object> add(HttpServletRequest request) throws IOException {
service.insert(service.readBody(request.getReader()));
return success(1);
}
@Transactional
public Map<String, Object> addMap(Map<String,Object> map){
service.insert(map);
return success(1);
}
当用户点击基于微信小程序的安全教育平台面向大学生中导航栏上的“安全测试”后将会进入到安全测试题界面,然后进行测试答题,安全测试界面如下图4-5所示。
图4-5安全测试界面图
安全测试的关键代码如下。
@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-6所示。
图4-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);
}
当用户点击“我的积分”链接后就进入我的积分详情界面,可以进行积分信息的了解,并且可以进行积分兑换操作。我的积分界面如下图4-7所示。
图4-7 我的积分界面图
我的积分界面关键代码:
@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-8 兑换记录界面图
兑换记录的关键代码如下。
@RequestMapping("/get_obj")
public Map<String, Object> obj(HttpServletRequest request) {
Query select = service.select(service.readQuery(request), service.readConfig(request));
List resultList = select.getResultList();
if (resultList.size() > 0) {
JSONObject jsonObject = new JSONObject();
jsonObject.put("obj",resultList.get(0));
return success(jsonObject);
} else {
return success(null);
}
}
public Query 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 runEntitySql(sql.toString());
}
基于微信小程序的安全教育平台面向大学生中的管理人员在“用户管理”这一菜单中是可以对用户信息进行管控。界面如下图4-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);
}
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(",");
}
基于微信小程序的安全教育平台面向大学生中的管理人员在“资源管理”这一菜单是中可以对新闻列表、新闻分类以及安全知识进行增删改查设置。资源管理界面如下图4-10所示。
图4-10资源管理界面图
资源管理关键代码:
@RequestMapping(value = "/del")
@Transactional
public Map<String, Object> del(HttpServletRequest request) {
service.delete(service.readQuery(request), service.readConfig(request));
return success(1);
}
@Transactional
public void delete(Map<String,String> query,Map<String,String> config){
StringBuffer sql = new StringBuffer("DELETE FROM ").append("`").append(table).append("`").append(" ");
sql.append(toWhereSql(query, "0".equals(config.get(FindConfig.GROUP_BY))));
log.info("[{}] - 删除操作:{}",table,sql);
Query query1 = runCountSql(sql.toString());
query1.executeUpdate();
}
基于微信小程序的安全教育平台面向大学生中的管理人员在“系统公告管理”这一菜单中是可以对基于微信小程序的安全教育平台面向大学生内的公告信息进行维护和管理的,界面如下图4-11所示。
图4-11系统公告管理界面图
系统公告管理关键代码:
@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.2.4模块管理界面
基于微信小程序的安全教育平台面向大学生中的管理人员在“模块管理”这一菜单下主要包括:安全知识、安全测试、知识分类、签到信息、积分兑换、兑换记录管理等,其界面如下图4-11所示。
图4-11模块管理界面图
模块管理关键代码:
@RequestMapping("/get_obj")
public Map<String, Object> obj(HttpServletRequest request) {
Query select = service.select(service.readQuery(request), service.readConfig(request));
List resultList = select.getResultList();
if (resultList.size() > 0) {
JSONObject jsonObject = new JSONObject();
jsonObject.put("obj",resultList.get(0));
return success(jsonObject);
} else {
return success(null);
}
}
public Query 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 runEntitySql(sql.toString());
}
5系统测试
系统测试包括:用户登录功能测试、安全测试功能测试、安全知识信息添加、密码修改功能测试,如表5-1、5-2、5-3、5-4所示:
表5-1 用户登录功能测试表
用例名称 | 用户登录系统 |
目的 | 测试用户通过正确的用户名和密码可否登录功能 |
前提 | 未登录的情况下 |
测试流程 | 1) 进入登录页面 2) 输入正确的用户名和密码 |
预期结果 | 用户名和密码正确的时候,跳转到登录成功界面,反之则显示错误信息,提示重新输入 |
实际结果 | 实际结果与预期结果一致 |
安全测试查看功能测试:
表5-2 安全测试功能测试表
用例名称 | 安全测试 |
目的 | 测试安全测试功能 |
前提 | 用户登录 |
测试流程 | 点击安全测试信息 |
预期结果 | 可以进行安全测试提交 |
实际结果 | 实际结果与预期结果一致 |
管理员添加安全知识界面测试:
表5-3 管理员添加安全知识界面测试表
用例名称 | 安全知识添加测试用例 | ||
目的 | 测试安全知识添加功能 | ||
前提 | 管理员正常登录情况下 | ||
测试流程 | 1)管理员点击安全知识,然后点击添加后并填写信息。 2)点击进行提交。 | ||
预期结果 | 提交以后,页面首页会显示新的安全知识 | ||
实际结果 | 实际结果与预期结果一致 | ||
实际结果 | 实际结果与预期结果一致 |
密码修改搜索功能测试:
表5-4 密码修改功能测试表
用例名称 | 密码修改测试用例 |
目的 | 测试管理员密码修改功能 |
前提 | 管理员用户正常登录情况下 |
测试流程 | 1)管理员密码修改并完成填写。 2)点击进行提交。 |
预期结果 | 使用新的密码可以登录 |
实际结果 | 实际结果与预期结果一致 |
通过编写基于微信小程序的安全教育平台面向大学生的测试用例,已经检测完毕用户登录功能测试、安全测试功能测试、安全知识添加、密码修改功能测试,通过这4大模块为基于微信小程序的安全教育平台面向大学生的后期推广运营提供了强力的技术支撑。
在基于微信小程序的安全教育平台面向大学生开发之前,需要先对不同用户身份的具体需求进行分析。包括系统的可行性分析、功能需求分析以及其他需求等。在可行性分析过程中,对系统实现的技术性、经济性以及管理等方面进行了分析。总体上证明了系统实施的可行性。
本文总结了基于微信小程序的安全教育平台面向大学生实现背景与现状,然后阐述了系统的具体业务需求,并根据系统需求对系统结构以及功能模块等进行了详细地设计,将整个系统划分为多个不同的功能模块。在分析系统功能需求时,对整个系统的总体架构以及功能模块等进行了分析,并选择合适的系统开发技术完成了对各个模块的开发工作。系统开发完成之后进行了部署,同时进行了系统的测试过程,通过测试证明了系统在功能以及性能等方面都达到了预期的要求,具有较高的稳定性与可靠性。
[1]刘春芳. 在线学习资源组织对大学生自主学习效果的影响研究山东财经大学,2021.
[2]邹宇航. 基于机器学习的学习预警系统的设计与实现北京大学,2021.
[3]高厦. 基于知识图谱的个性化学习平台的设计与实现.西北大学,2021.
[4]孙金鑫. 面向学习效能提升的智能在线学习平台设计与实现中国科学院大学(中国科学院沈阳计算技术研究所),2021.
[5]王烁. 黑龙江省高校国际汉语在线教学平台使用情况调查研究哈尔滨师范大学,2021.
[6]杨超. 大学生在线学习投入度研究哈尔滨师范大学,2021.
[7]张紫毓. 大学生在线学习力量表编制及应用研究辽宁师范大学,2021.
[8]任星瑶. 大学生在线学习满意度影响因素研究云南师范大学,2021.
[9]刘曼雯. 基于SNSs的在线个性化学习研究云南师范大学,2021.
[10]王忠洋. 基于个性化推荐的高中物理在线学习平台的研究与设计云南师范大学,2021.
[11]王涵. 学习者角度下大学生在线学习效能提升策略研究黑龙江大学,2021.
[12]郭惜今. 在线学习环境中大学生学习自我效能感、学习适应性与学习投入关系研究黑龙江大学,2021.
[13]姜雪. 基于微信平台进行在线辅导的英语语法教学设计研究上海外国语大学,2021.
[14]王言昆. 欠发达地区中学生在线学习存在的问题及改进对策研究陕西理工大学,2021.
[15]Rafiqul Islam. A Study on Building the E-Learning Platform on the Satellite Internet for the Less Developed Countries华中师范大学,2020.
[16]邹超群. 基于知识图谱的智慧学习平台的设计与实现西安理工大学,2020.
[17]Xinzhou He,Shanshan Xu,Yujie Liu. Learning incentive ecosystem of online learning platform based on lifelong vocational skills training Institute of Management Science and Industrial Engineering.Proceedings of 2019 International Sports Science and Education Technology Conference(ISSETC 2019)Institute of Management Science and Industrial Engineering:计算机科学与电子技术国际学会(Computer Science and Electronic Technology International Society),2019:
逝者如斯夫,不舍昼夜。转眼间,大学生会员活便已经接近尾声,人面对着离别与结束,总是充满着不舍与茫然,我亦如此,仍记得那年秋天,我迫不及待的提前一天到了学校,面对学校巍峨的大门,我心里充满了期待:这里,就是我新生活的起点吗?那天,阳光明媚,学校的欢迎仪式很热烈,我面对着一个个对着我微笑的同学,仿佛一缕缕阳光透过胸口照进了我心里,同时,在那天我认识可爱的室友,我们携手共同度过了这难忘的两年。如今,我望着这篇论文的致谢,不禁又要问自己:现在,我们就要说再见了吗?
感慨莫名,不知所言。遥想当初刚来学校的时候,心里总是想着工科学校会过于板正,会缺乏一些柔情,当时心里甚至有一点点排斥,但是随着我对学校的慢慢认识与了解,我才认识到了她的美丽,她的柔情,并且慢慢的喜欢上了这个校园,但是时间太快了,快到我还没有好好体会她的美丽便要离开了,但是她带给我的回忆,永远不会离开我,也许真正离开那天我的眼里会满含泪水,我不是因为难过,我只是想将她的样子映在我的泪水里,刻在我的心里。最后,感谢我的老师们,是你们教授了我们知识与做人的道理;感谢我的室友们,是你们陪伴了我如此之久;感谢每位关心与支持我的人。
少年,追风赶月莫停留,平荒尽处是春山。
请关注点赞+私信博主,免费领取项目源码