近代史在线学习平台的设计与实现_第1页
近代史在线学习平台的设计与实现_第2页
近代史在线学习平台的设计与实现_第3页
近代史在线学习平台的设计与实现_第4页
近代史在线学习平台的设计与实现_第5页
已阅读5页,还剩42页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

近代史在线学习平台PAGE近代史在线学习平台的设计与实现TheDesignandImplementationofModernHistoryOnlineLearningPlatformPAGE40摘要“以史为鉴,可以知兴替”,这句话告诉我们学习历史的重要性和意义。历史是全人类智慧的共同结晶,值得所有人鼓掌惊叹,然而在物欲横流的社会中,人们每天都在为生活忙碌、为理想奋斗,极易因时间不够而忽视对历史的学习。对被保护在避风港中的我们来说,由于整个社会的普遍共识是只要我们学好自己的专业知识就足够了,其他课程仅仅以不挂科作为评判好坏的依据,而我们也十分乐意遵从这样的理念,像完成“任务”一样随意地度过了不长不短的四年,因此更不容易潜心下来学习历史知识。基于此,教育部将《中国近现代史》作为所有在校本科生的一门公共必修课,以强制的手段避免我们忽视对历史知识的学习。从另一方面来看,随着近年来本科毕业的学生逐渐增多,就业压力持续加大,学历在找工作时成为十分重要的筹码,能够让他们在求职人群中脱颖而出,因此为了提高自身在找工作的竞争力,获取更高的学历成为大家争相竞逐的目标,这导致考研人数近年来不断攀升。《中国近现代史》在考研政治中占据重要地位,且政治是每位考生必考的科目,故学好该课程对提高考研成绩十分有益。然而纵观整个市场,能帮助大学生学习《中国近现代史》的产品少之又少,仅仅依靠课本和本科生的自觉性去完成一门科目是一件很困难的事情。因此,为解决这一问题,可设计一个适合大学生的近代史在线学习平台,用来帮助本科生完成对《中国近现代史》这门课程的学习。近代史在线学习平台(ModernHistoryOnlineLearningPlatform)是一个面向所有学生的学习平台,可以让大家在学习时不受时间和空间的限制,有效利用课余时间进行全面深入的学习。本科生可以通过该平台了解自身在《中国近现代史》学科的知识盲点,还可以利用该平台对《中国近现代史》学科进行在线测试。近代史在线学习平台以WampServer和Eclipse为开发工具,采用PHP编程语言和MySQL数据库实现。主要功能模块包括:顺序练习、在线考试、错题练习、查看学习情况、修改用户信息等。本系统还设置了用户和管理员两种不同的用户类型,确保了系统的安全性和可靠性。关键词:近代史;考研;PHP;MySQL

Abstract"Takehistoryasalesson,wecanknowtheriseandfall."Thissentencetellsustheimportanceandsignificanceoflearninghistory.Historyisthecommoncrystallizationofhumanwisdom,whichdeserveseveryone'sapplauseandamazement.However,inamaterialisticsociety,peoplearebusywiththeirlivesandstrivefortheiridealseveryday,andtheyareapttoneglectthestudyofhistorybecauseoflackoftime.Forthoseofuswhoareprotectedinthesafeharbor,thegeneralconsensusofthewholesocietyisthataslongaswelearnourprofessionalknowledgewell,othercoursesarejudgedonlyonthebasisofnotfailingtoattendclasses,andwearealsoverywillingtofollowtheconceptof"task"andspendfouryearsatwill,soitisnoteasytoconcentrateonlearningknowledgeofhistory.Ontheotherhand,withthegraduationofundergraduatestudentsincreasinginrecentyears,employmentpressurecontinuestoincrease,academicqualificationshavebecomeaveryimportantbargainingchipinjob-hunting,whichcanmakethemstandoutamongjob-seekers.Therefore,inordertoimprovetheircompetitivenessinjobhunting,toobtainhighereducationhasbecomeacompetitivegoal,whichhasledtotheincreasingnumberofpostgraduateentranceexamsinrecentyears.ModernChineseHistoryoccupiesanimportantpositioninpostgraduatepolitics,andpoliticsisacompulsorysubjectforeveryexaminee.Soitisveryhelpfultoimprovethepostgraduateexaminationresults.However,throughoutthemarket,therearefewproductsthatcanhelpcollegestudentslearnModernandContemporaryHistoryofChina.ItisverydifficulttocompleteasubjectonlybyrelyingontextbooksandUndergraduates'consciousness.Therefore,inordertosolvethisproblem,wecandesignanonlinelearningplatformforcollegestudentstohelpundergraduatescompletethecourseofModernChineseHistory.ModernHistoryOnlineLearningPlatformisalearningplatformforallstudents.Itcanenableeveryonetostudyinanall-roundandin-depthwaywithoutthelimitationoftimeandspace.UndergraduatescanunderstandtheirknowledgeblindspotsinthesubjectofModernChineseHistorythroughtheplatform,andcanusetheplatformtoself-test;moreover,throughthestudyofmodernhistory,studentscanalsoimprovetheirideologicalandmorallevel.WampServerandEclipseareusedasdevelopmenttools,andPHPprogramminglanguageandMySQLdatabaseareusedtoimplementtheonlinelearningplatformofmodernhistory.Themainfunctionmodulesinclude:sequentialexercises,onlineexams,wrongexercises,checkinglearningsituation,modifyinguserinformation,etc.Thesystemalsosetsuptwodifferenttypesofuserstoensurethesecurityandreliabilityofthesystem.Keywords:ModernHistory;postgraduateentranceexamination;PHP;MySQL

目录摘要 IAbstract II目录 IV第1章绪论 11.1前言 11.2开发背景 11.3可行性分析 21.3.1操作可行性分析 21.3.2经济可行性分析 21.3.3技术可行性分析 2第2章开发工具及其简介 32.1WampServer主要特点 32.2MySQL简介 32.3PHP简介 32.4Eclipse主要特点 4第3章开发环境搭建 53.1搭建开发环境步骤 53.1.1WampServer3.0安装 53.1.2Eclipse安装 83.2WampServer使用简介 93.3Eclipse使用简介 10第4章系统的概要设计 134.1系统功能结构图 134.2系统数据库设计 134.2.1概念设计 134.2.2物理设计 154.3数据库的创建 164.4数据表的实现 16第5章系统的详细设计及实现 195.1系统流程概述 195.1.1系统流程图 195.1.2登录流程图 205.2注册模块设计及实现 205.3登录模块设计及实现 235.4主界面的设计及实现 245.5顺序练习模块 265.6随机练习模块 275.7章节练习模块 285.8在线考试模块 295.9错题练习模块 315.10修改信息模块 325.11学习情况模块 325.11.1考试成绩单 325.11.2成绩分布折线图 335.11.3错题分布扇形图 335.12管理员功能 345.12.1显示/删除用户信息模块 345.12.2用户成绩单模块 355.12.3设置考试范围 36第6章总结与展望 376.1本文总结 376.2工作展望 37参考文献 39致谢 40第1章绪论1.1前言一个民族的历史,承载着这个民族的集体记忆。近代以来,那些照耀史册的民族英雄为改变中华民族半殖民地半封建的国情和中华民族的伟大复兴贡献了自己的聪明才智,让中国这个古老的东方大国创造了人类历史上前所未有的发展奇迹。因此,了解自己民族的历史,不仅可以增强我们作为中国人的民族自豪感,而且会增强我们对中华文明的文化认同感,这样的情感势必会由内而外地影响到我们的生活和言行。随着现代社会和科技高速发展,市场人才需求量不断扩大;对于有些想要走到更高阶层的人群来说,怎样才能在人群中脱颖而出,在市场上提高自身的竞争力,成为了他们不得不思考的问题,所以考研必定是大势所趋,人心所向。此外,从近几年的社会竞争激烈程度来看,未来几年考研人数只增不减!因此,考研对本科生而言将是一条实现人生价值的必由之路。众所周知,政治在考研中占据重要地位,《中国近现代史》是考研政治的一门重要学科。对文科同学而言,高中三年的文综学习经验能让他们快速拾起近代史这一学科;但对理科和工科的同学来说,近代史必然成为一道难过的槛。1.2开发背景近代史在一个民族和国家中的地位和作用是客观存在的,这种客观性是由物质和意识,经济基础与上层建筑的辩证关系决定的。学习近代史,不仅能培养中国人民的爱国主义精神、提高国民文化素质,而且对学生的思想政治教育工作和本科生的考研学习具有重要意义。随着计算机信息技术的快速发展和电脑、手机等电子设备的逐渐生活化,大学生拥有电脑的比例超过95%,网上学习逐渐成为课堂教学以外学生获取知识最为重要的渠道。近代史的学习不仅注重往日阅读积累,同其他学科一样,也需要通过大量的练习来巩固和强化课本的知识。因此,我开发了近代史在线学习平台,在校学生可以通过这一平台在课堂外对《中国近现代史》课程涉及的重点、难点进行全面的梳理和学习,进一步加深对该课程内容的理解;利用该平台帮助学生在《中国近现代史》课程取得高分的同时,也能引导学生树立起正确的三观(人生观、价值观和世界观)。1.3可行性分析1.3.1操作可行性分析近代史在线学习平台界面干净美丽,模块清晰,遵循主流网站设计规范。新用户需要以学号等信息注册一个账号,并通过该账号登录学习平台即可进入网站的其他模块。因此,近代史在线学习平台具有操作可行性。1.3.2经济可行性分析中国近现代史的题目均可从网络上免费下载,近代史在线学习平台的题库都源自已上传到互联网的各高校近代史期末考试及历年全国硕士研究生考试,所有题目均依照硕士生入学考试《中国近现代史》考试大纲编写,知识覆盖广泛且全面,不论是对为了获得《中国近现代史》课程学分的大一大二同学而言,还是对为了通过硕士研究生考试的备考同学来说,近代史在线学习平台既有较强的针对性和实用性,又几乎是零成本,是一个两全其美的选择。因此,近代史在线学习平台具有经济可行性。1.3.3技术可行性分析本网站开发所使用的开发语言是PHP,使用到的技术包括Ajax、JavaScript、HTML和CSS等,这些语言都是目前web开发中十分成熟的免费的开源语言;网站使用的数据库是MySQL,MySQL使用免费且在web开发中拥有非常出色的性能。PHP+MySQL是目前最为成熟、稳定、安全的WEB开发技术,广泛应用于各大型网站的开发。除此之外,互联网上对于如何使用PHP+MySQL制作网站有着非常丰富的资料供初学者学习和参考,开发者可以从前辈的经验中找到绝大多数问题的解决方法。因此,近代史在线学习平台的开发具有技术可行性。通过以上分析,近代史在线学习平台的开发在操作上、经济上、技术上都是可行的。

第2章开发工具及其简介2.1WampServer主要特点WampServer是在window环境下的集apache、php和mysql于一体的一个免费的服务器软件。在WampServer集成开发环境下开发近代史在线学习平台的最大好处是,开发者不需要额外安装数据库软件,因为该服务器自带一个MySQL数据库;开发者也不需要配置Apache服务器软件,要知道对于自学PHP的小白来说在Windows下配置Apache和IIS是一件很困难的事,一着不慎,满盘皆输。相较其他软件而言WampServer就方便多了,安装该服务器后不必操心过多繁琐的配置流程即可使用,既解决了新手业务不熟练的尴尬,又避免了环境配置出错的难题;开发者只需通过访问WampServer自带的MySQL数据库管理工具即可创建数据库和数据表,能简便地实现对数据的增删查改操作。2.2MySQL简介MySQL是一个免费的、可视化的关系数据库管理系统应用软件,是目前最受网站开发者青睐的关系型数据库管理系统之一。区别于其他类型数据库将所有数据都存放在同一文件的存储方式,关系型数据库是将数据保存在多张能互相关联、存在一定联系的二维表中,这样做的好处不仅能提高对数据库中数据执行增删查改操作的速度,还提高了数据库的灵活性。因为MySQL速度快、体积小、开放源码且成本低的特点,所以大部分(尤其是中小型网站)的开发都选择MySQL作为网站数据库。在WEB应用开发中,MySQL主要搭配Linux操作系统和ApacheWeb服务器作为应用的开发环境。2.3PHP简介PHP(HypertextPreprocessor,超文本预处理器)是一种通用开源脚本语言。语法混合了C语言和Java等多种语言的特点,主要适用于Web开发领域。因为PHP语法既比C语言简单,又比HTML灵活,还可以嵌入到超文本标记语言HTML文档中去执行,而且执行效率比纯HTML文档要高许多,所以对于一些初出茅庐的“新手玩家”来说,在具备一定的HTML和CSS知识后就可以在短时间内上手开发web应用,既弥补了HTML只能制作静态网页的不足,又满足了开发者对动态网页的需求。此外,PHP还具有跨平台性强的优势,它可以支持在不同的操作系统中运行。2.4Eclipse主要特点Eclipse是一个专业的开放源代码的软件开发平台,可以在Eclipse上开发Java和PHP应用。大多数人Java入门就是从学习使用Eclipse开始的,大家也都知道用Eclipse写Java程序是非常方便的,它拥有一个非常大的库供开发者调用,极大地提高了程序员的开发效率。其实用Eclipse写PHP程序也是非常实用和简便的,尤其对于像我这样的代码渣渣。因为Eclipse是一个面向插件的结构,所以只要给Eclipse安装一个插件,对于新手而言学习PHP就得心应手了。在开发PHP应用时,我们需要安装的插件就是PHPEclipse插件,这个插件提供了创建PHP工程、代码报错、PHP语法加亮和代码自动补全等很便捷的功能。PHP语法加亮和代码自动补全可以帮助开发者避免一些低级错误;代码报错可以提醒开发者及时修改相关程序,从而提高程序的开发效率。

第3章开发环境搭建3.1搭建开发环境步骤3.1.1WampServer3.0安装1.打开网站(网址为:)下载WampServer软件,电脑32位则选择32位下载,64位亦然。如图3.1所示:图3.1Wampserver首页2.双击下载好的WampServer安装包后,点击Next,如图3.2所示:图3.2运行安装包页面3.选中,并点击Next,如图3.3所示:图3.3WampServer安装页面4.WampServer默认安装在C盘的wamp文件夹下,可根据自身情况修改地址,然后点击Next,如图3.4所示:图3.4修改安装地址页面5.自行选择是否创建桌面快捷方式,点击后等待WampServer安装,如图3.5所示:图3.5WampServer安装过程页面6.点击Finish,WampServer就安装完成了!如图3.6所示:图3.6WampServer安装完成页面7.点击右下角的图标,再点击localhost,若出现图3.7则表示安装成功。图3.7WampServer运行页面3.1.2Eclipse安装1.打开网站(网址为:/downloads/)下载Eclipse软件,解压压缩包并点击Eclipse.exe文件。如图3.8所示:图3.8运行安装包页面2.修改地址,点击OK,安装完成。如图3.9所示:图3.9修改运行地址页面3.2WampServer使用简介1、双击WampServer启动快捷方式。如图3.10所示。图3.10WampServer快捷方式2、待右下角图标由红色变为橙色再变为绿色后,表示WampServer启动完成。3、网站的所有项目都位于wamp安装目录下的www文件夹中,以后www目录下的网站访问形式都形如http://localhost/文件名或者目录名/文件名,如图3.11所示:图3.11访问项目页面4、phpMyAdmin数据库的管理:点击右下角小图标,再点击phpMyAdmin进入数据库管理界面,如图3.12所示:图3.12数据库管理页面3.3Eclipse使用简介1.双击eclipse,进入eclipse页面,如图3.13所示:图3.13Eclipse页面2.点击File->New->PHPproject,选择Finish,则新建了一个PHP项目。如图3.14所示:图3.14创建PHP项目3、选中你新建的项目文件,右键,New->PHPFile,如图3.15所示:图3.15新建PHP文件修改文件名后,点击Finish,即新建了一个.php文件,我们可以在创建的文件中开始一段美丽的开发之旅!

第4章系统的概要设计4.1系统功能结构图系统所实现的功能强弱是衡量一个网站的最根本的标准。经过对近代史在线学习平台的可行性分析、需求分析、数据分析以及数据库设计后,结合调研以及我作为一名在校大学生的身份,确定了本系统的功能结构图如下:图4.SEQFigure\*ARABIC1系统功能结构图4.2系统数据库设计良好的数据库地建立对于数据的综合运用和统计的便利性有着密不可分的联系,并且数据库的设计决定着在不同需求下进行数据操作时,对数据处理挖掘的简便性和复杂性,可根据不同模块的功能需求,适当利用辅助工具,对数据库进行逻辑严谨的设计。4.2.1概念设计概念设计中,我们常常用E-R图(实体-联系图)来作为描述现实世界的概念模型。下面是部分实体的E-R图,如图所示:图4.2用户实体E-R图图4.3题库实体E-R图图4.4错题实体E-R图图4.5成绩表实体E-R图4.2.2物理设计近代史在线学习平台采用MYSQL数据库存储。该数据库名为history,其中包含4张表,分别是:tuserinfo(用户表)、tquestioninfo(题库表)、terrorinfo(错题表)和tgradeinfo(成绩数据表)。具体见表4.6到4.9所示:表4.6用户数据表列名数据类型主键外键允许空说明StudentIDint(10)是否学号Namevarchar(10)否学生姓名Passwordint(10)否密码QQnumberint(20)否QQ号Telint(20)否电话Emailvarchar(20)否邮箱Roleint(5)否角色说明:Role,当值为1,则登录管理员界面状态;当值为0,则登录用户界面。表4.7题库数据表列名数据类型主键外键允许空说明QuestionIDint(5)是否题号QuestionTypeint(20)否题目类型ChapterIDint(5)否章节号QuestionTitlevarchar(1000)否题目SelectionAvarchar(255)否A选项SelectionBvarchar(255)否B选项SelectionCvarchar(255)否C选项SelectionDvarchar(255)否D选项SelectionEvarchar(255)是E选项Answervarchar(5)否答案说明:QuestionType一值,为10表示单选题;为11表示多选题。表4.8错题数据表列名数据类型主键外键允许空说明StudentIDint(10)是是否学号QuestionIDint(5)是是否题号表4.9成绩数据表列名数据类型主键外键允许空说明StudentIDint(10)是是否学号submittimedate是否考试时间gradeint(5)是否成绩4.3数据库的创建在PHPMyadmin中新建数据库,输入要建立的数据库的名称,点击创建,如图4.10所示:图4.10新建数据库页面4.4数据表的实现1、新建数据表,将设计好的表信息填入数据表中后保存。图4.11填入题库表信息2、保存好后可查看数据表的结构或对数据表的信息进行修改。图4.12查看/修改题库表信息3、在数据库中建立好数据表后,将从网络上下载好的近代史题目(Word格式)转换成Excel格式,再将转换好的Excel表导入到题库表中。图4.13将题目导入数据库以上是对题库表的设计实现作出的说明,用户表、错题表和成绩数据表的设计实现与题库表的实现过程一致,实现过程可参照题库表。

第5章系统的详细设计及实现5.1系统流程概述5.1.1系统流程图图5.1系统层次结构图本系统先由登录页面进行身份验证,以确保系统的安全性。将用户角色分为两种类型(普通用户和管理员),表示两种不同等级权限用户,不同等级权限用户对系统的使用权限不相同。系统验证用户信息并确认用户角色后,跳转进入相应的主界面,由菜单栏展示出该用户具有访问权限的所有功能模块。其中,普通用户具有对9个子模块的访问权限;管理员除了拥有普通用户的所有权利外,还具有查看所有用户成绩、查看所有用户信息和对任意用户信息修改和删除的权限。5.1.2登录流程图图5.2登录流程图5.2注册模块设计及实现注册模块旨在用户首次使用此平台时,填写注册所需要的相关信息。注册时需要准确地填入学号、姓名、密码、确认密码、QQ号、手机号和邮箱。如图5.3所示:图5.3注册界面新用户注册时填入的信息须合法有效,以保证数据库的完整和数据的规范性,具体要求如下:1.学号必填且学号长度为6-10位。2.姓名必填且为合法字符,长度10字以内。3.密码长度6-10位且两次输入的密码必须一致。4.QQ号必填且必须是4-10位以内的数字。5.电话必填且必须是中国大陆的合法手机号。6.邮箱必填且必须是带@符号的合法邮箱。用户填写完成并点击提交后,若填入的信息为空或信息不合法时,界面返回报错提示。如图5.4、5.5所示:图5.4注册信息为空报错界面图5.5注册信息无效报错界面5.3登录模块设计及实现登录模块是学习平台的“门卫”,任何用户若想要访问学习平台的功能模块都必须先登录。登录模块主要是通过输入正确的用户名和密码进入主界面,它可以提高平台的安全性,保护数据资料不外泄。登录模块界面如图5.6所示。图5.6登录系统界面登录过程具体步骤如下所示:(1)输入学号和密码,点击登录按钮。(2)验证学号在数据库中是否存在及密码是否正确。若用户存在且密码正确,则进入第三步;若用户不存在或密码错误,弹出对话框显示“用户不存在或密码错误”,同时清空用户名、密码输入框。报错界面如图5.7所示。图5.7验证报错(3)验证用户身份。用户角色编号(Role)分别为0、1,分别对应为普通用户、系统管理员。若用户身份为普通用户,则进入普通用户主界面;若用户身份为系统管理员,则进入系统管理员主界面。5.4主界面的设计及实现当登录模块验证成功后,用户将进入主界面。用户可以通过主界面调用平台相关的各子模块,快速了解本平台所有能实现的功能及操作方法。根据不同的用户角色,对应的主界面略有差别。主界面可分为3个部分:最上边是平台名称、当前用户姓名和注册登录入口;左侧是菜单栏,可以通过它调用平台中的所有子模块。右侧为该平台最基本的四个学习功能。主界面如下图5.8和5.9所示:图5.8普通用户主界面图5.9管理员主界面用户访问各个子模块之前,系统会检验当前用户是否已登录该平台。若用户是已登录状态,用户可访问主界面中的任意子模块;若用户是未登录状态,系统会自动跳转到登录界面。其中,普通用户和系统管理员具体可操作模块如下所示:(1)系统管理员:顺序练习模块、随机练习模块、章节练习模块、在线考试模块、错题练习模块、查看所有用户成绩模块、查看用户信息模块、登录模块、注册模块。(2)普通用户:顺序练习模块、随机练习模块、章节练习模块、在线考试模块、错题练习模块、修改信息模块、查看学习情况模块、登录模块、注册模块。5.5顺序练习模块本模块的实现首先要连接数据库,根据题目的QuestionID从数据库中查找对应的题目并将其显示在前端页面上。该模块的出题顺序和数据库中的题目顺序一致,当用户点击下一题时,题目的QuestionID加1,以此类推,直到将数据库中的题目都显示完为止。顺序练习的界面如图5.10所示:图5.10顺序练习界面系统在用户做题过程中会记录选项的QuestionID并将其与数据库中存储的对应题号的题目的正确答案作对比,如果答案一致在前端界面上显示“回答正确!”,如果答案不一致,则显示“回答错误”并显示该题的正确答案。实时判断正误界面如图5.11和5.12所示:图5.11答题正确界面图5.12答题错误界面5.6随机练习模块本模块的实现首先要连接数据库,根据题目的QuestionID从数据库中查找对应的题目并将其显示在前端页面上。该模块的出题顺序采用了一个rand()函数,在数据库中现有的296个题目里随机生成一个题号,当用户点击下一题时,系统调用一次rand()函数,以此类推,直到完成296个题目的随机输出。随机练习的界面如图5.13所示:图5.13随机练习界面同上述顺序练习一样,系统在用户做题过程中会记录选项的QuestionID并将其与数据库中存储的对应题号的题目的正确答案作对比,如果答案一致在前端界面上显示“回答正确!”,如果答案不一致,则显示“回答错误”并显示该题的正确答案。实时判断正误界面如图5.14和5.15所示:图5.14答题正确界面图5.15答题错误界面5.7章节练习模块本模块将题库中的题目分为七个章节,在数据库中建立题库表时,设置了章节字段,每个题目导入到题库表时会标注属于哪一章节。通过一个Where条件查询语句,将七个章节的题目分别显示在相应的章节界面上。章节练习的界面显示如图5.16所示:图5.16章节练习界面章节练习实时判断答题正误的实现原理与顺序练习一致,在此不做赘述。5.8在线考试模块在线考试模块中系统默认的考试范围是近代史所有章节。只有管理员拥有对考试范围的设置权限(具体见5.13.3),若管理员未设置考试范围,则系统保持默认。在线考试界面如图5.17所示。图5.17在线考试界面本模块设置了倒计时功能,倒计时功能的实现采用了JavaScript语言,在离考试结束还有五分钟和考试结束的时间点都设定了提醒。在线考试提醒弹窗的界面如图5.18所示:图5.18倒计时提醒弹窗界面当到考试时间,系统弹窗会提醒考生考试结束,学生将无法再答题,同时系统会自动提交答卷。如图5.19所示:图5.19在线考试考试结束弹窗提醒当用户做题时,系统会实时判断正误,记录答对的题数,并计算用户获得的分数,但不会实时将判断结果显示在界面。当用户点击交卷后,系统会将计算的考试成绩反馈给用户。如图5.20所示:图5.20考试成绩界面5.9错题练习模块本模块记录了登录用户在所有答题模块的做题过程中产生的错题,其实现原理是在数据库中建立了错题表,每次将错题的QuestionID和用户的StudentID记录在错题表中。用户登录后,系统根据用户的StudentID,查找错题表中所有该StudentID对应的行,再根据每行的QuestionID查找题目表(tquestioninfo),并将该QuestionID对应的题目信息显示到错题练习中。错题练习界面如图5.21所示:图5.21错题练习模块界面错题练习实时判断答题正误的实现原理与顺序练习一致,在此不做赘述。5.10修改信息模块已登录的用户可在本模块修改注册时记录在数据库中的个人信息,包括姓名、密码、QQ号、手机号、邮箱。学号为本系统对用户的唯一标识信息,故不能修改。同注册时的要求一致,用户修改后的信息也必须合法,否则系统不予保存且报错。修改后的合法信息提交后将覆盖数据库中原有的数据。修改信息界面如图5.22所示:图5.22修改信息模块界面5.11学习情况模块本模块旨在对学生的学习情况作出统计,包括多次考试成绩单、最近五次成绩折线图和错题分布情况三个模块,便于学生根据自身的成绩和对各个章节的掌握情况调整未来的学习方案。5.11.1考试成绩单考试成绩单中记录了用户所有的考试成绩的具体信息,系统根据用户学号联合查找用户信息表(tuserinfo)和成绩数据表(tgradeinfo)两张表中的用户学号、姓名、考试时间和考试分数信息,并将查找的结果以表格的形式反馈给用户。考试成绩单界面如图5.23所示:图5.23考试成绩单模块界面5.11.2成绩分布折线图成绩分布折线图中只展示最近五次的考试成绩,并以折线图的形式直观的体现用户的考试成绩趋势;系统根据用户学号查找成绩数据表(tgradeinfo)并将读取的数据存入数组中,利用HTML的canvas元素绘制出如下折线图:图5.24成绩分布折线图5.11.3错题分布扇形图在错题分布扇形图中,系统通过联合查找错题表(terrorinfo)和题库表(tquestioninfo)的题号和对应的章节号,分别计算出每一章节错题的百分比,再使用PHP中的imagefilledarc()函数绘制出能反映用户对各章节掌握程度的错题分布扇形图,如图5.25所示:图5.25错题分布扇形图5.12管理员功能5.12.1显示/删除用户信息模块用户信息模块的实现原理是在数据库中建立了用户表,用select语句将用户表中除密码外的数据读取并在界面中以表格的形式展现,该模块中会显示近代史在线学习平台所有注册用户的个人信息。用户信息模块只有管理员有权限访问,并且管理员拥有对任一用户的修改和删除权限。用户信息界面如图5.26所示:图5.26显示用户信息模块界面当管理员选择对某一用户进行删除操作后,系统会从数据库读取出该用户的所有个人信息,由管理员确认后再将该用户从数据库中完全删除。删除操作如图5.27和图5.28所示:图5.27删除用户信息操作图5.28删除成功界面5.12.2用户成绩单模块用户成绩单记录了所有用户的所有考试成绩的具体信息,该模块只有管理员有权访问。系统根据用户学号联合查找用户信息表(tuserinfo)和成绩数据表(tgradeinfo)两张表中的用户学号、姓名、考试时间和考试分数信息,并将查询结果以表格的形式反馈给管理员。除此之外,系统会根据查询结果计算出所有用户成绩的及格人数和及格率、80分以上人数和优秀率、90分以上人数供管理员参考。用户成绩单界面如图5.29所示:图5.29用户成绩单界面5.12.3设置考试范围管理员的在线考试功能和用户的在线考试功能略有不同。用户的在线考试模块中系统默认的考试范围是近代史课程所有章节,而管理员的在线考试模块可以设置用户的考试范围。若管理员设置了考试范围,则在线考试模块的题目均出自该范围;若管理员未设置考试范围,则系统保持默认。设置考试范围界面如图5.30所示:图5.30设置考试范围界面

第6章总结与展望6.1本文总结随着时间的推移,在导师的指导、同学的帮助和自己的鼓励下,我的毕业设计也接近了尾声。在完成毕业设计的整个过程中,我遇到了很多的问题;因为是自学PHP,所以我刚接触PHP时使用的学习方法很不合理,从一开始安装Wampserver服务器的失败,到数据库设计不合理,再到无法将题目导入数据库等等,每一个问题都曾让我有过放弃的念头;但是,每解决一个难题,我的成就感就会十分强烈,当我把题目导入数据库的时候,当我实现了注册登录功能的时候,当我实现了实时判断正误功能的时候……这些在专业人员眼里看起来十分简单但对我而言却是难题,而我凭借个人努力做到的时候,我真实地感受到了学习的快乐!毕业设计题目确定后,从一名在校大学生的角度,我比较明确地确定了本次项目的需求分析,并形成文档。从宏观层面确定了该项目的主要内容、设计目的、实现技术等,并对整个项目进行功能模块的划分,进入概要设计。由于良好的数据库地建立对于数据的综合运用和统计的便利性有着密不可分的联系,并且数据库的设计决定着在不同需求下进行数据操作时,对数据处理挖掘的简便性和复杂性,于是我根据不同模块的功能需求,并利用适当辅助工具,对数据库进行了更加清楚和逻辑严谨的设计。在整个过程中,我明白了在做一个项目的时候必须按一定的逻辑结构去设计每个环节、每个模块,至上而下,有理有据。从目前近代史在线学习平台的完成度来看,我认为这一网站存在的问题还有很多,管理员和普通用户的功能存在大量冗余,各个模块的功能也几乎没有特色。我的初心是制作一个互动性强的网页,能实现老师和同学之间的交流,像一个论坛式的学习平台,但无奈才浅学疏,只好潦草收场。虽然这个平台问题很多,矛盾很多,但不可否认我在这一项目中也学到了很多,希望在未来的学习路上,我能够对此项目不断完善,达到内心满意的水准!6.2工作展望论文写到最后,本该给大学的最后一章写点鼓励和美好的憧憬,但我没有底气这样做。近代史在线学习平台从初具模型到完成耗费的时间近两

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论