摘 要
随着时代发展各类安全知识得到普及,而在各类安全知识中尤为重要的是中小学生的安全知识教育,中小学生所处的年龄阶段还不足以独自判断事物的安全性质,近年来还有不少未成年人身边发生安全事故,其中最多安全事故是明火、电器、溺水,这些安全事故就是因为我们对未成年人的安全知识普及不够,知识输入不够完善,导致未成年人的自我保护意识欠缺以至于时而发生安全事故,所以我们以微信小程序的模式搭建中小学生安全教育平台,现在大人们手机不离手,我们利用微信平台宣传安全教育会达到非常好的效果,帮助每个家庭普及未成年人的安全教育增强他们的自我保护意识,以这样的方式传播教育知识也非常符合当代社会的发展趋势。
本中小学安全教育平台以spring boot作为框架,b/s模式以及MySql作为后台运行的数据库,同时使用Tomcat用为系统的服务器。本系统主要包括以下功能模块:首页、个人中心、学生管理、视频分类管理、安全教育视频管理、真题模考管理、试题管理、系统管理、答题管理等功能,通过这些功能的实现能够基本满足日常考研智能刷题管理的操作,在测试运行方面,本文以常见的安全威胁为出发点,进行了全面的测试与验证,包括SQL注入、跨站脚本攻击、暴力破解登录密码等,保证了网站的安全性,综上所述,本文设计并开发了一款中小学安全教育平台,如是的应用和实现了用户需求,提高网络安全知识的普及和重视度。
关键词:中小学安全教育平台;Spring Boot;Vue.js
1.4论文结构安排
根据本课题基于微信小程序的中小学生安全教育平台的需求分析及现实中的实际开发,在这梳理该论文结构安排内容如下:
第1章,绪论。这一章本论文主要是讲述了研究开发此课题的意义、背景和国内外现状,较为系统的表达了本课题的研究方向和开发目的。
第2章,需求分析。在这一章论文主要根据本课题所研究的中小学生安全教育平台开展更深层次的调研和分析,并在此过程内上形成了各项分析,阐述了本系统的可行性分析以及功能等研究分析。
第3章,概要设计。本章主要说明了中小学生安全教育平台的总体设计以及确定每个功能模块相应的设计和各个流程。并且说明了平台的数据库设计,总结了相应的概念设计。
第4章,详细设计与实现。本文这个板块主要是阐述了基于微信小程序的中小学生安全教育平台根据需求分析进行开发需要完成的详细功能使用模块。在本章中阐述了平台部分主要功能的设计开发。且总结了关键功能模块的详细操作流程,展现了重点功能的部分重点效果展现图。
第5章,系统测试。这一章主要是具体阐述了本系统在实际应用中通过各种测试验证其所开发的功能实际上是否满足用户的需求。这一章主要讲解了系统的系统测试、集成测试以及模块测试。
2.1.3 功能性需求
本次设计是基于微信小程序的中小学生安全教育系统,由于安全教育平台设计服务对象,当中包含两个服务对象,用户和管理员前端和后台的登录界面选择,进 入不同的界面进行不同的操作。
(1)普通用户在进行注册登录操作后进入程序,然后可以进行首页的功能板块浏览,视频分类的视频学习,考试页面的安全知识考试,学生页面的信息展示, 在用户学生页面对自己的信息及相关内容进行查看以及更改,使用错题本巩固自己的不足,还可以使用教学咨询。如图2-1所示:
(2)管理员功能模块主要体现了平台管理员所负责的功能。其中包括登录、管理学生信息、以及视频分类、考试答题内容设置等功能。其平台管理员功能模块图,如下图2-1所示:
图2-1用户、管理员用例图
3.2 系统功能结构
3.2.1 系统的总体功能结构
系统设计界面应简洁方便,因为系统界面是人与计算机直接交互的对接处,例如用户注册校验,登录界面两个方向登录,用户能否对系统进行操作应用就取决于系统界面能否与用户表达方式一致。做不到一致将影响用户对系统的理解,更谈不使用。一切的系统界面都应以用户为角度去考虑设计问题,例如视频分类和答题功能当用户使用系统时,每一次用户完成观看视频和答题后,都会将数据传送至数据库以便用户随时查看,整体功能图如图3-1所示:
图3-1 用户登录流程
第4章 详细设计与实现
4.1.2主界面功能界面
用户登录小程序端,可以对首页、安全教育视频、答题、我的等功能进行详细操作。首页视频选项利用list设置image组件将图片显示在分类中,box代码设置图片显示大小以及使用function监听页面跳转。,例如在页面的四个tabBar中设计单独的题库页面,读取数据库中存储的题目信息,完成前端界面的展示。点击对应题库,进入考试题目板块,通过id读取数据完成对应的考试信息展示。每个试题问答由radio以及button完成,每次问答设置的index只会显示一项问答数据,完成问答后,点击设置的提交答案按钮则会跳出正确答案界面让学生起到边学边做的效果,提交答案会变成下一题,点击下一题按钮系统切换index的数值,完成答题后系统统计分数根据后台设置每题分数统计,如图4-3所示。
图4-3小程序端首页界面图
4.2 后台功能模块
4.2.1后台用户登录界面及首页
图4-5后台用户登录界面图
图4-8视频分类管理界面图
目 录