摘 要
通过移动互联网这几年的发展,单独的开发某些APP已经到了日暮西山的地步,原因不在于单个的APP功能丰富与否,而是因为用户生态体系的问题。使用智能手机的用户经过多年的使用习惯,已经越来越不喜欢安装各种的APP,除了正常生活和工作所必须的APP,不喜欢因为喜欢某些内容而被强制安装APP软件了。最近几年,随着微信生态的布局,通过开发微信小程序接口,让广大用户可以通过微信直接访问小程序,不需要去专门安装那些APP,这一点让很多用户喜爱,基本上只要能转向微信生态的业务,许多企业都已经开始拥抱微信小程序。本课题就是研究和实现一款教育培训微信小程序。
教育培训微信小程序可以实现网课信息管理,论坛管理,课后习题测试管理,观看进度管理,试卷管理,测试管理,试题管理等功能。该系统采用了SSM框架,Mysql数据库,Java语言等技术实现管理员后台,采用微信开发者工具来对学生小程序端进行了开发。
教育培训微信小程序让网课信息,观看进度信息,试卷信息等相关信息集中在后台让管理员管理,让学生在小程序端对试卷答题,观看网课视频,下载网课文件以及查看测试记录信息等。该系统让信息管理变得高效,也让学生学习网课,在线考试变得越来越方便。
关键词:教育培训微信小程序;Mysql数据库;Java语言
Abstract
Through the development of the mobile Internet in the past few years, the development of some APPs alone has reached the point where the sun sets. After years of usage habits, users who use smartphones have become less and less fond of installing various APPs. Except for the APPs necessary for normal life and work, they do not like being forced to install APP software because they like certain content. In recent years, with the layout of the WeChat ecosystem, through the development of the WeChat applet interface, the majority of users can directly access the applet through WeChat, without the need to install those APPs, which is loved by many users, basically as long as they can turn to WeChat Ecological business, many companies have begun to embrace WeChat mini-programs. This topic is to research and implement a WeChat applet for education and training.
Education and training WeChat applet can realize online course information management, forum management, after-school exercise test management, viewing progress management, test paper management, test management, test question management and other functions. The system uses the SSM framework, Mysql database, Java language and other technologies to realize the administrator background, and uses the WeChat developer tool to develop the student applet.
Education and training WeChat applet allows online course information, viewing progress information, test paper information and other related information to be centralized in the background for administrators to manage, allowing students to answer questions on the test paper, watch online course videos, download online course files and view test records on the applet information, etc. The system makes information management efficient, and allows students to learn online courses and online exams more and more convenient.
Key Words:Education and training WeChat applet; Mysql database; Java language
目 录
摘 要 I
Abstract II
第1章 绪论 1
1.1 课题背景 1
1.2 课题意义 1
1.3 研究内容 2
第2章 开发环境与技术 3
2.1 Java语言 3
2.2 MYSQL数据库 3
2.3 SSM框架 4
2.4微信开发者工具 4
第3章 系统分析 5
3.1 可行性分析 5
3.1.1 技术可行性 5
3.1.2 经济可行性 5
3.1.3 操作可行性 5
3.2 系统流程 5
3.2.1 操作流程 6
3.2.2 登录流程 6
3.2.3 删除信息流程 7
3.2.4 添加信息流程 7
3.3 性能需求 8
3.4 功能需求 9
第4章 系统设计 12
4.1 功能结构设计 12
4.2 数据库设计 14
4.2.1 数据库概念设计 14
4.2.2 数据库物理设计 17
第5章 系统实现 23
5.1 管理员功能实现 23
5.1.1 教师管理 23
5.1.2 网课信息管理 23
5.1.3 学生管理 24
5.2 教师功能实现 24
5.2.1 观看进度查看 24
5.2.2 试卷管理 25
5.2.3 试题管理 25
5.3 学生功能实现 26
5.3.1 在线答题 26
5.3.2 网课信息 27
5.3.3 我的发帖 28
5.3.4 测试记录 29
第6章 系统测试 31
6.1 功能测试 31
6.1.1 登录功能测试 31
6.1.2 修改密码功能测试 32
6.2 系统测试结果 33
结 论 34
参考文献 35
致 谢 36
第1章 绪论
1.1 课题背景
目前随着智能手机的不断普及,基本上可以达到人均一台智能手机的地步,在这样的背景下,各行各业如何把自己的服务提供到手机终端上,是一个问题。智能手机的好处就是有各种各样的软件,并且交互性很好,用户使用起来方便,在智能手机刚开始的前几年,有很多行业已经开始提前布局移动终端,占领了相当大的市场,不仅提高了客户满意度,也提高了市场知名度,但是随着时代的发展,如果还一直开发移动终端的软件,会导致用户手机里面需要安装各种各样的软件,用户已经从刚开始的新奇,变成了现在的厌烦,手机内存太小,安装太多东西,或者非强制性的软件,用户都不想安装了。面对如今的用户需求情况,依然开发APP软件已经是一种战略性失败。在国内目前市场上所有的智能手机里面肯定安装得有微信,微信已经变成了智能手机通讯的代名词,而微信推出了微信小程序,不需要用户注册账号,也不需要用户安装多余的软件,只需要通过微信软件就可以访问小程序,对用户极其友善,所以很多企业都瞄准了微信小程序。本课题就是在这样的大环境下研究和实现一款教育培训微信小程序。
1.2 课题意义
首先用户可以不需要安装各种各样的APP,只需要一个微信就可以各种访问程序,用户不需要注册各种信息,微信提供了用户一键访问,并且可以在微信里面对小程序进行删除,定位,搜索,以及收藏,微信小程序是目前最火的一个开发方向。很多商家只需要开发出微信小程序,自己部署服务端,然后有任何需要推广的只需要让用户点击微信小程序访问即可,不仅仅给商家提供了一个十多亿用户的平台,也给用户减轻了安装各种APP的负担,并且微信所在的腾讯公司也能获得利润,微信小程序是一款多赢的选择。
本课题研究的教育培训微信小程序前后台分离,让网课信息,观看进度信息,试卷信息等相关信息集中在后台让管理员管理,让学生在小程序端对试卷答题,观看网课视频,下载网课文件以及查看测试记录信息等。该系统让信息管理变得高效,也让学生学习网课,在线考试变得越来越方便。
1.3 研究内容
本文对教育培训微信小程序的设计与实现分成六个章节来说明。
第1章:研究教育培训微信小程序的背景,以及开发教育培训微信小程序的意义。
第2章:对开发教育培训微信小程序的环境还有技术进行说明。
第3章:分析教育培训微信小程序的可行性,性能,流程以及功能。
第4章:设计教育培训微信小程序的功能结构,设计数据库E-R图以及对数据表的存储结构进行设计。
第5章:实现教育培训微信小程序的功能并进行功能界面展示。
第6章:对系统测试进行阐述,以及对本系统部分功能进行检测。
第2章 开发环境与技术
本章节对开发教育培训微信小程序需要搭建的开发环境,还有教育培训微信小程序开发中使用的编程技术等进行阐述。
2.1 Java语言
Java语言是当今为止依然在编程语言行业具有生命力的常青树之一。Java语言最原始的诞生,不仅仅是创造者感觉C语言在编程上面很麻烦,如果只是专注于业务逻辑的处理,会导致忽略了各种指针以及垃圾回收这些操作,导致出现问题需要解决的时间往往大于正常编程处理业务逻辑的时间,这些是非常浪费时间的。Java语言的创造者就考虑到如何避免这个问题,把指针处理和垃圾处理全部自动化,虽然这会损失一些性能,但是计算机硬件在性能上的发展速度是很快的,这些性能是可以忽略考虑的。并且C语言是针对硬件开发的语言,虽然执行效率高,但是随着硬件的变化或者操作系统的变更,就需要重新编写程序,造成重复劳动,只有解决重复性劳动的语言才算符合生存规律的语言。Java语言的创造者就针对C语言的缺点专门开发了Java语言。让Java语言不管是在什么样的环境里都是可以运行,因为在Java语言运行外面套了一个壳,也就是虚拟机,只要是Java虚拟机能安装的电脑都可以运行Java的程序。
2.2 MYSQL数据库
MySQL数据库是一种数据存放方面的专业软件,也是传统的行式数据模式,获取一些数据是先一行一行的获取,然后一行一行的显示,与列式数据库不同。行式数据库主要是处理最重要的数据逻辑部分,并且必须是有效数据,这样每一处的数据关联都是不可损坏,对数据安全要求比较严格还是用MySQL数据库比较好。列式数据库的发明仅仅是因为读取效率高,但是也就仅仅如此罢了。MySQL虽然比起Oracle或者SQL Server来讲,安装包只是几十兆甚至几百兆,有点小,但是功能并不会弱到哪里,严格遵循SQL标准语法。MySQL的数据存放形式从大向小的说是数据库最大,然后是表,每个表里面存放数据是有一定的规则的,数据存放是表格形式的,也就是说有横也有竖,横着的为行,一般表示一条数据,表与表之间还可以进行关联,进行分表操作,如果一条数据相关项目属性太多,那么可以把有效的相关联系做成关联,可以设定是否唯一。
2.3 SSM框架
开发一个业务逻辑比较简单的应用,采用这几年最广为流传的SSM框架是很合适的。SSM框架就是Spring MVC框架和Spring框架,以及持久层常用的MyBatis框架。
三个框架有三个不同的作用。普通用户一般都是操作浏览器进行浏览自己喜欢的内容,而显示或者提交,都会被Spring MVC框架进行拦截和处理,进入到更深的一个层次就是控制层,它会智能的匹配提交的路径,对不同的来源匹配不同的处理逻辑,让不同的代码进行执行,如果只是判断用户输入信息格式的问题是不用传入到后台就可以被前端框架处理的,如果需要与数据库内容进行交互,就会从Java的POJO对象通过MyBatis自动转换数据库对应字段的数据类型,具体是该增删改查还是其他操作,都会通过MyBatis进行处理,处理结果是反馈给控制层,然后通过控制层再提交给视图层,反馈到用户希望看到的结果。
2.4微信开发者工具
微信开发者工具并不是用来开发微信的一款软件,而是专门用来开发依附于微信的微信小程序和微信公众号的。现如今国内人口差不多14个亿,仅仅微信用户就12个亿之多,基本上覆盖了国内能使用智能手机的所有人群。微信功能相当丰富,可以聊天,视频,移动支付,甚至可以缴各种费用,依靠微信的庞大用户群体,不管是政府机关还是商业公司,都希望借助于微信使用者的庞大用户群体,简化各种支付或者信息推送渠道,让使用微信的人群不用太麻烦就可以完成正常生活的所有操作,极大的方便了人民群众。微信开发者工具就是在聆听到这样的呼唤声而诞生的,为了满足人们的需求,腾讯专门开发出来这个开发工具让其他公司进行使用,并且开放了很多接口以及使用方法,微信开发者工具变得越来越强大。
第3章 系统分析
本文作者在确定了研究的课题之后,从各大数字图书馆下载文献来阅读,并了解同类型的网站具备的大致功能,然后具体事务具体分析,得出本系统要研究的具体功能与性能。虽然分析系统这一阶段性工作主要是确定功能,但它却影响着后面系统开发环节的进展,系统分析这个环节是不能少的。
3.1 可行性分析
从三个不同的角度来分析,确保开发成功的前提是有可行性分析,只有进行提前分析,符合程序开发流程才不至于开发过程的中断。
3.1.1 技术可行性
在技术实现层次,分析了好几种技术实现方法,并且都有对应的成功案例,也有很多开源模块可以进行参考,所以从技术可行性分析来讲,实现教育培训微信小程序是没有问题的。
3.1.2 经济可行性
对于身为学生的开发者而言,在经济资源上面可用者很少,为了开发教育培训微信小程序,通过开发软件对硬件的要求,发现自己的电脑是完全能用来开发的,并且学校机房的配置也可以达到要求。最重要的是选择的技术都可以在网上找到不花钱的教程以及资料,因为不花钱,所以经济方面是具有可行性的。
3.1.3 操作可行性
教育培训微信小程序的具体实现,本身参考人类的正常操作逻辑,把常用的操作习惯当做主要的导航实现,可以让使用者更快速的理解并且上手操作,实现符合逻辑的操作流程是操作可行性的具体体现。
以上就是从不同的角度来分析,确保了教育培训微信小程序的正常开展。
3.2 系统流程
教育培训微信小程序投入使用后,使用者如果能看到相应的流程操作图会提高程序的理解能力。
3.2.1 操作流程
使用者在操作教育培训微信小程序中,应该按照本系统提供的操作流程(图3.1即为本系统的操作流程图)进行操作,可以减少操作失误,从而节省进入教育培训微信小程序的时间。
图3.1 系统操作流程
3.2.2 登录流程
教育培训微信小程序通过登录功能(图3.2即为其登录的流程)引导使用者进入指定的功能操作区,也避免非本系统的用户享受本系统提供的服务以及查看本系统提供的信息,进而保证用户安全。
图3.2 登录流程
3.2.3 删除信息流程
教育培训微信小程序在经过长期使用后,会产生很多的数据信息。为了腾出存储空间存放更多的数据,本系统数据库中存储的数据,一些没有参考价值的数据需要进行删除(图3.3即为删除信息的流程),删除数据过程中,为避免误删,使用者要根据系统的提示来决定是否删除数据。
图3.3 删除信息流程
3.2.4 添加信息流程
教育培训微信小程序提供可视化的功能操作区,非常方便使用者进行数据操作,当使用者往系统中录入数据时(图3.4即为添加信息的流程),本系统也会进行数据合法性的判断,符合要求的数据才能够在数据库指定表中进行登记。
图3.4 添加信息流程
3.3 性能需求
需求分析少不了对项目用到的硬件设备进行分析,这样才符合正常的分析流程。只谈功能需求不谈性能需求,是一件很严重的事情,可能会导致一些不可控的问题出现。
以下从这几个角度来分析系统性能。
(1)系统数据的容量:从数据角度来分析,每个表和每个数据库,达到的数据量到一定的程度,是否需要分表或者是分库,超过了数据的设定限度,可能会导致数据反映迟钝,容错量增加。
(2)数据精度的要求:需要对需求分析里面数据设定环节,考虑相应的数据精度问题,需要发现数据是常用的精度还是非常用的精度,进而设定不同的数值。
(3)时间响应要求:从用户提交操作,到页面反映,中间有个数据处理的问题,需要考虑预测数据量的大小,提前预案分库分表的设计,数据量再大就要考虑增加列式数据库的问题,这些都不是一拍脑门就能决定的,都需要经验和同行业的数据分析研判,才能符合用户的要求,毕竟响应时间太久操作起来也不舒服。
(4)普适性问题:用户使用应该不需要感知服务端的数据量问题或者响应问题,只需要任意一台电脑,不需要更多的操作,打开浏览器就能用,太多的设置以及操作,不符合普适性操作。
(5)页面设计问题:功能符合要求之后,肯定是要丰富页面的。页面设计才是用户长时间面对的问题,首先考虑数据的整洁性,让页面看起来更加的清爽。颜色与数据方面,该不同颜色就不同颜色,降低用户长时间使用出现的视觉疲劳,让用户使用起来心情不至于太差。
(6)系统的稳定性:正常用户操作系统页面,必须是该提交提交,正常输入符合逻辑,不能随随便便的就出各种问题,导致用户操作疲惫,并且输入的数据和回显的数据符合用户的要求。如果正常操作都会出现问题,那设计就是不稳定的,这一点肯定不行。只要是与数据进行交互的系统,都必须稳定。系统稳定从开发部署角度上来分析,可以考虑数据的冗余备份功能,自动值守功能,机房数据同步,机房分开的功能,这些都可以让系统的稳定性得到提升。
系统的性能需求需要对业务很熟练的情况下判断然后分析,再从系统性能需求来逐条实现,可以让设计的系统有使用价值。
3.4 功能需求
教育培训微信小程序根据使用权限的角度进行功能分析,并运用用例图来展示各个权限需要操作的功能。
图3.5即为管理员用例图,管理员权限操作的功能包括增删改查网课信息,教师信息,学生信息,试卷,试题信息等,管理论坛帖子,管理观看进度信息,管理学生测试信息等。
图3.5 管理员用例图
图3.6即为教师用例图,教师权限操作的功能包括查看学生对于网课信息的观看进度信息,管理网课信息,管理论坛帖子,管理学生测试试卷和试题,对学生的测试记录和错题信息进行管理等。
图3.6 教师用例图
图3.7即为学生用例图,学生权限操作的功能包括选择试卷在线答题,查看测试记录和错题信息,播放网课视频,下载网课文件,通过论坛模块进行主题讨论交流。
图3.7 学生用例图
第4章 系统设计
用户对着浏览器操作,肯定会出现某些不可预料的问题,但是不代表着系统对于用户在浏览器上的操作不进行处理,所以说,要提前考虑可能会出现的问题。
4.1 功能结构设计
图4.1即为设计的管理员功能结构,管理员权限操作的功能包括增删改查网课信息,教师信息,学生信息,试卷,试题信息等,管理论坛帖子,管理观看进度信息,管理学生测试信息等。
图4.1 管理员功能结构
图4.2即为设计的教师功能结构,教师权限操作的功能包括查看学生对于网课信息的观看进度信息,管理网课信息,管理论坛帖子,管理学生测试试卷和试题,对学生的测试记录和错题信息进行管理等。
图4.2 教师功能结构
图4.3即为设计的学生功能结构,学生权限操作的功能包括选择试卷在线答题,查看测试记录和错题信息,播放网课视频,下载网课文件,通过论坛模块进行主题讨论交流。
图4.3 学生功能结构
4.2 数据库设计
教育培训微信小程序运行中产生的数据需要按照提前设置的存储规则进行保存,设计出一个符合项目的最优数据存储格式,因为它能减少用户的等待时间,还可以对系统的请求在最短时间内进行响应。所以,对数据库设计时,需要对功能需求进行详细的拆分,以及对业务状态的细分,然后设计具体的存储规则,保证数据库能正常运作,缩短数据处理时间,并在一定程度上降低数据冗余,节省存储空间。
4.2.1 数据库概念设计
实体-联系图还有一个名称即E-R图,是Entity Relationship Diagram各英文单词首字母的缩写,它这种概念模型通常用于对现实世界进行描述。同时它还是一种能够直观表达数据中实体,联系,属性的有效手段。绘制E-R图能够选择的工具也有很多,但是Office Visio 这款软件在E-R图的绘制上一般都是作为首选工具,因为它是基于可视化处理,使用它创建E-R图非常简单。使用基本的E-R图构成元素,比如椭圆,菱形,矩形,还有实线段来表达对应的信息,椭圆代表属性,即实体的特征,矩形代表实体,即数据库中的一个具体数据表,菱形代表实体中相互关系,实线段主要是完成椭圆,矩形,菱形的连接。
(1)图4.4即为教师这个实体所拥有的属性值。
图4.4 教师实体属性图
(2)图4.5即为网课这个实体所拥有的属性值。
图4.5 网课实体属性图
(3)图4.6即为学生这个实体所拥有的属性值。
图4.6 学生实体属性图
(4)图4.7即为试题这个实体所拥有的属性值。
图4.7 试题实体属性图
(5)图4.8即为上面介绍的实体中存在的联系。
图4.8 实体间关系E-R图
4.2.2 数据库物理设计
本小节主要任务即是根据上述内容进行数据存储结构的设计,实体的属性就用来表示字段名称,不同的字段表示的数据类型以及取值都不相同,以及该表各个字段是否能够保持空等进行说明,设计完成一张数据表的结构之后,在保存时同样要命名,尽量选择英文名称进行命名并保存,还不容易导致系统出错。接下来就对设计的表进行简单说明。
表4.1 课后习题测试表
字段 注释 类型 空
id (主键) 主键 int(11) 否
yonghu_id 提问用户 int(11) 是
chat_issue 问题 varchar(200) 是
issue_time 问题时间 timestamp 是
chat_reply 回复 varchar(200) 是
reply_time 回复时间 timestamp 是
zhuangtai_types 状态 int(255) 是
chat_types 数据类型 int(11) 是
insert_time 创建时间 timestamp 是
表4.2 试卷表
字段 注释 类型 空
id (主键) 主键 int(20) 否
exampaper_name 试卷名称 varchar(200) 否
exampaper_date 测试时长(分钟) int(11) 否
exampaper_myscore 试卷总分 int(11) 否
jiaoshi_id 教师 int(11) 是
exampaper_types 试卷状态 int(11) 否
create_time 创建时间 timestamp 否
表4.3 试题表
字段 注释 类型 空
id (主键) 主键 int(20) 否
exampaper_id 所属试卷id(外键) int(20) 否
examquestion_name 试题名称 varchar(200) 否
examquestion_options 选项 longtext 是
examquestion_score 分值 int(20) 是
examquestion_types 试题类型 int(20) 是
examquestion_sequence 试题排序,值越大排越前面 int(20) 是
create_time 创建时间 timestamp 否
表4.4 测试记录表
字段 注释 类型 空
id (主键) 主键 int(20) 否
examrecord_uuid_number 测试编号 varchar(200) 是
yonghu_id 测试用户 int(20) 否
exampaper_id 所属试卷id(外键) int(20) 否
total_score 所得总分 int(200) 是
insert_time 测试时间 timestamp 否
create_time 创建时间 timestamp 否
表4.5 答题详情表
字段 注释 类型 空
id (主键) 主键 int(20) 否
examredetails_uuid_number 试卷编号 varchar(200) 是
yonghu_id 用户id int(20) 否
examquestion_id 试题id(外键) int(20) 否
examredetails_myanswer 学生答案 varchar(200) 是
examredetails_myscore 试题得分 int(20) 是
examination_name 审核教师 varchar(200) 是
examredetails_types 审核结果 int(20) 是
create_time 创建时间 timestamp 否
表4.6 错题表
字段 注释 类型 空
id (主键) 主键 int(20) 否
yonghu_id 用户id int(20) 否
exampaper_id 试卷(外键) int(20) 否
examquestion_id 试题id(外键) int(20) 否
examredetails_myanswer 学生作答 varchar(200) 是
insert_time 记录时间 timestamp 否
create_time 创建时间 timestamp 否
表4.7 论坛表
字段 注释 类型 空
id (主键) 主键 int(11) 否
forum_name 帖子标题 varchar(200) 是
yonghu_id 用户 int(11) 是
jiaoshi_id 教师 int(11) 是
users_id 管理员 int(11) 是
forum_content 发布内容 text 是
super_ids 父id int(11) 是
forum_state_types 帖子状态 int(11) 是
insert_time 发帖时间 timestamp 是
update_time 修改时间 timestamp 是
create_time 创建时间 timestamp 是
表4.8 观看进度表
字段 注释 类型 空
id (主键) 主键 int(11) 否
kecheng_id 网课 int(11) 是
yonghu_id 学生 int(11) 是
insert_time 观看时间 timestamp 是
create_time 创建时间 timestamp 是
表4.9 教师表
字段 注释 类型 空
id (主键) 主键 int(11) 否
username 账户 varchar(200) 是
password 密码 varchar(200) 是
jiaoshi_name 教师姓名 varchar(200) 是
jiaoshi_photo 头像 varchar(200) 是
jiaoshi_phone 手机号 varchar(200) 是
jiaoshi_email 电子邮箱 varchar(200) 是
sex_types 性别 int(11) 是
jiaoshi_delete 假删 int(11) 是
create_time 创建时间 timestamp 是
表4.10 网课信息表
字段 注释 类型 空
id (主键) 主键 int(11) 否
kecheng_name 网课标题 varchar(200) 是
kecheng_types 网课类型 int(11) 是
jiaoshi_id 教师 int(11) 是
kecheng_photo 网课封面 varchar(200) 是
kecheng_video 网课视频 varchar(200) 是
kecheng_file 网课文件 varchar(200) 是
kecheng_content 通知详情 text 是
insert_time 添加时间 timestamp 是
create_time 创建时间 timestamp 是
表4.11 公告信息表
字段 注释 类型 空
id (主键) 主键 int(11) 否
news_name 公告标题 varchar(200) 是
news_types 公告类型 int(11) 是
news_photo 公告图片 varchar(200) 是
insert_time 添加时间 timestamp 是
news_content 公告详情 text 是
create_time 创建时间 timestamp 是
表4.12 管理员表
字段 注释 类型 空
id (主键) 主键 bigint(20) 否
username 用户名 varchar(100) 否
password 密码 varchar(100) 否
role 角色 varchar(100) 是
addtime 新增时间 timestamp 否
表4.13 学生表
字段 注释 类型 空
id (主键) 主键 int(11) 否
username 账户 varchar(200) 是
password 密码 varchar(200) 是
yonghu_name 学生姓名 varchar(200) 是
yonghu_photo 头像 varchar(200) 是
yonghu_phone 手机号 varchar(200) 是
yonghu_email 电子邮箱 varchar(200) 是
sex_types 性别 int(11) 是
banji_types 班级 int(11) 是
yonghu_delete 假删 int(11) 是
create_time 创建时间 timestamp 是
第5章 系统实现
编程人员在搭建的开发环境中,会让各种编程技术一起呈现出最终效果。本节就展示关键部分的页面效果。
5.1 管理员功能实现
5.1.1 教师管理
图5.1 即为编码实现的教师管理界面,教师信息包括手机号,教师姓名,教师性别等信息,管理员可以使用修改功能对有错误信息的教师信息进行更正,需要删除的教师信息也能使用删除功能及时删除。
图5.1 教师管理界面
删除教师:
@RequestMapping(“/delete”)
public R delete(@RequestBody Integer[] ids){
logger.debug(“delete:,Controller:{},ids:{}”,this.getClass().getName(),ids.toString());
ArrayList list = new ArrayList<>();
for(Integer id:ids){
JiaoshiEntity jiaoshiEntity = new JiaoshiEntity();
jiaoshiEntity.setId(id);
jiaoshiEntity.setJiaoshiDelete(2);
list.add(jiaoshiEntity);
}
if(list != null && list.size() >0){
jiaoshiService.updateBatchById(list);
}
return R.ok();
}
5.1.2 网课信息管理
图5.2 即为编码实现的网课信息管理界面,网课信息包括网课视频,网课文件,网课标题,网课封面等信息,管理不仅需要上传网课文件,上传网课视频,还可以修改网课信息,可以对需要删除的网课信息进行删除。
图5.2 网课信息管理界面
删除网课:
@RequestMapping(“/delete”)
public R delete(@RequestBody Integer[] ids){
logger.debug(“delete:,Controller:{},ids:{}”,this.getClass().getName(),ids.toString());
kechengService.deleteBatchIds(Arrays.asList(ids));
return R.ok();
}
5.1.3 学生管理
图5.3 即为编码实现的学生管理界面,学生信息包括性别,班级,手机号等信息,学生信息存在登记错误的情况,管理员则可以使用修改功能及时更正,需要删除的学生信息,管理员也能及时删除。
图5.3 学生管理界面
删除学生:
@RequestMapping(“/delete”)
public R delete(@RequestBody Long[] ids){
usersService.deleteBatchIds(Arrays.asList(ids));
return R.ok();
}
5.2 教师功能实现
5.2.1 观看进度查看
图5.4 即为编码实现的观看进度查看界面,教师可以查看学生对于网课信息的查看进度情况,可以通过学生姓名查询学生对于网课信息的观看进度信息。
图5.4 观看进度查看界面
查看详情:
@RequestMapping(“/info/{id}”)
public R info(@PathVariable(“id”) Long id, HttpServletRequest request){
logger.debug(“info方法:,Controller:{},id:{}”,this.getClass().getName(),id);
GuankanjiluEntity guankanjilu = guankanjiluService.selectById(id);
if(guankanjilu !=null){
//entity转view
GuankanjiluView view = new GuankanjiluView();
BeanUtils.copyProperties( guankanjilu , view );//把实体数据重构到view中
//级联表
KechengEntity kecheng = kechengService.selectById(guankanjilu.getKechengId());
if(kecheng != null){
BeanUtils.copyProperties( kecheng , view ,new String[]{ "id", "createTime", "insertTime", "updateTime"});//把级联的数据添加到view中,并排除id和创建时间字段
view.setKechengId(kecheng.getId());
}
//级联表
YonghuEntity yonghu = yonghuService.selectById(guankanjilu.getYonghuId());
if(yonghu != null){
BeanUtils.copyProperties( yonghu , view ,new String[]{ "id", "createTime", "insertTime", "updateTime"});//把级联的数据添加到view中,并排除id和创建时间字段
view.setYonghuId(yonghu.getId());
}
//修改对应字典表字段
dictionaryService.dictionaryConvert(view, request);
return R.ok().put("data", view);
}else {
return R.error(511,"查不到数据");
}
}
5.2.2 试卷管理
图5.5 即为编码实现的试卷管理界面,教师可以设置试卷状态为启用或禁用试卷状态,可以修改试卷考试时长信息,以及修改试卷总分信息等,教师也能新增试卷,对之前新增的已经无效的试卷信息及时删除。
图5.5 试卷管理界面
添加试卷:
@RequestMapping(“/save”)
public R save(@RequestBody ExampaperEntity exampaper, HttpServletRequest request){
logger.debug(“save方法:,Controller:{},exampaper:{}”,this.getClass().getName(),exampaper.toString());
String role = String.valueOf(request.getSession().getAttribute("role"));
if(false)
return R.error(511,"永远不会进入");
else if("教师".equals(role))
exampaper.setJiaoshiId(Integer.valueOf(String.valueOf(request.getSession().getAttribute("userId"))));
Wrapper<ExampaperEntity> queryWrapper = new EntityWrapper<ExampaperEntity>()
.eq("exampaper_name", exampaper.getExampaperName())
.eq("exampaper_date", exampaper.getExampaperDate())
.eq("exampaper_myscore", exampaper.getExampaperMyscore())
.eq("jiaoshi_id", exampaper.getJiaoshiId())
.eq("exampaper_types", exampaper.getExampaperTypes())
;
logger.info("sql语句:"+queryWrapper.getSqlSegment());
ExampaperEntity exampaperEntity = exampaperService.selectOne(queryWrapper);
if(exampaperEntity==null){
exampaper.setCreateTime(new Date());
exampaperService.insert(exampaper);
return R.ok();
}else {
return R.error(511,"表中有相同数据");
}
}
5.2.3 试题管理
图5.6 即为编码实现的试题管理界面,所有试卷都是由许多试题组成的,因此教师在组装试卷之前,先要对试题进行添加,以及及时更正登记有错误信息的试题信息,对于不需要的试题信息进行及时删除。
图5.6 试题管理界面
添加试题:
@RequestMapping(“/save”)
public R save(@RequestBody ExamquestionEntity examquestion, HttpServletRequest request){
logger.debug(“save方法:,Controller:{},examquestion:{}”,this.getClass().getName(),examquestion.toString());
String role = String.valueOf(request.getSession().getAttribute("role"));
if(false)
return R.error(511,"永远不会进入");
Wrapper<ExamquestionEntity> queryWrapper = new EntityWrapper<ExamquestionEntity>()
.eq("exampaper_id", examquestion.getExampaperId())
.eq("examquestion_name", examquestion.getExamquestionName())
.eq("examquestion_options", examquestion.getExamquestionOptions())
.eq("examquestion_score", examquestion.getExamquestionScore())
.eq("examquestion_types", examquestion.getExamquestionTypes())
.eq("examquestion_sequence", examquestion.getExamquestionSequence())
;
logger.info("sql语句:"+queryWrapper.getSqlSegment());
ExamquestionEntity examquestionEntity = examquestionService.selectOne(queryWrapper);
if(examquestionEntity==null){
examquestion.setCreateTime(new Date());
examquestionService.insert(examquestion);
return R.ok();
}else {
return R.error(511,"表中有相同数据");
}
}
5.3 学生功能实现
5.3.1 在线答题
图5.7 即为编码实现的在线答题界面,学生在试卷模块对需要答题的试卷进行答题,答题过程中不仅需要回答试题问题,还需要在试卷规定时间内提交答卷。
图5.7 在线答题界面
5.3.2 网课信息
图5.8 即为编码实现的网课信息界面,学生在网课信息界面中可以通过播放网课视频的方式进行学习,同时,该网课信息界面也展示了网课文件,学生可以下载网课文件。
图5.8 网课信息界面
5.3.3 我的发帖
图5.9 即为编码实现的我的发帖界面,学生在我的发帖界面中可以发布帖子,该界面展示的帖子都是学生自己发布的帖子,因此支持学生对帖子进行更改,删除。同时学生也能跟踪已发布的帖子,比如查看帖子的评论,学生也能回复帖子等。
图5.9 我的发帖界面
发帖:
@RequestMapping(“/add”)
public R add(@RequestBody ForumEntity forum, HttpServletRequest request){
logger.debug(“add方法:,Controller:{},forum:{}”,this.getClass().getName(),forum.toString());
Wrapper queryWrapper = new EntityWrapper()
.eq(“forum_name”, forum.getForumName())
.eq(“yonghu_id”, forum.getYonghuId())
.eq(“jiaoshi_id”, forum.getJiaoshiId())
.eq(“users_id”, forum.getUsersId())
.eq(“super_ids”, forum.getSuperIds())
.eq(“forum_state_types”, forum.getForumStateTypes())
;
logger.info(“sql语句:”+queryWrapper.getSqlSegment());
ForumEntity forumEntity = forumService.selectOne(queryWrapper);
if(forumEntity==null){
forum.setInsertTime(new Date());
forum.setCreateTime(new Date());
forumService.insert(forum);
return R.ok();
}else {
return R.error(511,“表中有相同数据”);
}
}
5.3.4 测试记录
图5.10 即为编码实现的测试记录界面,测试记录界面展示的信息都是学生对试卷答题产生的信息,学生不仅可以查看试卷答题的详细信息,包括试卷每道题的得分信息,以及学生对试题提交的答案信息等,除此以外,学生也能查看试卷的总体得分信息。
图5.10 测试记录界面
第6章 系统测试
当系统测试环节开始的时候,也就说明对于系统的编码已经弄得大致通顺了,剩下来需要对一些模块和功能进行测试,这个环节就叫系统测试。在程序开发过程中,系统测试是整个开发过程不能缺少的。原因很简单,系统开发人员在面对各种需求需要对各个模块进行编码,开发人员编写过程中,对于程序的理解全部都在编码里面,一人计短,当一个人去做一些事情的时候,把自己的理解变成成果,有可能理解错误,这个在程序开发过程中很常见。程序开发人员在面对复杂的逻辑,没有想象中的多么清晰,开发过程就是面对着一堆代码,不断的变换数据类型,这些很容易实现程序开发人员的想法,但是如果是比较复杂的逻辑,很可能会出现各种问题,这是无法避免的。所以说,需要额外的人员进行系统测试编写,要站在用户使用的角度去发现问题,这样开发与测试的分离,有助于系统开发的强壮,让程序表达的更完美一些。之所以把系统测试安排到程序开发过程中的原因在于,当测试过程中发现的问题可以最快速度的反馈到程序开发人员手里,可以以最快的时间解决问题。所以必须在系统测试环节做好应该做好的事情,让程序开发从开始到结束都有一个完美的流程。
6.1 功能测试
本节主要选择一些功能进行具体测试描述,在相应的功能里面,根据不同的输入看看能否达到理想中的效果。以下会描述部分功能的测试过程和结果。
6.1.1 登录功能测试
登录是一个常规功能,虽然是常规功能,但是用处很大,可以拒绝非法用户访问,只有合法用户才可以访问对应的功能,这样能保证程序设定的功能符合安全性要求。
表6.1 管理员登录功能测试表
管理员账号 管理员密码 结果
uuu uuu 成功登录系统
yyy uuu 登录失败
uuu yyy 登录失败
只有正确的账号密码才会进行跳转到对应的功能区,如果输入的账号密码不对的话,肯定会有相关提示,用来提示操作人员注意输入正确的账号密码,这样有助于提高用户体验。这里以使用者提交错误的账号为“yyy”,正确的密码为“uuu”为例进行测试,具体反馈结果看下面。
图6.1 登录失败提示
6.1.2 修改密码功能测试
任何用户角色都有安全性要求,那么对应的密码最好是经常更改,只有经常更改才会降低坏人的有机可乘几率,达到密码保护的最低要求,当然,如果用户登录人离开了,为了防止其他人乘机篡改密码,那么也会设定旧密码要求,只有输入正确的旧密码才可以进行密码的修改。下面就是测试过程。
表6.2 修改密码功能测试表
之前的旧密码 设置的新密码 结果
uuu yyy 成功修改密码
hhh yyy 修改密码失败
uuu 修改密码失败
不管是旧密码错误还是新密码不合规,都会提示相应的要求,下面就是关于旧密码输入错误的提示。
图6.2 错误的旧密码反馈提示
6.2 系统测试结果
对教育培训微信小程序进行了各种检测,包含功能检测和性能检测,操作性检测,兼容性检测,通过各方面检测结果来判定系统是符合设计目标,并且在扩展性或者是稳定性上面,也有很好的表现,能完全的满足用户需求。
结 论
由于本人学习的是计算机方面的专业,学习了一定的开发知识,因此,对于开发一款已经确定了课题的教育培训微信小程序,从功能需求,功能模块划分,数据库的选择与设计,编程语言的确定,系统界面的布局和设计等知识,我都有个大致的思路。我运用已经具备的理论知识,加上后期从网络渠道获取的相关技术知识,能够在系统完成开发后期,编写相应的系统文档。
教育培训微信小程序制作期间,我也遇到过一些难题,模块拆分不够精细,以及数据表需要设计几张表,还有对于开发技术的深度理论学习还不充分等,不过我能够通过网络或者通过学院提供的图书馆寻求解决办法。比如在不知道具体功能的情况下,我从网上下载了很多的与教育培训微信小程序相关的程序,分析了它们的功能之后,我再结合即将开发的教育培训微信小程序进行综合分析,选取了适合教育培训微信小程序的功能部分,再具体模块具体分析,设计专属项目功能。对于数据表的设计,先在图书馆学习,然后查看相似系统对于数据表的结构设计等知识,然后在本系统功能确定的情况下,结合本系统设计了配套的数据表,对于难度最大的开发技术部分,这是需要大量时间调试的,一般都是对基础数据的增加,更新,查询或修改方面的代码,然后把本系统能够运用的代码部分在简单更改后进行使用,又经过了简单的测试工作,最终呈现出一个完整的能够解决用户实际问题的教育培训微信小程序。该系统唯一不足的就是代码方面还有很多重复的部分,不够精简,还有用户操作本系统,对于用户的误操作行为,本系统还不能及时反馈,这也是一大缺点。
教育培训微信小程序完成了,其相应的配套文档也需要进行编写,该文档主要描述教育培训微信小程序是如何进行分析,设计以及实现的,让其他阅读本文档的人增加对该系统的了解,编写文档过程中,由于自己平时对于办公软件的操作不是很频繁,根据学院要求的文档排版格式进行编辑也花了很多时间,在不断学习排版技巧以及对本系统配套文档的反复修改之后,最终在学院规定的时间内进行了文档定稿。
毕业项目各个工作进行到此,我也是收获颇丰,正因为自己努力学习知识,积极寻求解决办法,才让我能够提交一个完整的作品。制作毕业项目让我又得到了成长,不仅是专业知识的增加,也学到了解决问题的能力和方法。
参考文献
[1]王宏波.基于微信小程序的在线教育商业模式分析[J].经济师,2019,(11):212-213+216.
[2]刘青云,许莉丽.基于移动平台的三农职业教育培训体系研究[J].无线互联科技,2019,16(06):59-60.
[3]余涛.计算机软件开发中Java编程语言的应用研究[J].信息记录材料,2020,21(01):113-115.
[4]王子虎,胡丽珍.基于计算机软件安全开发的JAVA编程语言研究[J].数字技术与应用,2019,37(12):133-134.
[5]刘星淇.Java编程语言的特点与应用分析[J].通讯世界,2019,26(09):149-150.
[6]张云健.计算机软件Java编程特点及其技术应用[J].信息与电脑(理论版),2019(13):97-98.
[7]张振超,吴杰,陈序蓬.浅谈Java中Mysql数据库的连接与操作[J].信息记录材料,2020,21(02):144-145.
[8]范开勇,陈宇收.MySQL数据库性能优化研究[J].中国新通信,2019,21(01):57.
[9]丁佳.基于JSP+MySQL的用户登录系统SQL注入实例及防范[J].网络安全技术与应用,2020(09):49-51.
[10]邹红霆.基于SSM框架的Web系统研究与应用[J].湖南理工学院学报(自然科学版),2017,30(01):39-43.
[11]邱丹萍.Web开发中SSM框架的分析[J].电脑知识与技术,2020,16(17):81-82.
[12]袁堂青,亓婧.基于微信小程序的开发与研究[J].网络安全技术与应用,2020(04):66-67.
[13]邢榕珊,匡芳君.微信小程序设计[J].计算机时代,2018(08):9-12.
[14]谢志坚.计算机应用软件开发技术支撑思考[J].电子世界,2020(15):53-54.
[15]姬晓鹏.计算机软件开发技术与设计探究[J].电子测试,2020(16):133-134.
[16]Raffi Khatchadourian.Automated refactoring of legacy Java software to enumerated types[J].Automated Software Engineering,2017,24(4).
[17]Ben White.Marx and Chayanov at the margins:understanding agrarian change in Java[J].The Journal of Peasant Studies,2018,45(5-6).
致 谢
也许是大学校园在管理上比较开放,学习知识时不像高中时期那样一整天都在学习,而是一天当中抽出部分时间安排学习,其余的时间就可以自由安排,可以去社会上参加实践,可以在学校的图书馆阅读书籍,丰富自己的知识,也可以加入学校的社团进行个人能力的锻炼等等,加上学院的学生都来自全国各地,大家的风俗习惯都有些不一样,这样同学之间也有更多的话题进行畅聊。基于这些原因,我觉得我的性格也逐渐变得开朗起来,正因为如此,我很快乐的度过了大学四年时光。然而,我们都要面临毕业,同学间,师生间也将面临分离,我们都会离开学校,进入社会这样的大环境学习并生活。虽然很不舍,但这也是人生成长中必经的阶段!
临走之际,对这几年的大学生活简单的进行了回想,发现自己学到的专业知识也增加了很多,在本专业上,自己也得到了一定的实操能力锻炼。这些成长都是我们的专业老师带来的,他们这几年辛苦教学,我们也从中获取了许多的专业知识,提高了个人的专业方面的能力,非常感谢他们。
还有一位老师也需要在此特别感谢,即论文指导老师。可以说最后这一年,跟指导老师接触比较多,指导老师在本专业上,非常全能,在我进行本课题的任务期间,导师给予我全面的指导,也能根据我的不足之处推荐合适的书籍让我查看,让我的能力得以提升,继而可以从容面对开发期间遇到的困难。
另外,我也要感谢我的寝室室友,还有我们班上的同学,从接到毕业项目任务之后,我们常常谈论各自课题进展的情况以及面临的问题,也经常互相鼓励对方要积极认真面对毕业项目,这种陪伴,让我在制作毕业项目期间并没有产生过多的焦虑,非常感谢他们。
最后时刻,我也要对我的大学校园表达谢意,我的大学校园是一个非常美丽的地方,而我这几年,在这么优美的环境下学习知识,我已经感到非常幸福。希望在今后能看到我的校园在众多师生共同努力下变得强大,校园的环境也将变得更加美丽。