毕业论文-基于网络的物理大课系统设计.docx

北京林业大学本科毕业论文(设计)基于网络的物理大课系统设计摘 要随着网络的普及和发展，现代化的网络教学模式已经成为我国高等教育的发展方向。许多高校已经开始建设并使用信息化的网络教学平台，本文主要研究的是基于网络的物理与人类文明大课系统。大学物理与人类文明是各专业的公共基础课程。随着高校教育水平的提高，越来越多的教育工作者认识到自然学科使得学生在思维方式的科学性、能力的提高、心智的锻炼上起到的重要作用。目前，一方面全校公选课学生人数多，管理不方便，并且没有有限的、统一的平时成绩评估方法，另一方面，人数多导致的互动不便也是目前所面临的问题。据此，实现基于网络的物理实验系统是十分有必要的。经过需求分析，本物理实验系统主要通过前端-学生端和后台-管理员端共同实现，主要通过管理员端的课堂小测模块进行测试题录入，以及学生端答题模块进行评分，并且留言板模块实现了学生与学生、学生与教师之间的互动。本文着重介绍了整个系统构建所需要的前提知识以及整个系统实现前台Javascript与后台数据库通过MVC框架连接的实际过程。关键词：网络课堂，MVC框架，Strusts2，Hibernate，SpringThe design of general physical course system based on NetworkElectronic Information Science and Technology 11-1Ma YuyuanSupervisorGaoWeiAbstractAs the development of internet proceeds in our daily life, modern education system based on internet has become the mainstream of higher education in China. Therefore, more and more higher education institutions have started to put internet based teaching system into construction and utilization. This essay mainly focuses on the internet based teaching system of physics and the civilization which is the basic course of every major. The more the education standard developed, the more attention basic course like physics have draw that these course can achieve the augment of students learning and thinking ability, as well as enduring ability to cope with arduous tasks. The current condition for general courses is restricted due to the increasing attendance. Management and interaction are getting harder simultaneously. Therefore, it is crucial to develop an online teaching system. After the analysis of the requirements, this teaching system consists of two major sections, one for students and another for teachers. The predominant function is the testing function where students can take on-class test after teacher set questions to the system. Another function is the Leave A Message function to provide the interaction for students and teachers. This essay also illustrated the connection between users interface and MySQL database as well as the MVC framework.Keywords: Network system, MVC framework, Strust2, Hibernate, Spring目录1 绪论11.1 课题的研究意义11.2开发背景11.3需求分析11.4系统的主要功能22 开发技术及相关工具介绍52.1网页布局技术52.2 MySQL数据库52.3 Tomcat服务器62.4 Java编程语言62.5 Eclipse开发平台62.6 Spring72.7 MVC框架92.8 Struts2102.9 Hibernate102.10 JAVA SCRIPT113 网站整体设计123.1分析数据库123.2数据写入的方式123.3前台页面与后台的连接133.4 附件上传方式144 模块设计164.1管理员客户端164.1.1通知公告164.1.2课堂小测164.1.3章节管理174.1.4课时分配184.2用户管理（以学生管理页面为例）184.2.1修改密码194.2.2留言板194.3学生端194.3.1通知公告194.3.2课堂小测204.3.3成绩查询214.3.4留言板214.3.5修改密码225 总结235.1结论235.2可改进点23致谢24参考文献25IV北京林业大学本科毕业论文(设计)1 绪论 1.1 课题的研究意义随着社会的发展和教育普及，社会对人才的要求也随着不断提高，人们可以越来越清晰地体会到竞争的压力。当人们对知识的渴求日益提高，一场现代教育方式的改革也迫在眉睫，现在常出现的情况多数是教师在讲台上讲课，与学生的互动停留在提问上，但对于提升学生的学习兴趣方面来说并不是很理想，因此基于网络的教育平台伴随着信息技术和宽带网络的高速发展应运而生，为新时代的教学模式提供了一种更高效的方式。从20世纪90年代后期开始，各大高校都相继着手开发自己的网络教学平台，这种新颖的方式受到了学生们的一致好评。本文研究的是基于网络的全校公选课系统， 选修课为物理与人类文明，自然学科要渗透到各个高校中都不是意见唾手可得的事情，原因在于自然学科比较严谨，学习的内容容易变得艰深晦涩。但对自然学科的了解又是不可或缺的，它帮助学生们树立正确的科学观念，从科学的发展史中了解智慧积累的过程，在科学实验中获得激励。因此自然学科作为全校公选课帮助全校的学生平齐知识短板，现在基于网络的全校公选课系统使课程中教师与学生的互动更加丰富。1.2开发背景我校公选课课程往往规模很大，人数在一百人以上，这使得教师通过课堂测试给学生平时成绩非常繁琐，现状往往是教师抽查学号尾号某一位进行点名，这样一来使学生产生侥幸心理，二来计算平时成绩的方式与教学课程内容并无太大关系，不利于学生们对知识的真正掌握，同时助长了学生不把全校公选课作为重要课程看待的风气，经总结传统的打分以及课堂教学存在如下的缺陷：l 互动不足l 教师必须手动进行打分l 期末手动计算总成绩，易产生误差和错误l 浪费纸张资源为了弥补这些缺陷，方便学生及教职工的使用，开发基于网络的物理与人类文明教学系统是十分有必要的。1.3需求分析通过与系统使用者的详细交流，确定物理与人类文明公选课教学系统。学生端功能的要求具体如下：1) 登录系统；2) 查看系统通知；3) 进行课堂测试题的答题及提交；4) 查看个人成绩；5) 在留言板进行提问以及回答；6) 修改自己的密码；7) 下载说明手册；8) 退出系统。教师端的功能要求具体如下：1) 登录系统；2) 新建通知以及查看、删除；3) 添加测试题；4) 管理所有章节；5) 进行课时的分配；6) 管理班级、学生、教师；7) 修改密码；8) 编辑、删除留言；9) 下载使用手册；10) 退出系统。1.4系统的主要功能首先通过网址进入login.jsp登录页面，进行用户登录，系统自动识别people_id来判断用户的类型。登录后整个系统分为学生端与教师端。学生端如图1.1所示，功能如下：1) 通知公告：查看通知公告，可以点击公告标题查看全文，如果有附件，可以在页面最下方下载附件。2) 我的测试：进行课后测试题的回答，课后测试题有单选题、多选题、判断题三种题型。这个功能是整个系统最关键的功能。3) 成绩查询：查看成绩，这个功能直接显示了学生进行测试后得到的最终成绩，作为平时成绩参与期末测评。图1.1学生端功能显示Fig.1.1 Student terminal function display4) 修改密码：学生可以修改密码，所有用户的原始密码设置为000000。5) 留言板：学生可以在留言板新建问题，并且可以对其他同学的问题进行回答。6) 使用手册：点击使用手册可以直接下载学生版的使用手册。教师端如图1.2所示，功能如下：图1.2教师端功能显示Fig.1.2 Teaching terminal function display1) 通知公告：教师可以在通知公告功能新建通知，并且可以进行编辑以及删除。2) 我的测试：教师可以在界面右方，功能选择栏处对每个章节都添加测试题，添加测试题时可以选择三种题型的任意一种，答案类型也会相应改变。3) 章节管理：教师可以自主添加新的章节，其中章节的内容可以提前编辑好jsp页面，只要提供路径即可显示章节的内容，如果没有章节内容，可以只写章节名称，为测试题的添加做准备。4) 课时分配：为了给学生有答题的时间权限，教师可以在某个时间段给学生分配某几个章节，这样一来，学生在答题时间过去之后不能再答题，也不能在一个章节开始之前提前做题。5) 用户管理：用户管理中可以管理教师、班级、学生。可以添加新的教师，通过Excel表格导入整个班级的学生信息，并且可以单独添加或删除一个学生的信息。6) 留言板：教师也可以提问并回答，并且可以删除留言。7) 使用手册：点击可以直接下载教师使用手册。2 开发技术及相关工具介绍2.1网页布局技术 DIV+CSS是当前WEB标准中常用的属于之一，也是目前最流行的网页布局方法。1表格布局技术：所谓表格布局，就是讲各种需要布局的文本及图片放到无边框的表格中，使用表格来确定它们的具体位置，这种布局的优势在于可以对不同的对象加以处理，而不用担心不同对象之间的影响。当然其确定也是非常明显的，使用了大量嵌套网格的网页，会大大降低网页的下载速度，并且网站的安全性也会受到一定的影响。CSS（层叠样式表）技术：CSS是Cascading Style Sheet的缩写，是一组格式设置规则。用于控制Web页面的内容的外观，也是一种表现HTML或XML等文件样式的设计语言。这种布局方式常常被人们称为Div+CSS布局技术，国籍网络标准W3C已经正式将Div+CSS标准化为网页制作的标准方式。通过使用CSS样式设置页面的格式，可将页面的内容与表现形式分离。页面内容即HTML代码存放在HTML文件中，而用于定义代码表现形式的CSS规则则存放在另一个文件（外部样式表）或HTML的另一部分（通常为文件头部分）中。将内容与表现形式分离，可使得从一个位置几种维护站点的外观变得容易，因为进行更改时无须对每个页面上的每个属性都进行更新。将内容与表现形式分离还可以得到更加简练的HTML代码，这样将缩短浏览器的加载时间，并为存在访问障碍的人员（例如使用屏幕阅读器的人员简化）导航过程。这种布局技术具有如下优点：Div+CSS布局由于将数据和格式分开而使网页文件的数据量大大缩减；提高了页面的载入速度；修改网页时跟有效率且代价更低；大大保证了整个网站样式的一致性；使网站更容易被搜索引擎搜索到。综上所述，本物理实验系统的学生端网页布局采用CSS（层叠样式表）技术。2.2 MySQL数据库目前我们比较常用几种数据库类型有MySQL、SQL Server、Oracle、Sybase、Access等。MySQL是一个小型关系型数据库管理系统，开发者为瑞典MySQL AB公司。目前MySQL被广泛地应用在Internet上的中小型网站中。由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，许多中小型网站为了降低网站总体拥有成本而选择了MySQL作为网站数据库。它是开放源代码的数据库产品,可以跨平台开发和运行,提供多种数据类型，同时访问数据库的 用户数量不受限制，用户权限设置简单、有效，可以保存超过50,000,000条记录，支持标准的ANSISQL语句，Mysql数据库的开发得到了很多著名厂商和技术团队的支持，是目前基于UNIX、Linux系统开发Web应用程序中很热门的数据库系统。2结合几种主流数据库的特点和系统本身的需求，本系统使用MySQL作为数据库。本设计所使用的MySQL的版本是5.5.24，与之前的版本相比，该版本在基于语句的复制中INSERT ON DUPLICATE KEY UPDATE 被标识为复制不安全的，如果目标表包含超过一个主键或者唯一键的话，主从节点的值可能有不同，同时还修复了一些bug3。2.3 Tomcat服务器Tomcat 服务器是一个免费的开放源代码的Web 应用服务器，由Apache、Sun等共同开发而成，在Apache Tomcat官网可以免费下载。Tomcat运行时占用的系统资源小，扩展性好，支持负载平衡与邮件服务等开发应用系统常用的功能，而且它还在不断的改进和完善中，任何一个感兴趣的程序员都可以更改它或在其中加入新的功能。虽然当应用系统访问量比较大的时候，Tomcat服务器运行则表现的不稳定，经常会出现Tomcat服务自动停止的情况4，但本物理实验系统主要发布于校园局域网内，是同一时刻的访问用户数量不大的小型网络系统。使用Tomcat服务器完全可以满足系统需求，连接后期和维护较简单，且Tomcat为免费服务器因此性价比较高。综上，本系统采用Tomcat作为服务器。2.4 Java编程语言Java是一种可以撰写跨平台应用软件的面向对象的程序设计语言，由Sun公司的詹姆斯高斯林等人于90年代初开发。伴随着互联网的迅猛发展，Java逐渐发展成为重要的网络编程语言5。Java 技术具有卓越的通用性、高效性、平台移植性和安全性，广泛应用于个人PC、数据中心、游戏控制台、科学超级计算机、移动电话和互联网，同时拥有全球最大的开发者专业社群。在全球云计算和移动互联网的产业环境下，Java更具备了显著优势和广阔前景。Java 编程语言是个简单、面向对象、分布式、解释性、健壮、安全与系统无关、可移植、高性能、多线程和动态的语言，可以用来开发可靠的、要求严格的应用程序。考虑到本物理实验系统将用于计算和管理学生的成绩等，对于安全性有较高的要求，且Java拥有众多开源项目和相关技术是网络编程语言的发展方向，因此本系统选择Java作为主要的编程语言。2.5 Eclipse开发平台Eclipse 是一个开放源代码的、基于Java的可扩展开发平台。Eclipse 是替代IBM Visual Age for Java的下一代IDE开发环境，但它未来的目标不仅仅是成为专门开发Java程序的IDE环境，根据Eclipse的体系结构，通过开发插件，它能扩展到任何语言的开发，甚至能成为图片绘制的工具。Eclipse平台的目的是提供多种软件开发工具的整合机制，这些工具会成为Eclipse外挂程序，平台必须用外挂程序加以扩充才有用处。Eclipse设计美妙之处，在于所有东西都是外挂，除了底层的核心以外。这种外挂设计让Eclipse具备强大扩充性，但更重要的是，此平台提供一个定义明确的机制，让各种外挂程序共通合作与贡献，因此新功能可以轻易且无缝地加入平台6。2.6 SpringSpring 框架体系结构如图2.1所示7。Spring core包是整个框架的基础，它提供了基于依赖注入技术的构件组装机制；Spring DAO 包提供了一系列的数据库访问控制工具，免去了繁琐的数据库访问控制和异常处理的工作。Spring ORM包允许程序设计人员将流行的 Hibernate、JDO、iBatis 等对象关系映射工具集成到现有系统中。Spring AOP 包实现了面向方面编程的支持，可以为构件提供统一的事务、日志、安全管理等服务。Spring Web MVC 包提供了对基于模型视图控制器模式的 Web 应用程序开发的支持。图2.1Spring 框架体系结构Fig.2.1Spring frame structure基于依赖注入技术的构件组装是Spring框架的技术核心和独特之处，它是指构件之间的依赖关系（即构件间的调用关系）用XML配置文件描述；在系统运行时，构件容器根据XML文件的描述完成构件组装。当类包含它所实现的接口以及它所期望的其他类接口的显式说明的情况下，可以把类看成构件。考虑如下几个构件和接口的定义： ABCD控件代码实例如图2.2所示。构件B实现接口T，期望从其他构件获取的服务在接口Ainterface中定义。构件C和D实现了接口Ainterface，可以为构件B提供服务，即构件B可以依赖于C或D构件。图2.2ABCD控件代码Fig.2.2ABCD control code假设B构件依赖于C 构件，则用XML定义的配置文件如图2.3所示。图2.3 Spring中xml配置文件Fig.2.3Xml configuration files in Spring系统运行时，将由Spring框架实例化C构件，然后注入到B构件的Ai属性中，完成B和C构件的组装。如果软件需求变更，B构件需依赖于D构件，则只需将配置文件中的项目 改为。依赖注入技术将构件组装任务交给构件容器完成，显著地降低了构件之间的耦合程度，提高了系统的可维护性8.2.7 MVC框架M(modules)V(view)C(control)MVC是一种使用模型视图控制器MVC（Model View Controller）设计创建Web应用程序的模式：Model（模型）表示应用程序核心（比如数据库记录列表）。View（视图）显示数据（数据库记录）。Controller（控制器）处理输入（写入数据库记录）。MVC 模式同时提供了对 HTML、CSS 和 JavaScript 的完全控制。MVC模式的结构如图2.4所示，其包括的模型（视图和控制器）分别对应应用的内部数据（数据视图和输入输出控制部分）9.图2.4MVC结构Fig.2.4MVC structure2.8 Struts2一个客户端的url会以http协议发送给服务器，然后服务器发现相应的web application，如图2.5所示。 图2.5URL查找机制Fig.2.5Search Principles of URLs然后去找里面的web.xml，里面如果有struts2的过滤器，那么会被拦截，然后看后面的namespace的名称，在这个url里面，namespace是/（namespace都是以/开头），下面的action的名字是hell。返回的结果是一个hello.jsp，如图2.6所示。这个jsp把视图返回给客户端。 图2.6简单的struts2配置文件Fig.2.6Simple Instance of struts2 XML file设计模式：简单的东西复杂化，好处：可扩展性。structs2就是把客户端的请求与返回的视图分开，这样的好处是：可以扩展，在action里面多class的配置，这样的话，后台可以随意更改class，来执行不同的动作。Struts2当客户端访问这个action下的class，每次访问都会new一个对象，因为如果只有一个对象，会造成资源的争抢，要做好进程同步的工作。在Struts2应用框架中核心控制器FilterDispatcher是由Strust2框架本身所提供，开发人员一般无须对该核心控制器进行再次开发，负责具体业务处理的Action类则是开发者开发实现的重点10。2.9 HibernateHibernate 是一个数据持久层框架，是一款优秀的ORM(Object Relation Mapping)中间件，它不仅提供了从Java类到数据表的映射, 也提供了数据查询和恢复等机制。相对于使用JDBC和SQL来手工操作数据库，使用Hibernate可以大大减少操作数据库的工作量。它的工作原理是通过一个“映射文件”把值对象和数据库表之间建立起一个映射关系，这样，只需要通过操作这些值对象和 Hibernate 提供的一些基本类，就可以达到使用数据库的目的。Hibernate是Java开源项目，用户可以在需要的时候对源代码进行改写，对其部分功能进行定制和拓展。同时由于Hibernate对JDBC进行了轻量级的对象封装，Hibernate的Transaction实际上是底层的JDBC Transaction的封装，这样简化了数据持久层的开发与调试，大大减轻了程序员的负担。Hibernate还可以与多种Web服务器、应用服务器良好集成，并且支持几乎所有流行的数据库服务器。在应用Hibernate框架时，首先编写0/R(Object/Relation)映射描述文件，完成对象、关系数据库之间的映射。持久对象可以根据映射文件生成。然后编写业务逻辑类。这些JavaBean实现了具体的业务逻辑，也封装了对Hibernate的访问11。2.10 JAVA SCRIPTJavaScript 是一种跨平台的基于对象和事件驱动的解释性脚本语言，它可以通过嵌入或调入到标准的 HTML 以实现网页的动态效果。可以实现在一个网页中链接多个对象，与网络客户交互作用，实现网页动态效果，从而可以开发客户端的应用程序12。在数百万张的Internet页面中，JavaScript被用来改进设计、验证表单、检测浏览器、创建cookies等。JavaScript是Internet上最流行的脚本语言，并且可在所有主要的浏览器中运行，例如，Internet Explorer、Firefox、Netscape和Opera。JavaScript是一种基于对象和事件驱动并具有安全性功能的脚本语言。使用这种语言的目的是与HTML超文本标记语言、Java Applet一起实现在一个Web页面中链接多个对象，与Web客户交互作用，从而可以开发客户端的应用程序等13。JavaScript是通过嵌入或调入在标准的HTML语言中实现的，它的出现弥补了HTML语言的缺陷，是Java与HTML折中的选择。JavaScript是一种基于对象的、简单的、高安全性的、动态的、跨平台的语言。3 网站整体设计一个以功能为主的网站首先需要有承接所有数据的数据库，这个数据库要与前台用户的界面关联起来，在整个过程中要做到前有有出处，后台有置处。但是前后台往往不是直接相连的，对前台数据还要进行操作，这时使用Strust2拦截用户的操作，转到相应函数，即action中进行运算，再将运算的结果以相同的前jsp页面返回给用户，形成交互。当用户输入数据时，则是通过hibernate的映射文件进行数据写入数据库。3.1分析数据库根据本系统的需求，共有八个数据库表，分别为：1) 用于存放用户信息的people表格；2) 存放班级信息的class_info表格；3) 存放大课各个章节信息的course表格；4) 存放师生讨论信息的message表格；5) 存放通知公告的notice表格；6) 存放课堂测试题信息用于查看的preview_info表格；7) 用于动态存放课堂测试题的preview_library表格；8) 用于存放学生测试题成绩的score表格。3.2数据写入的方式由于本系统采用SSH框架，所以数据库的写入依靠hibernate的mapping文件来实现。hibernate框架的原理为：把object映射成为relationship相关的mySQL语句，把mysql语句从数据库里拿出来再组装成一个对象。而就 Hibernate 来说, 它在模型部分提供了数据持久层，它对 JDBC 进行了轻量级的对象封装，使开发人员完全以面向对象的方式编程14，因此不用实际操作数据库即可利用例如save函数进行保存。配置文件一定要去官网上去找，去直接拷贝，然后自己改动。并注释掉暂时不用的内容。Hibernate配置文件默认放在source的根目录下，也就是class/path目录下。本系统中notice所用到的mapping文件及修改方式如图3.1所示：图3.1Mapping文件Fig.3.1 The Mapping File3.3前台页面与后台的连接 由于学生端与教室端使用的函数不尽相同，因此两个端都有自己的xml文件，用户在网页界面上进行操作，在javascript中操作与相应函数对应，这个函数直接调用strust2的xml配置文件进行配置。以新建一条留言为例：首先在用户界面，每一个可点击的按钮或可填写数据的空格都对应着一个函数或者变量，例如“我要提问”按钮，如图3.2所示。图3.2留言板中的”我要提问”按钮Fig.3.2The Button of New Question in Message Interface在jsp页面中调用了addMessage()函数，如图3.3所示。这个函数中使用了Ajax技术。图3.3 前台按钮与调用函数之间的关系Fig.3.3 The Connection Between Interface and functions事实上，系统的JSP页面中绝大多数请求通过jQuery类库中的ajax()方法发送给服务器。ajax()返回其创建的XMLHttpRequest对象，通过 HTTP 请求加载远程数据。系统利用struts2的ServletActionContext类通过非IoC方式获得response对象，将信息从action层或service层传递给ajax()的回调函数。这门技术能与服务器之间通过XMLHTTPRequest对象来进行异步通信，打破了传统使用整体页面重载的惯例。这样，WEB页面不用被频繁打断并进行重新加载，就可以动态地交互更新15。如图3.4所示，addMessage()这个函数中引用了一个链接，这个链接会调转到strust2的配置文件中，如图所示，这个配置文件规定了addMessage.action要经过addMessage()函数的数据处理，如果函数返回值为SUCCESS，那么调转到addmessage.jsp，即编辑框的界面，用户可以编辑自己的问题。图3.4JSP页面中调用的addMessage()函数的实现Fig.3.4 The body of the function addMessage()图3.5中addmessage.jsp即为编辑新消息的界面。图3.4Struts2配置文件Fig.3.4 The XML file of struts in real codes3.4 附件上传方式使用Fileupload.java提供一个上传文件保存的路径，出于文件之间不重名的考虑，在下载文件时文件名采用了添加随机数的方式，具体实现方式如图3.5所示：图3.5产生随机数字的函数实现 Fig.3.5 The function which generates the random series of numbers代码中使用了Random()函数直接产生random字段，最后由一个返回文件名的函数将其捕获，这一段随机数就加入到了文件名中。4 模块设计通过上面的需求分析，以及需求在框架中的分析，设计了每个模块的model以及dao、service、action文件，代码运行结果如下：4.1管理员客户端4.1.1通知公告 图4.1通知公告界面Fig.3.4 The interface of Notices 通知公告页面，管理员可以新建、上传附件、修改并删除通知。4.1.2课堂小测 图4.2课堂小测界面 Fig.4.2 The interface of Testing课堂小测页面，管理员只要已经添加了章节信息就可以给每个章节添加测试题，教学过程中每结束一个课时就可以由老师公布测试题，学生在规定的时间内进行答题。添加过测试题的章节点击打开之后的页面如图4.3所示：图4.3题目页面 Fig.3.4 The display of test questions4.1.3章节管理 图4.4章节管理页面 Fig.4.4 The interface of chapter management虽然物理与人类文明大课有既定的章节，但是为了系统的可持续性，这个功能可以让教师再添加新的章节，以便再添加新的测试题目。4.1.4课时分配图4.3课时分配页面 Fig.4.3 The interface of chapters assignment 与课堂小测相呼应，在可是管理的界面规定每个课时的学习时间。4.2用户管理（以学生管理页面为例） 图4.4 学生管理页面 Fig.4.4 The interface of students management 用户管理分为教室管理、班级管理以及学生管理，其中班级管理可以直接导入excel表格，系统会自动识别学生，自动分配帐号。 4.2.1修改密码 图4.5修改密码页面 Fig.4.5 The interface of changing password4.2.2留言板图4.6管理员留言板页面 Fig.4.6 The interface of message for supervisor管理员界面的留言板，管理员可以进行修改和删除，这样教师就可以控制留言板上的内容是与课程相关的，并且在答案上进行批注，构成了教师与学生，学生与学生之间的互动。4.3学生端4.3.1通知公告图4.7学生通知页面 Fig.4.7 The interface of notice for students 学生登录后跳转的主页面即是通知公告页面，可以点击打开公告的内容并下载附件。4.3.2课堂小测图4.8学生课堂小测页面Fig.4.8 The interface of tests for students当学生在规定的时间之外点击进入预习试卷，会跳出提示框提示时间错误！进入预习试卷之后的页面：图4.9测试题库页面Fig.4.9 The display of test questions 系统从老师编辑的题目之中随机挑选4道题，一来使得学生不会全做到完全一样的题目，相互抄袭，二来给学生的负担不是很重。4.3.3成绩查询 图4.10学生成绩查询页面Fig.4.10 The interface of score display学生只要提交试卷，系统会自动计算成绩。4.3.4留言板图4.11留言板页面Fig.4.11 The interface of message for students在留言板界面用户可以自己提问，同时可以回答。点击标题打开留言后，答案在问题下方显示。4.3.5修改密码图4.12修改密码页面Fig.4.12 The interface of changing password5 总结5.1结论本文主要论述了物理与人类文明公选课的开发过程。通过对使用者需求的相关分析，规划了系统的结构和组成并且创建了该系统的数据库，且选择在WINDOWS环境下以Tomcat为网站服务器，以MySQL为网站数据库，构建整个系统的运行平台。文章主要介绍了整个系统的组成，其中对前后台数据传输的方式进行了详细的介绍。在本次设计当中，课堂测试模块以及留言板是核心部分，用其中课堂测试于数据的输入、成绩计算和传输，留言板用于学生与教师的交流，文章在对上述模块展示的过程中也详细的介绍了该功能的实现方法。5.2可改进点虽然物理与人类文明公选课系统整个框架已经搭建成功，已经完成了一些基本功能如数据的输入、成绩计算和传输等，但由于前期学习的周期比较长，并且由于网站基础有限制性，并且笔者相对来说比较缺乏系统开发的经验，后期开发的时间相对紧张，因此使得本系统还有很多需要改进的地方，在这里主要概括如下：1) 由于时间有限，已有的每章课程的jsp页面还没有编写完全。2) 网页代码太过复杂，不够简洁。3) 文件上传功能没有单独列出作为一个功能模块。4) 系统开发过程中没有充分考虑到平台的可扩充性，虽然在开发过程中利用CSS层叠样式表对导航条进行了设定，减小了系统的部分维护工作量，但是CSS 结构比较庞大，修改起来比较繁琐。 致谢 一开始拿到毕业设计的题目心里是比较开心的，因为相比于软硬件结合，我对纯软件的开发更有兴趣，但是真正上手之后发现有很多问题。整个网站有基础，在这个基础上改造，第一个问题是框架的选择，由于基础的网站已成气候，所以在毕业设计的前期一直在学习Mysql数据库、MVC框架、Strust2、Spring、Hibernate、Ajax以及Javascript相关的知识。第二个问题是，前台jsp见面以及CSS都是写好的，在这个基础上进行改动非常繁琐，通过给每个DIV加边框的方式弄清了页面上容器中的内容，但在局部改动的时候会影响到整体。因此最终没有进行大的改动。在这里首想要表达对我的指导老师高伟老师的感谢，在整个毕业设计阶段里，高伟老师给予了我莫大的帮助与支持，在老师的建议和指导下我选择了适合的设计方案和手段，并且不辞辛劳，督促我进行毕业的实际操作，警示我其中会出现的问题，因此让你给我认识到了设计与实施的重要性。老师对于我在设计中遇到的问题老师都给予了耐心的解答，正是由于老师的严谨和细致，才能让我以更加认真的态度去完成这次毕业设计。另外我由衷地感谢乔逢春同学在毕业设计中给予我的帮助。因为基础网站他已经编写完毕，因此他引导了我学习的方向，在他的指导下我以最