初中历史专题教学网站的设计与实现
摘 要
信息化社会内需要与之针对性的信息获取途径,但是途径的扩展基本上为人们所努力的方向,由于站在的角度存在偏差,人们经常能够获得不同类型信息,这也是技术最为难以攻克的课题。针对初中历史专题教学等问题,对其进行研究分析,然后开发设计出教学网站以解决问题。
初中历史专题教学网站主要功能模块包括课程资料管理、历史科普、科普朝代、学生管理、老师管理、学生作业、作业提交等,采取面对对象的开发模式进行软件的开发和硬体的架设,能很好的满足实际使用的需求,完善了对应的软体架设以及程序编码的工作,采取Mysql作为后台数据的主要存储单元,采用Thinkphp框架、Redis技术进行业务系统的编码及其开发,实现了本系统的全部功能。本次报告,首先分析了研究的背景、作用、意义,为研究工作的合理性打下了基础。针对初中历史专题教学网站的各项需求以及技术问题进行分析,证明了系统的必要性和技术可行性,然后对设计系统需要使用的技术软件以及设计思想做了基本的介绍,最后来实现初中历史专题教学网站和部署运行使用它。
关键词:初中历史专题教学网站;Thinkphp框架;Mysql数据库
Design and implementation of special history teaching website in junior middle school
Abstract
In the information society, there is a need for targeted information access, but the expansion of access is basically the direction of people's efforts. Due to the deviation of the perspective, people can often obtain different types of information, which is also the most difficult subject for technology to overcome. Aiming at the problems of history special teaching in junior middle school, this paper studies and analyzes it, and then develops and designs a teaching website to solve the problems.
The main functional modules of the junior middle school history teaching website include course data management, history popular science, popular science dynasties, student management, teacher management, student homework, homework submission, etc. the object-oriented development mode is adopted for software development and hardware erection, which can well meet the needs of practical use and improve the corresponding software erection and program coding, MySQL is used as the main storage unit of background data, and ThinkPHP framework and redis technology are used to encode and develop the business system, realizing all the functions of the system. This report first analyzes the background, function and significance of the research, which lays a foundation for the rationality of the research work. This paper analyzes the various needs and technical problems of the junior middle school history special teaching website, proves the necessity and technical feasibility of the system, then makes a basic introduction to the technical software and design ideas needed to design the system, and finally realizes the deployment and operation of the junior middle school history special teaching website.
Key words:Junior high school history teaching website; Thinkphpframework; The Mysql database
目 录
- 绪论
- 研究背景与意义
从学校的角度看,为了让学生掌握更多的知识,首先想到的是为学生设计更多的课程。但随着知识爆炸,高校普遍受到总课时与学生有限学习时间的制约。为此,诸多学校都开展网络教学,希望利用网络初中历史专题教学网站加快知识传输速度。就目前初中历史专题教学网站的应用来看,一般是将教学资料网络化,实现的是教学过程的自动化,但在传统的教学模式和管理体制下,网络初中历史专题教学网站的作用并未完全实现。具体表现在学校之间存在重复建设,课程之间缺乏重构和整合等诸多问题。
从学生的角度看,受应试教育和就业压力,学生疲于应付。由于课程缺乏整合,课程门数越来越多,以我校为例,1-3年级学生平均30节课/周,每个学期12-15门课程。学生没有独立思考的时间有限,且是被动学习(接受知识的传播)。学习效率普遍低下。另外,技能训练、知识获取和能力培养没有细分,课堂教学与网络初中历史专题教学网站不能形成良性互动,教学效果并没有显著改善。
从教师的角度看,不同课程、教师与教师、学校与学校、学校与企业之间缺乏交流沟通的机制和平台。《管理信息系统》是管理类核心课程,我校有4个教师从事该课程的教学。尽管我们采用了 BlackBoard初中历史专题教学网站,但教师之间缺乏知识共享机制,全国高校之间的差异则更大。全国那么多老师都是在做重复性劳动,效率和效果都得不到保障。另外,不少课程实践性很强,迫切需要企业高级管理人员丰富的实践经验和案例,但由于缺乏沟通平台,出现了学校培养目标与企业社会实际相脱离的现象。
面对上述问题,现代教学的功能是什么?学生应当吸收何种知识?教科书应当如何编写?应当采用何种学习方法?教师应当扮演什么样的角色?如何将老师从重复性事务性教学劳动中解脱出来?如何将每一个老师、企业管理人员的隐性知识转化为显性知识?如何进行有效的学习?如何对教学过程进行监控?这些问题都需要从教育理论上和技术上重新思考。作为反映现代教育理念的网络初中历史专题教学网站成为现代教学的必要组成部分,也成为研究的热点。
- 开发现状
虽然我国现在大力的支持教学网站的建设,但是客观的说我国的教学网站网站建设还是处于发展阶段,还缺乏一些理论指导,以及统一的调配问题,形成现在的全而不精的局面。我国的教学网站建设与国外相比还是有很大差距的。
国家已经为高校信息化环境建设和教学网站建设投入了巨额的经费,并取得了显著的成效。现有的教学网站及其他数字学习资源,和高校信息化环境建设的成果为本课题的研究提供了良好的物质基础。但目前优秀的教学资源的共享和应用还不够充分,教学网站资源对教学质量和办学效益提高的作用离人们的期望还有较大的距离。教学共享服务和可持续发展,不仅是教育信息化进程中资源建设的重要内容,而且其共建共享模式可以为国家信息化发展、构建基于信息化环境的终身教育体系、建设学习型社会提供参考。
- 相关技术介绍
- PHP开发语言
PHP是一种面向对象的程序设计语言,类是PHP程序的基本组成单元,类中又包含了属性和方法,在类中又可以创建无数个对象。类中包含的主要成员是字段和方法,字段是指一种数据变量,方法是指对字段进行操作的集合,包括给其他变量赋值、调用方法等[1]。PHP代码都是编写在类体中,类体中的每个数据项都可以看作是一个对象,PHP不支持类的多重继承,但可以支持接口的多重继承,并且支持类和接口的实现[2]。由于PHP通常在网络环境中使用,所以PHP提供了一个防止代码恶意攻击的安全机制,同时,PHP具有强类型机制、自动收集垃圾和异常处理等特性,这些都是PHP语言健壮性的重要保证[3]。
1、PHP语言具有如下特点:
(1)PHP 结合 C、Java、Perl 以及自创的新语法形成了自己独特的语法。
(2)PHP可以更快速的执行动态网页,当然这只是相对于CGI或者Perl来说,PHP可以在HTML文档中嵌入程序,而且去执行,另外PHP能够实现CGI的所有功能,因此说明PHP具有很强大的功能[4]。
(3)大部分当下流行的数据库和操作系统PHP语言都能够支持。
(4)PHP语言的最重要特点就是可以让C、C++进行扩展
2、PHP语言具有如下优势:
(1)开放源代码:事实上PHP的所有源代码都可以得到。
(2)免费性:PHP是开源代码并且免费
(3)快捷性:PHP对于初学者来说,它不止编辑简单可以嵌入与HTML语言中,而且对于程序开发和运行也是非常快速的,并且非常容易掌握。
(4)跨平台性强:PHP是可以在服务器运行的脚本语言,所以在UNIX、Android、Mac OS、WINDOWS等操作平台上都可以运行[5]。
(5)效率高:PHP对系统资源的消耗相当少,所以它的效率高。
(6)图像处理:PHP不止是可以使用GD2对图像进行处理,而且他还可以完成对图像的创建。
(7)面向对象:php4、php5对于PHP在面向对象上,有了许多的改进,PHP语言开发大型商业程序也是可以胜任的[6]。
- JavaScript脚本语言
此作品中,其中包含了页面的搭建,以及前后台数据接口的连接等,而对于实现用户页面交互以及一些页面逻辑性判断等功能都是用JavaScript完成的[7],而JavaScript是已经被广泛用于Web应用开发,是一种属于网络的脚本语言,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能。JavaScript作为一种描述语言,作用于web前端,它基于对象(object)和事件驱动(Event Driven)并且安全性也较好。它可以有效的在客户端运行并为服务器减轻负担[8]。
1、JavaScript具有的特点:
(1)脚本语言。JavaScript是一种脚本语言并具有解释性,在程序运行过程中,它就可以进行解释[9]。
(2)基于对象。JavaScript可以创建对象,而且还可以使用现在存在的对象,它是基于对象的脚本语言。
(3)简单。JavaScript不对使用的数据类型有着严格的要求,应用的是弱类型的变量类型,设计是十分紧凑简单。
(4)动态性。JavaScript是可以不经过Web服务器对用户的操作做出相应,是可以采用事件驱动的脚本语言。
(5)跨平台性。JavaScript可以不依赖操作系统,但需要浏览器的支持。所以在编写JavaScript脚本后可以在任意机器上使用,但要注意的一点,使用的浏览器是支持JavaScript脚本语言,现在大多浏览器也支持JavaScript[10]。
2、JavaScript的用途
JavaScript的用途是解决页面交互和数据交互,最终目的是丰富客户端效果以及数据的有效传递[11]。
(1)实现页面交互,提升用户体验实现页面特效。即js操作html的dom节构或操作样式。
(2)客户端表单验证。当数据传送到服务端前,可以将用户填入并上交的信息快速有效的验证,进行了数据的交互,为服务器减轻了负担[12]。
- Mysql数据库
Mysql Database,通常简称为Mysql,是一款关系型数据库的管理系统。Mysql数据库系统是目前最流行的关系型数据库管理系统之一,其系统具有良好的可移植性,功能强大且使用十分方便[8]。Mysql支持很多系统和硬件,包括HP-UX,Linux,MicrosoftWindows,SunSolaris,AppleMac等[13]。
Mysql系统的特点:
(1)Mysql的多线索服务器的体系结构使其只利用很少的资源就能够支持多用户的、大数据的高性能事务处理;
(2)Mysql支持大量的多媒体数据,例如声音、动画、二进制图形和多维数据结构等;
(3)Mysql提供了安全保密管理系统,具有良好的安全性、一致性和完整性;
(4)具有新的分布式数据库能力和分布处理的能力;
(5)提供了一些高级语言的接口软件,可以帮助快速开发基于客户端的应用程序,具有良好的移植性、可连结性和可兼容性[14]。
Mysql数据库逻辑结构包含表空间(tablespace)、段(segment)、范围(extend)、数据块(datablock)、和模式对象(schemaobject) 。每一个数据库都可以逻辑划分为一个或多个表空间,每一个表空间都是由一个或多个数据文件来组成。Mysql数据库分为系统表空间和非系统表空间,每一个Mysql数据库都包含一个称作SYSTEM的系统表空间。
- AJAX技术
AJAX是创建交互式网页的一种开发技术,利用AJAX技术可以实现以无刷新网页的方式更新HTML元素中的内容。传统的网页如果要更新网页内容,必须重新加载整个页面,而AJAX使用异步数据传输在网页和Web服务器之前传递HTTP请求,这样可以使网页只请求少量信息,而不用刷新整个页面[15]。
- Thinkphp框架介绍:
ThinkPHP是为了简化企业级应用开发和敏捷WEB应用开发而诞生的。最早诞生于2006年初,2007年元旦正式更名为ThinkPHP,并且遵循Apache2开源协议发布。ThinkPHP从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。并且拥有众多原创功能和特性,在社区团队的积极参与下,在易用性、扩展性和性能方面不断优化和改进。
ThinkPHP是一个快速、兼容而且简单的轻量级国产PHP开发框架,诞生于2006年初,原名FCS,2007年元旦正式更名为ThinkPHP,遵循Apache2开源协议发布,从Struts结构移植过来并做了改进和完善,同时也借鉴了国外很多优秀的框架和模式,使用面向对象的开发结构和MVC模式,融合了Struts的思想和TagLib(标签库)、RoR的ORM映射和ActiveRecord模式。
ThinkPHP可以支持windows/Unix/Linux等服务器环境,正式版需要PHP5.0以上版本支持,支持MySql、PgSQL、Sqlite多种数据库以及PDO扩展,ThinkPHP框架本身没有什么特别模块要求,具体的应用系统运行环境要求视开发所涉及的模块。
作为一个整体开发解决方案,ThinkPHP能够解决应用开发中的大多数需要,因为其自身包含了底层架构、兼容处理、基类库、数据库访问层、模板引擎、缓存机制、插件机制、角色认证、表单处理等常用的组件,并且对于跨版本、跨平台和跨数据库移植都比较方便。并且每个组件都是精心设计和完善的,应用开发过程仅仅需要关注您的业务逻辑。
- B/S体系结构介绍
B/S结构(Browser/Server,浏览器/服务器模式),是WEB兴起后的一种网络结构模式,WEB浏览器是客户端最主要的应用软件。这种模式统一了客户端,将系统功能实现的核心部分集中到服务器上,简化了系统的开发、维护和使用。客户机上只要安装一个浏览器,如Chrome、Safari、Microsoft Edge、Netscape Navigator或Internet Explorer,服务器安装SQL Server、Oracle、MYSQL等数据库。浏览器通过Web Server同数据库进行数据交互。
- 系统分析
- 可行性分析
技术性方面,采用当前主流的php的Thinkphp框架进行系统主体的搭建,前端采用了比较流行的渐进式JavaScript框架Vue.js。,实现前台页面的设计与美观调整,以上技术,均由本人经过系统学习,并且都是在课程设计中实践过的,可以使得开发更加便捷和系统。从技术角度看,这个系统是完全可以实现的。
实用性方面,本次设计的主要任务是在初中历史专题教学网站内课程资料列表、历史科普、作业完成、作业提交、课程学习等,符合当前潮流的发展。从用户角度出发,同时也考虑系统运营成本和人力资源,采用网络上的便捷方式,实现线上业务,使得业务流程更系统,也更方便用户的体验,比较实用。
经济性方面,由于本课题中设计的初中历史专题教学网站的主要目的是为了能够更加方便及快捷的进行信息的查询管理及检索服务,也就是能够可以直接投入使用的信息化软件。系统的主要成本主要是集中在对使用数据后期继续维护及其管理更新这个操作上。但是一旦系统投入到实际的运行及使用之后就能够很好的提高信息查询检索的效率,同时也需要有效的保证查询者的信息方面的安全性,同时这个初中历史专题教学网站所带来的实际应用方面的价值是远远的超过了实际系统进行开发与维护方面的成本,因此,从经济上来说开发这个软件是可行的。
- 功能需求分析
初中历史专题教学网站的功能主要分为前台用户根据自己的需求进行注册登录,浏览课程资料列表并对选中的课程资料进行学习操作。后台系统管理员因职责的不同,管理员主要对学生用户,教师,课程资料、历史科普,学生作业完成、作业提交等进行管理。
老师用例图如下所示。
![](https://i-blog.csdnimg.cn/blog_migrate/c1e45b39d9d6eccb70bf283a28dca5b3.png)
图3-1 老师用例图
管理员用例图如下所示。
![](https://i-blog.csdnimg.cn/blog_migrate/4ff428af7c2d19911e4a9156023d0c89.png)
图3-2 管理员用例图
学生用例图如下所示。
![](https://i-blog.csdnimg.cn/blog_migrate/7dee204922fc6d18eaf137e044fe7f76.png)
图3-3 学生用例图
- 前台用户功能
前台用户可分为未注册用户需求和以注册用户需求。
未注册用户的功能如下:
注册账号:用户填写个人信息,并验证手机号码。
浏览课程资料:用户可以浏览主页面的资料来了解系统的最新课程资料。
浏览公告栏:用户可以浏览公告栏发布的通知公告信息等。
已注册学生的功能如下:
登录:根据账号密码进行登录操作。
维护个人信息:学生因个人信息的变更可以随时修改自己注册信息。
浏览课程资料:选中某个课程可查看其课程资料内容。
作业提交:学生进行在线作业提交操作。
历史科普:学生在线进行历史科普知识的学习跟浏览。
讨论论坛:可以进行论坛发表以及论坛讨论。
个人资料:学生可以进行个人资料修改等。
- 后台管理员功能
后台管理员可分为普通管理员和超级管理员。
管理员功能如下:
修改密码:管理员可以随时修改自己进入系统的登录密码,以保证系统的安全性。
课程资料管理:对课程资料进行维护,添加、删除、修改信息。
教师信息管理:对教师信息进行维护,添加、删除、修改信息。
学生作业管理:老师对学生的作业进行审核管理,管理员对学生作业进行管理维护。
历史科普管理:对历史专题知识进行维护管理。
学生管理:可以查看注册学生的信息,并对其进行管理。
论坛管理:对学生发表的论坛信息进行维护管理。
- 非功能需求分析
首先主要考虑的是系统功能软件,在具体设计的环节上,是不是能够较好的满足各类用户的基本功能需求,如果不能较好的满足用户需求,那么这个系统的存在是没有价值的。软件系统的非功能性求分析,从7个方面展开,一个是性能分析,针对系统;一个是安全分析,针对系统,一个是完整度分析,针对系统,一个是可维护分析,针对系统,一个是可扩展性分析,针对系统,一个是适应业务的性能分析。面对教学互动平台存在的性能、安全、扩展、完整度等7个方面性能综合比对分析后发现,需要相应的非功能性需求分析。
- 安全性需求分析
- 系统的安全性
安全性对每一个系统来说都是非常重要的。安全性很好的系统可以保护企业的信息和用户的信息不被窃取。提高系统的安全性不仅是对用户的负责,更是对企业的负责。尤其针对于教学互动平台来说,必须要有很好的安全性来保障整个系统。
系统具有对使用者有权限控制,针对角色的不通限制使用者的权限,以此来确保系统的安全性。
- 数据的安全性
数据库中的数据是从外界输入的,当数据的输入时,由于种种原因,输入的数据会无效,或者是脏数据。因此,怎样保证输入的数据符合规定,成为了数据库系统,尤其是多用户的关系数据库系统首要关注的问题。
因此,在写入数据库时,要保证数据完整性、正确性和一致性。
- 数据流程分析
对系统的数据流进行分析,系统的使用者分为二类,一般用户(学生、老师),管理员。系统主要对界面信息传送,登录信息的验证,注册信息的接收,用户各种操作的响应做处理。
系统顶层数据流图如下图所示。
![](https://i-blog.csdnimg.cn/blog_migrate/bb388cf23290667502fb7e38da2c2db1.png)
图3-2 顶层数据流图
要判断用户是是什么身份,是根据登录的数据来判断后,跳转到对应的功能界面。在系统的内部用户就可以对数据进行操作,数据库中心就可以接收到系统传输的有效数据流来对数据sql语句进行对应操作。
系统底层数据流图如下图所示。
![](https://i-blog.csdnimg.cn/blog_migrate/38725866232b2eacc29dce873cc2a397.png)
图3-3 底层数据流图
系统可以分为前台和后台两部分,每一种操作后系统都返回操作结果。前台和后台的数据连接主要通过数据库,既分别对数据库做不同的操作。
- 系统设计
- 系统架构设计
初中历史专题教学网站的架构设计主要分为可以3层,主要有Web层,业务层,Model层。其中web层还包括View层和Controller层,Model层包括元数据扩展层和数据访问层。
系统架构如下图所示。
![](https://i-blog.csdnimg.cn/blog_migrate/96391318f17b99cc5d388abc70d3cff4.png)
图4-1 系统架构
- 系统总体设计
初中历史专题教学网站总体分为前台用户模块和后台管理员模块。
两个模块表现上是分别独立存在,但是访问的数据库是一样的。每一个模块的功能都是根据先前完成的需求分析,并查阅相关资料后整理制作的。
综上所述,系统功能结构图如下图所示。
![](https://i-blog.csdnimg.cn/blog_migrate/e0328d353717eb2cde32ba38643b1e99.png)
图4-2 系统功能结构图
- 系统功能设计
登录模块:登录模块是进入系统的入口,所有用户必须登录后才能访问系统。登录需要输入用户名和密码,如果多次尝试登录需要输入验证码。登录时需要选择用户的角色,是一般用户还是管理员登录等。登录成功后,会通过数据库获取用户的权限,并跳转至用户的主页面。
课程资料模块:课程资料模块可以发布最新课程课程资料等信息,包括课程资料标题、开源、分类、点击量以及正文内容等。
历史科普模块:用户可以在线进行历史科普知识浏览,课程学习操作等。
学生作业模块:管理员对学生学生作业信息有维护的权限。
- 数据需求分析
从前面可以分析到数据库中最重要的是课程信息,学生信息,教师信息,课程信息,历史科普信息。分析可以得到如下数据描述:
学生:用于记录学生的各种信息,包括学号、密码、姓名、性别、身份证、电话、院系、班级、照片、是否审核等数据项。
课程:存放给课程的内容,包括课程编号、课程名称、发布时间、教学年段、课程视频、课程附件、发布人等数据项。
教师:存储各种教师信息。包括职工号、密码、姓名、性别、身份证、电话、职称、照片、是否审核等数据项。
历史科普列表:存储平历史科普知识列表内容。
- 数据库概念设计
根据前面的数据流程图,结合系统的功能模块设计,设计出符合系统的各信息实体。
系统ER图如下图所示。
![](https://i-blog.csdnimg.cn/blog_migrate/cfddffdfb21b9a36e92ab1c1634a7fa3.png)
图4-3 系统ER图
- 数据库表设计
初中历史专题教学网站所拥有的数据表有以下:学生信息表,课程信息表,教师信息表,历史科普表,学生作业表等。
由于数据表较多,只展示系统主要数据表,如下表所示。
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 | 是 | 否 | 更新时间 |
student表:
名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
student_id | int | 11 | 是 | 是 | 学生ID |
student_number | varchar | 64 | 是 | 否 | 学号 |
student_name | varchar | 64 | 否 | 否 | 学生姓名 |
class_name | varchar | 64 | 否 | 否 | 班级名称 |
examine_state | varchar | 16 | 是 | 否 | 审核状态 |
recommend | int | 11 | 是 | 否 | 智能推荐 |
user_id | int | 11 | 是 | 否 | 用户ID |
create_time | datetime | 0 | 是 | 否 | 创建时间 |
job_submission表:
名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
job_submission_id | int | 11 | 是 | 是 | 作业提交ID |
course_name | varchar | 64 | 否 | 否 | 课程名称 |
teacher | int | 11 | 否 | 否 | 任课老师 |
job_name | varchar | 64 | 否 | 否 | 作业名称 |
student_number | int | 11 | 否 | 否 | 学号 |
student_name | varchar | 64 | 否 | 否 | 学生姓名 |
class_name | varchar | 64 | 否 | 否 | 班级名称 |
job_attachment | varchar | 255 | 否 | 否 | 作业附件 |
submission_content | longtext | 0 | 否 | 否 | 提交内容 |
recommend | int | 11 | 是 | 否 | 智能推荐 |
create_time | datetime | 0 | 是 | 否 | 创建时间 |
update_time | timestamp | 0 | 是 | 否 | 更新时间 |
course_materials表:
名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
course_materials_id | int | 11 | 是 | 是 | 课程资料ID |
course_name | varchar | 64 | 否 | 否 | 课程名称 |
teacher | int | 11 | 否 | 否 | 任课老师 |
data_name | varchar | 64 | 否 | 否 | 资料名称 |
cover | varchar | 255 | 否 | 否 | 封面 |
data_video | varchar | 255 | 否 | 否 | 资料视频 |
relevant_attachments | varchar | 255 | 否 | 否 | 相关附件 |
information_introduction | longtext | 0 | 否 | 否 | 资料介绍 |
hits | int | 11 | 是 | 否 | 点击数 |
praise_len | int | 11 | 是 | 否 | 点赞数 |
recommend | int | 11 | 是 | 否 | 智能推荐 |
create_time | datetime | 0 | 是 | 否 | 创建时间 |
update_time | timestamp | 0 | 是 | 否 | 更新时间 |
course_materials表:
名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
course_materials_id | int | 11 | 是 | 是 | 课程资料ID |
course_name | varchar | 64 | 否 | 否 | 课程名称 |
teacher | int | 11 | 否 | 否 | 任课老师 |
data_name | varchar | 64 | 否 | 否 | 资料名称 |
cover | varchar | 255 | 否 | 否 | 封面 |
data_video | varchar | 255 | 否 | 否 | 资料视频 |
relevant_attachments | varchar | 255 | 否 | 否 | 相关附件 |
information_introduction | longtext | 0 | 否 | 否 | 资料介绍 |
hits | int | 11 | 是 | 否 | 点击数 |
praise_len | int | 11 | 是 | 否 | 点赞数 |
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_name | varchar | 64 | 否 | 否 | 班级名称 |
remarks | text | 0 | 否 | 否 | 备注 |
recommend | int | 11 | 是 | 否 | 智能推荐 |
create_time | datetime | 0 | 是 | 否 | 创建时间 |
update_time | timestamp | 0 | 是 | 否 | 更新时间 |
course_assignment表:
名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
course_assignment_id | int | 11 | 是 | 是 | 课程作业ID |
course_name | varchar | 64 | 否 | 否 | 课程名称 |
teacher | int | 11 | 否 | 否 | 任课老师 |
job_name | varchar | 64 | 否 | 否 | 作业名称 |
relevant_attachments | varchar | 255 | 否 | 否 | 相关附件 |
submission_date | date | 0 | 否 | 否 | 提交日期 |
job_content | longtext | 0 | 否 | 否 | 作业内容 |
recommend | int | 11 | 是 | 否 | 智能推荐 |
create_time | datetime | 0 | 是 | 否 | 创建时间 |
update_time | timestamp | 0 | 是 | 否 | 更新时间 |
- 系统实现
- 数据库访问层的实现
该系统是通过jdbc和Mysql达成连接的,新建一个jdbc.properties文件来填写与数据库连接所需要的驱动和参数。
jdbc.driverClass=com.Mysql.jdbc.Driver
jdbc.url=jdbc:Mysql://localhost:3306/tsi
jdbc.username=root
jdbc.password=123
第一个参数代表Mysql数据库的驱动,第二个参数代表要连接的数据库,第三个和第四个参数代表数据库连接名和密码。
后台与数据库访问主要是通过HQL语句来进行查询的,查询语句中的表名是表格的实体类名,在这种查询语句中*是不允许使用的,除非适合聚合函数一起使用才可以。
- 注册模块的实现
用户在填写数据的时候必须与注册页面上的验证相匹配否则会注册失败,注册页面的表单验证是通过JavaScript进行验证的,用户名的长度必须在6到18之间,邮箱必须带有@符号,密码和密码确认必须相同,你输入的密码,系统会根据你输入密码的强度给出指定的值,电话号码和身份证号码必须要求输入格式与生活相符合,当你前台验证通过的时候你点击注册,表单会将你输入的值通过name值传递给后台并保存到数据库中。
用户注册流程图如下图所示。
![](https://i-blog.csdnimg.cn/blog_migrate/6616dab075b5d855159dc2060195c5bd.png)
图5-1用户注册流程图
用户注册界面如下图所示。
![](https://i-blog.csdnimg.cn/blog_migrate/20df35c1419b62d9071cf2da3ea54d88.png)
图5-2用户注册界面
用户注册的关键代码如下。
public function state()
{
$accessTokenModel = new AccessTokenModel();
$token = Request::header('x-auth-token');
if (!empty($token)) {
$result = $accessTokenModel->getToken($token);
if($result){
$data['result'] = $result;
}else{
$data['error'] = 30000;
$data['message'] = '未登录';
}
// $data = $result;
} else {
$data['error'] = 30000;
$data['message'] = "token的值不能为空!";
}
return json_encode($data);
}
public function getToken($token){
$token_info = $this->where(['token'=>$token])->find();
if ($token_info){
$time = date('Y-m-d H:i:s');
$create_time = $token_info['create_time'];
$bol_time = date('Y-m-d H:i:s',strtotime('+2 hour',strtotime($create_time)));
$info = json_decode($token_info['info'],true);
$info['token'] = $token_info['token'];
if ($bol_time>=$time){
return $info;
}else{
return false;
}
}else{
return false;
}
}
- 登录模块的实现
主要由两部分组成,登录前的登录界面以及登录后的用户功能界面。登录界面,要求用户输入用户名和密码,当用户名和密码其中一个输入为空时,给出提示“用户名,密码不能为空”。获取用户名和密码后到数据库中查找,如果用户名存在,以及对应的密码正确,则登录成功,否则登录失败。登录失败后给出提示,并把焦点停在文本框中。登录成功后将该次会话的全局变量username设置为用户名。登录成功后进入会员的功能模块,主要有会员基本信息修改,已经发布课程信息管理,发布信息,和退出功能。退出功能是清除全局变量username的值,并跳回到首页。
登录流程图如下图所示。
![](https://i-blog.csdnimg.cn/blog_migrate/d04e04558158f7661710125c2ddd8a80.png)
图5-3登录流程图
用户登录界面如下图所示。
![](https://i-blog.csdnimg.cn/blog_migrate/88c7dd31f575a97bf94469e849826532.png)
图5-4用户登录界面
用户登录的关键代码如下。
public function change_password()
{
$accessTokenModel = new AccessTokenModel();
$token = Request::header('x-auth-token');
if (!empty($token)) {
$result = $accessTokenModel->getToken($token);
if (Request::isPost()) {
$get = Request::get();
$keys = array_keys($get);
$where = [];
if ($result) {
$where[] = ["user_id", '=', $result['user_id']];
$i = 0;
foreach ($get as $key => $val) {
$where[] = [$keys[$i], '=', $val];
$i++;
}
$request = Request::post();
$request['update_time'] = isset($request['update_time']) ? $request['update_time'] : date('Y-m-d H:i:s');
$result = $this->validate($request, $this->validate);
$new_password['password'] = $request['password'];
if (true !== $result) {
// 验证失败 输出错误信息
$data['error'] = 30000;
$data['message'] = $result;
} else {
$result = $this->model->change_password($new_password, $this->table, $this->table_id, $where);
$data = $result;
}
} else {
$data['error'] = 30000;
$data['message'] = "token错误或失效,未查询到用户数据";
}
} else {
$data['error'] = 30000;
$data['message'] = "field的值不能为空!";
}
} else {
$data['error'] = 30000;
$data['message'] = "token的值不能为空!";
}
return json_encode($data);
}
- 用户资料修改模块的实现
用户登录/注册成功之后可以修改自己的基本信息。修改页面的表单中每一个input的name值都要与实体类中的参数相匹配,在用户点击修改页面的时候,如果改后用户名与数据库里面重复了,页面会提示该用户名已经存在了,否则通过Id来查询用户,并将用户的信息修改为表单提交的数据。
- 课程资料模块的实现
如果课程资料的信息需要修改,管理员可以通过查询课程资料的基本信息来查询课程资料,查询课程资料是通过ajax技术来进行查询的,需要传递课程资料的标题、编号等参数然后在返回到该页面中,可以选中要修改或删除的那条信息,如果选中了超过一条数据,页面会挑一个窗口提醒只能选择一条数,如果没有选中数据会挑一个窗口题型必须选择一条数据。当选择确认修改的时候,后台会根据传过来的id到数据库查询,并将结果返回到修改页面中,可以在修改页面中修改刚刚选中的信息当点击确认的时候from表单会将修改的数据提交到后台并保存到数据库中,就是说如果提交的数据数据库中存在就修改,否则就保存。
课程资料展示界面如下图所示。
![](https://i-blog.csdnimg.cn/blog_migrate/55e5980f4318fb2cf4c43c0773b463d7.png)
图5-5课程资料展示界面
课程资料的关键代码如下。
public function avg_group()
{
$request = Request::param();
if (isset($request['groupby']) && isset($request['field'])) {
if (!empty($request['groupby']) && !empty($request['field'])) {
$result = $this->model->avg_group($request, $this->table, $this->table_id);
$data = $result;
} else {
$data['error']['code'] = 30000;
$data['error']['message'] = "groupby或者field的值不能为空!";
}
} else {
$data['error']['code'] = 30000;
$data['error']['message'] = "groupby或者field的值不能为空!";
}
return json_encode($data);
}
- 学生管理模块的实现
管理员可以对学生信息进行管理。将页面session中的用户账号userId和发表学生管理文字框内容传入控制层LiuyanAction,调用addLiuyan方法,通过LiuyanDAOImp向数据库学生管理表插入,将结果返回lyb.jsp界面。
学生管理添加流程图如下图所示。
![](https://i-blog.csdnimg.cn/blog_migrate/49efe2624759aed3c50e4013836e7034.png)
图5-6学生管理添加流程图
学生管理发表界面如下所示。
![](https://i-blog.csdnimg.cn/blog_migrate/e2835510f1a98ba4d508227725ac74c3.png)
图5-7学生管理界面
学生管理关键代码如下。
public function sum()
{
$request = Request::param();
if (isset($request['field'])) {
if (!empty($request['field'])) {
$result = $this->model->sum_field($request, $this->table, $this->table_id);
$data = $result;
} else {
$data['error']['code'] = 30000;
$data['error']['message'] = "field的值不能为空!";
}
} else {
$data['error']['code'] = 30000;
$data['error']['message'] = "field的值不能为空!";
}
- 历史科普管理模块的实现
此页面的关键是编写历史科普信息,包括历史科普内容,试题等。单击提交按钮以完成信息的添加。如果未写入完整的历史科普信息,例如,如果未写入历史科普编号,系统将给出相应的错误提示,并且无法成功输入。数据以概念的形式以onsubmit =“return checkForm()”的形式写入以进行检查,checkForm()函数是一种用于写入数据的不同类型的校对方法,是不是为空也是经过form表单中的οnsubmit=”return checkForm()来检查。
管理员点击左侧菜单“历史科普管理”,页面跳转到历史科普信息管理外观,调用后台历史科普查询所有历史科普信息。并将信息密封到数据集合List,绑定到请求对象,然后页面跳转到相应的jsp,显示出历史科普信息,单击删除按钮完成历史科普信息的删除。
历史科普管理流程图如下图所示。
![](https://i-blog.csdnimg.cn/blog_migrate/b98bbc11c622a811eaf560973569443a.png)
图5-8历史科普管理流程图
历史科普管理界面如下图所示。
![](https://i-blog.csdnimg.cn/blog_migrate/240c03617abafd92606fe3bb22fb7f84.png)
图5-9历史科普管理界面
历史科普管理的关键代码如下。
public function set()
{
if (Request::isPost()) {
$get = Request::get();
$where = [];
foreach($get as $k => $g){
//过滤参数中的页码信息
if($k != 'page' && $k != 'size'){
$where[$k] = $g;
}
}
$request = Request::post();
if($this->table != 'user'){
$request['update_time'] = isset($request['update_time']) ? $request['update_time'] : date('Y-m-d H:i:s');
}
$result = $this->validate($request, $this->validate);
if (true !== $result) {
// 验证失败 输出错误信息
$data['error'] = 30000;
$data['message'] = $result;
} else {
$result = $this->model->set($request, $this->table, $this->table_id, $where);
$data = $result;
}
} else {
$data['error']['code'] = 30000;
$data['error']['message'] = "field的值不能为空!";
}
return json_encode($data);
}
- 教师管理模块的实现
根据需求,需要对教师进行注册、删除或修改详情信息。删除或修改教师时,系统根据教师的状态判定为可删除状态下,才会给出删除和修改链接,点击删除链接按钮时,请求到达后台,还会先查询教师状态再次做出判定能否删除。点击修改链接按钮时,会跳转到修改信息的页面,重新填写好数据后,数据提交到后台会对数据库中相应的记录做出修改。
注册教师时,会给出数据填写的页面,该页面根据填写好的教师编号同样会事先发送Ajax请求查询编号是否已存在,数据填写好之后提交到后台,会调用相关服务在数据库中插入记录。
教师管理流程图如下图所示。
![](https://i-blog.csdnimg.cn/blog_migrate/fede89f951764fb82268139c0138b530.png)
图5-10教师管理流程图
教师登录页面设计效果如下图所示。
![](https://i-blog.csdnimg.cn/blog_migrate/71acc8fa5100a0ed7abee1b7f7e7f891.png)
图5-11教师登录界面
教师管理页面效果如下图所示。
![](https://i-blog.csdnimg.cn/blog_migrate/c845b226213fcfedfbca3b9aa9a7f3ae.png)
图5-12教师管理界面
教师登录的关键代码如下。
public function register()
{
if (Request::isPost()) {
$request = Request::param();
$request['create_time'] = isset($request['create_time']) ? $request['create_time'] : date('Y-m-d H:i:s');
$request['update_time'] = isset($request['update_time']) ? $request['update_time'] : date('Y-m-d H:i:s');
$result = $this->validate($request, $this->validate);
if (true !== $result) {
// 验证失败 输出错误信息
$data['error'] = 30000;
$data['message'] = $result;
} else {
$request['password'] = md5($request['password']);
$result = $this->model->register($request, $this->table);
$data = $result;
}
} else {
$data['error'] = 30000;
$data['message'] = "field的值不能为空!";
}
return json_encode($data);
}
public function register($request=[],$table_name = ''){
$username = $request['username'];
$bol = $this->where(['username'=>$username])->find();
if (!$bol){
$result = self::allowField(true)->save($request);
if ($result) {
return ['result' => 1];
} else {
return ['error' => ['code' => 3000, 'message' => '注册失败']];
}
}else{
return ['error' => ['code' => 3000, 'message' => '注册失败,账号已存在']];
}
}
- 课程作业模块的实现
管理员管理成绩信息,用户点击想要观看的成绩信息进入播放界面,浏览器自动播放该成绩信息,成绩信息播放通过调用html的<video>标签,将播放文件路径参数传入,完成播放,在play.jsp实现成绩信息的播放。
成绩信息流程图如下图所示。
![](https://i-blog.csdnimg.cn/blog_migrate/95e01aaa75a5ada596e03e9c6d219d35.png)
图5-13成绩信息流程图
课程作业界面如下图所示。
![](https://i-blog.csdnimg.cn/blog_migrate/167b3686eac643b6c2b6aee1b4e07e6e.png)
图5-14课程作业界面
课程作业代码如下所示。
public function add()
{
if (Request::isPost()) {
$request = Request::param();
$request['create_time'] = isset($request['create_time']) ? $request['create_time'] : date('Y-m-d H:i:s');
$request['update_time'] = isset($request['update_time']) ? $request['update_time'] : date('Y-m-d H:i:s');
$result = $this->validate($request, $this->validate);
if (true !== $result) {
// 验证失败 输出错误信息
$data['error'] = 30000;
$data['message'] = $result;
} else {
if($this->table == 'user'){
$request['password'] = md5($request['password']);
}
$res = $this->add_before($request, $this->table, $this->table_id);
if($res['code'] == 200){
$result = $this->model->add($request, $this->table, $this->table_id);
$this->add_after($this->table);
$data = $result;
}else{
$data['error'] = $res;
}
}
} else {
$data['error']['code'] = 30000;
$data['error']['message'] = "field的值不能为空!";
}
return json_encode($data);
}
- 系统测试
- 测试目的
对任何系统而言,测试都是必不可少的环节,测试可以发现系统存在的很多问题,所有的软件上线之前,都应该进行充足的测试之后才能保证上线后不会Bug频发,或者是功能不满足需求等问题的发生。下面分别从单元测试,功能测试和用例测试来对系统进行测试以保证系统的稳定性和可靠性。
- 功能测试
下表是系统登录功能测试用例,检测了用户名和密码的不同的输入情况,观察系统的响应情况。得出该功能达到了设计目标。
表6-1 系统登录功能测试用例
功能描述 | 用于系统登录 | |
测试目的 | 检测登录时的合法性检查 | |
测试数据以及操作 | 预期结果 | 实际结果 |
输入的用户名和密码带有非法字符 | 提示用户名或者密码错误 | 与预期结果一致 |
输入的用户名或者密码为空 | 提示用户名或者密码错误 | 与预期结果一致 |
输入的用户名和密码不存在 | 提示用户名或者密码错误 | 与预期结果一致 |
输入正确的用户名和密码 | 登录成功 | 与预期结果一致 |
下表是注册功能测试用例,检测了各种数据的输入情况,观察系统的响应情况。得出该功能达到了设计目标。
表6-2 注册功能测试用例
功能描述 | 用于用户注册 | |
测试目的 | 检测用户注册时的合法性检查 | |
测试数据以及操作 | 预期结果 | 实际结果 |
输入的手机号不合法 | 提示请输入正确的手机号码 | 与预期结果一致 |
输入的字段为空 | 提示必填项不能为空 | 与预期结果一致 |
输入的密码少于6位 | 提示密码必须为6-12位 | 与预期结果一致 |
输入的密码大于12位 | 提示密码必须为6-12位 | 与预期结果一致 |
下表是课程资料管理功能的测试用例,检测了课程资料管理中对课程资料信息的增加,删除,修改,查询操作是否成功运行。观察系统的响应情况,得出该功能也达到了设计目标,系统运行正确。
前置条件;用户登录系统。
表6-3 课程资料管理的测试用例
功能描述 | 用于课程资料管理 | |
测试目的 | 检测课程资料管理时的各种操作的运行情况 | |
测试数据以及操作 | 预期结果 | 实际结果 |
点击添加课程资料,必填项合法输入,点击保存 | 提示添加成功 | 与预期结果一致 |
点击添加课程资料,必填项输入不合法,点击保存 | 提示必填项不能为空 | 与预期结果一致 |
点击修改课程资料,必填项修改为空,点击保存 | 提示必填项不能为空 | 与预期结果一致 |
点击修改课程资料,必填项输入不合法,点击保存 | 提示必填项不能为空 | 与预期结果一致 |
点击删除课程资料,选择课程资料删除 | 提示删除成功 | 与预期结果一致 |
点击搜索课程资料,输入存在的课程资料名 | 查找出课程资料 | 与预期结果一致 |
点击搜索课程资料,输入不存在的课程资料名 | 不显示课程资料 | 与预期结果一致 |
- 性能测试
使用阿里云PTS(Performance Testing Service)性能测试服务对线上系统进行压力测试。线上服务器环境为:1核心CPU,1G内存,1Mbps公网带宽,Centos7.0操作系统。
压测过程中使用了2台并发机器,每台机器20个用户并发,对系统主页,登录,数据查询和数据维护等模块进行并发访问,测试结果是有40个用户并发时,数据管理相关页面的响应时间甚至达到了7s,通过查看服务器出网流量发现已经达到1381kb/s,可以看出服务器的带宽已经达到峰值,如果系统使用5Mbps的带宽,系统的响应时间和TPS将会大大增加。在整个测试的过程中,CPU的使用率占用仅8%,也提现出带宽瓶颈对系统的影响非常严重。
- 总结与展望
随着计算机互联网技术的迅猛发展,各行各业都已经实现采用计算机相关技术对日益放大的数据进行管理。该课题是初中历史专题教学网站为核心展开的,主要是为了实现线上学习、在线测试和学生获得多样性学习课程资料的需求。
初中历史专题教学网站的开发是以Thinkphp框架作为基础,在Myeclipse平台上完成编码工作,系统整体为B/S架构,数据库系统使用Mysql。文中详细分析了初中历史专题教学网站的研究背景、研究目的和意义、开发工具和相关技术以及系统需求、系统详细设计和系统测试等等一系列内容。系统实现了初中历史专题教学网站所需的一些基本功能,并通过测试对这些实现的功能进行了完善,进而提高了系统整体的实用性。系统投入运行时,各功能均运行正常。系统的每个界面的操作符合常规逻辑,对使用者来说操作简单,界面友好。整个系统的各个功能设计合理,体现了人性化。
但是由于自己在系统开发过程中对一些用到的相关知识和技术掌握不够牢固,再加上自身开发经验欠缺,因此系统在有些方面的功能还不够完善,考虑的不够全面,因此整个系统还有待日后逐步完善。
参考文献
[1]胡广,肖飞.跨课程PBL教学法在化学小分子设计和优化平台开发中的应用[J].广东化工,2021,48(24):263-264+246.
[2]刘君.基于人工智能的跨专业实验初中历史专题教学网站云桌面构建研究[J].湖北经济学院学报(人文社会科学版),2022,19(01):147-149.
[3]Lipeng Gao,Wei Zheng,Hongping Gan,Depeng Gao,Xikang Feng.Research and Practice of Hybrid Teaching for Software Testing based on Interactive Learning[J].计算机教育,2021(12):126-131.DOI:10.16512/j.cnki.jsjjy.2021.12.020.
[4]李洋.跨平台模块化商业数据分析实验教学系统构建[J].中国现代教育装备,2021(21):9-11.
[5]Ju XING,Jiadong TIAN,Zexun JIANG,Jiali CHENG,Hao YIN.Jupiter: a modern federated learning platform for regional medical care[J].Science China(Information Sciences),2021,64(10):152-165.
[6]孙玉凤.基于SPOC+文化交际课程教学模式探究[J].福建技术师范学院学报,2021,39(04):424-429.
[7]张琦. 基于uni-app的在线平台数字教材系统研发[D].北京印刷学院,2021.
[8]沈仕巡,余朝静,杨胜林,徐同伟,任广.基于智慧教室的非机院校机械课程教学模式探究——以茅台学院为例[J].现代信息科技,2021,5(09):188-191.
[9]陈成佑,林廷劈.基于HTML5的个性化移动初中历史专题教学网站研究与建设[J].数字技术与应用,2021,39(02):222-224.
[10]谌莉.基于混合式教学的多平台联动课程思政教学模式——以《跨文化交际》为例[J].安徽电子信息职业技术学院学报,2021,20(01):62-65.
[11]王青芝.基于物联网的跨专业融合教学系统的研究[J].电子元器件与信息技术,2021,5(01):150-152.
[12]张明,李晓冬.线上线下混合实践教学课件相关技术研究[J].科技风,2020(34):86-87.
[13]黎洋洋,任佳宇,纪洪波.基于JavaScript的平台教学辅助课件设计[J].信息与电脑(理论版),2020,32(22):91-93.
[14]王莉,韩华英.“互联网+”跨境电商课程线上教学模式探索[J].现代信息科技,2020,4(20):181-184.
[15]柯丽双.MsgConnect平台教学模式的研究与设计[J].福建电脑,2020,36(07):39-43.
[16]王变飞,田香园,马占明.计算机教学辅助平台的设计[J].农家参谋,2020(06):271.
[17]金奕成.基于“互联网+”背景下移动初中历史专题教学网站混合式教学模式探讨——以《跨境电子商务实践》教学为例[J].职业,2019(21):95-97.
[18]刘蕾,刘冰月.基于BOPPPS教学模型的平台移动开发课程教学设计[J].软件工程,2019,22(05):49-52.
致谢
本次设计历时3个月。在这个毕业设计中,它离不开指导教师的指导,使事情基本顺利。指导老师无论是在毕业设计历经中,还是在论文做完中都给了了我特别大的助益。另1个方面,教师认真负责的工作姿态,谨慎的教学精神厚重的理论水准都使我获益匪浅。他勤恳谨慎的教学育人学习姿态也给我留下了特别特别深的感觉。我从老师那里学到了很多东西。在理论和实践中,我的技能得到了特别大的提高。在此,特向教师表示由衷的感激。
经过对该毕业设计的全部研究和开发,我的系统研发经历了从需求分析到实现详细功能,再到最终测试和维护的特殊进展。让我对系统研发有了更深层次的认识。如今我的动手本领单独处理疑惑的本领也获取到了特别大的演练学习增多,这是这次毕业设计最好的收获。
最后,在整个系统开发过程中,我周围的同学和朋友给了我很多意见,所以我很快就确认了系统的商业思想。在次,我由衷的向他们表示感激。