《计算机网络》多媒体教学网站毕业论文

1、 毕业设计报告(论文)报告(论文)题目： 计算机网络 多媒体教学网站 作者所在系部： 计算机科学与工程系 作者所在专业： 计算机科学与技术 作者所在班级： 作 者 姓 名 ： 作 者 学 号 ： 指导教师姓名： 完 成 时 间 ： 2013年6月 北华航天工业学院教务处制IV摘 要随着网络的高速发展，教育体制改革的深入，通过网络自主学习与搜集信息，已经成为每个人所必须做的事情。信息传播越来越迅速，伴随着的是人类学习知识的周期越来越短，因此传统的教学方式已经不能满足不同人们在不同地点以及不同时间进行学习的需求，在这种情况下，教学网站诞生了，并且随着教学网站的优势被越多的人们发现，逐渐成为现代教育

2、的新形势。与传统教育相比，借助互联网实现的网络教学是一种全新的教育模式，它可以突破时间和空间的限制，帮助人们随时随地的学习，让更多的学习者共享优秀的教育资源，达到真正意义的自主学习。设计主要包括教学网站方案分析与规划设计，介绍了整个设计过程中的思路和所用到的技术，以及如何实现系统的各个功能。整个系统以JSP为编程语言，与SQL SERVER 2008数据库相结合，体现了交互性的原则，培养同学们的创新能力，充分调动学生的学习兴趣。教学网站本身就是以网页的形式出现的，因此可以在互联网上运行，并且具备安全，快速，交互性强的特点。而学生就可以很方便的进行一些和学习相关的操作，例如课件下载、在线考试等等

3、。关键词：教学网站 JSP 在线考试 AbstractWith the development of network and the reformation of system of education, it is vital to everybody to search information and to study by themselves under the help of network. The knowledge of human learning become shorter and shorter, so traditional teaching methods cann

4、ot meet different people learning needs in different locations and different time, in the this cases, the teaching site was born, and with the advantages of teaching Web site to be more and more people find that modern education has become the new situation. Compared with traditional education, usin

5、g the Internet to achieve the network teaching is a new educational model, it can break through time and space to help people to learn anytime, anywhere, so that more learners to share good educational resources, to achieve the true meaning of independent learning.Design including site analysis and

6、program planning and design, introduced the idea of the design process and the use of technology, and how to implement the various system functions. Java is the entire system programming language, combined with SQL SERVER 2008 database, reflecting the principle of interactivity, developing the stude

7、nts ability to innovate, to fully mobilize the students interest in learning. Teaching site itself is in the form of a web page, so you can run over the Internet, and have safe, fast, interactive features. The students can easily learn and some related operations, such as courseware download, online

8、 examination and so on.Keywords ： Teaching Site JSP Online Examination目 录摘 要IAbstractII第1章 绪 论11.1 选题背景11.2 多媒体教学网站研究的目的和意义11.3 多媒体教学网站研究的主要内容2第2章 系统分析32.1 系统分析32.1.1 功能需求分析32.1.2 系统流程分析42.2 主要相关技术52.2.1 DIV+CSS技术52.2.2 HTML技术52.2.3 Struts技术62.2.4 JSP技术62.2.5 JavaScript技术62.2.6 JQuery技术62.3 技术可行性分析7

9、2.3.1 系统数据模型层的分析与设计72.3.2 系统视图层的设计与分析72.3.3 系统控制层的分析与设计7第3章 网站概要设计83.1 系统功能模块83.2 系统模块设计83.3 网站建设模式9第4章 数据库设计与实现114.1 数据库表关系分析114.2 数据库的表设计124.2.1 用户登录表124.2.2 老师信息表124.2.3 学生信息表124.2.4 留言答疑信息表134.2.5 上传下载资源表134.2.6 作业信息表134.2.7 幻灯片信息表144.3 数据库的实现脚本144.3.1 数据库系统物理结构设计脚本144.3.2 表创建部分脚本144.3.3 触发器部分脚本

10、15第5章 系统详细设计与实现175.1 开发工具和开发技术175.2 网站整体框架与结构175.3 登录模块的设计185.4 课堂教学模块的设计195.5 上传下载模块的设计235.6 留言答疑模块的设计245.7 数据库的连接26第6章 网站的功能实现286.1 登录版块的实现286.2 主要信息板块的实现296.2.1 学校介绍模块296.2.2 教学资源模块296.2.3 前沿展望模块306.3 课堂教学板块的实现306.4 课件上传下载板块的实现336.5 留言答疑板块的实现34结 论36致 谢37参考文献38第1章 绪 论1.1 选题背景随着社会经济的不断发展和人民生活品质的急速提

11、升，使得计算机和网络在社会上普及和推广都得到了很大的发展。而作为IT和互联网技术发展的一个产物，网上在线教学越来越被人们接受。而推动社会发展和技术进步的最基础的社会分工，就是教育系统，所以，要进一步全民推广网上教学及进一步促进网上教学的发展，必须做好网上教学的基础教育工作。而这份工作就责无旁贷地落在教育部门，特别是大学的肩上了。本多媒体教学网站主要是为在校学习网上教学的学生提供一个网络平台，可以让同学无论何时何地，只要有网络有电脑的地方就可以进行网上学习，自行安排学习时间，不仅突破了学校授课的空间跟时间的局限性，更节约了学校的各种资源，而且还节省了老师同学的时间，网上的交流让老师同学更加的自由

12、方便，从学习渠道方面解决学生学习网上教学知识的通路问题。1.2 多媒体教学网站研究的目的和意义信息爆炸的时代，随着IT以及通信网络的飞速发展，信息的发布和交流开始越来越广泛，利用计算机、网络管理和信息采集势在必行。对于高校来说，利用计算机互联网进行网上办公、网上日常事务管理、网上财务管理、网上教学管理等，是适应现代化教学的一个基础和要求、是推动高校管理的科学化、规范化、科学化的必要条件。精品课程网站应具有很强交互性，为用户提供一个更全方位的网络体验。为了符合用户的需求，该系统应从操作简便、界面友好、灵活、实用、安全的要求出发，完成高校精品课程管理的全过程。Internet是目前世界上最大的计算

13、机互联网络，它遍布全球，将世界各地各种规模的网络连接成一个整体。我们的教学也有了很大得发展与改革。现代信息技术是网络教学的技术标志，而教学活动，对人才的培养则是网络教学的根本。网络教学的问题不仅仅是技术问题，其本质问题仍是教学问题，是培养人的问题。是现代信息技术条件或环境下培养人的问题。认真学习国外的经验，并要结合本学校、本课程、学生的实际，加以改造应用。网络教学在教学中所扮演得角色越来越明确：一方面，计算机网络为学习者提供学习资料、工具和创设学习情景，让他们操作、探索，为提高学习者的兴趣，调动他们的积极性和主动性，培养其创造能力营造了良好的信息化环境。另一方面，计算机网络有丰富的教学信息资源

14、，它既可以做到在不割裂学科系统知识的情况下，以多媒体的方式表现知识和经验；又可以对学科的系统知识进行延伸性链接，对不同学科所涉及的同一对象给予多角度、多层面的反映。为学习者掌握系统知识提供了书本无法比拟的信息化环境。计算机网络既能提升学习者主体地位，提高其学习兴趣，培养其主动探索问题、解决问题的能力和技能；又能使他们学习和掌握系统的科学知识。既可以使学习者学习系统知识，又可以使他们在学习过程中学会学习。既调动学习者的主动性，又充分发挥了教师的主导作用。1.3 多媒体教学网站研究的主要内容通过浏览网站，在获取网站上提供的信息资源，并且利用网站提供的各项辅助学习的服务。使用该网站，使学习十分方便。

15、比较网站教学与课堂实际教学相比较。整个网站功能很多。计算机网络教学网站的建设成功的实现了作为课堂教学有力补充的功能。有效的吸引了学生的学习热情。为学生的学习提供了有利的条件。节省了大量的时间，因为它是一个操作系统学习资源的集合，随着不断的更新，使学生有了更多的学习的空间与兴趣。节省了金钱，计算机的书本是相当贵的，有了网上课件下载，使得许多学生有了一个廉价而有效的学习空间。还有在线答疑使学生只要有一台电脑，可以上网，就可以随时随地向老师进行提问，没有任何的限制。总体来说：计算机网络教学网站主要实现的功能模块有如下几个：课程介绍、教学资源、课程表、课堂教学、在线答疑、其他课程、课件下载、留言反馈、

16、自我测试、成绩管理、站内搜索、公告专栏、友情链接、校园风景、新闻中心、栏目导航等程序模块。第2章 系统分析2.1 系统分析2.1.1 功能需求分析计算机网络多媒体教学网站需要对网站的学院介绍、教学资源、课堂教学、课件下载、留言答疑、自我测试、学习作业、前沿展望、网络公开课等进行系统化管理，本系统分为两级权限，由学生跟老师共同参与，以加强师生之间的互动学习与交流。由以上需求得到系统的用例图如图2-1所示：图2-1 多媒体教学网站用例图如图2-1所示，该系统主要有管理员、老师、学生三种角色，不同角色的基本任务如下所述。管理员具有最高权限，即对本系统所有权限的操作权，如首页管理、公告管理、账号管理；

17、教师具有日常管理操作权，如上传课件、上传作业、学生作业查看、学生答疑、题库管理等功能的操作。老师可以维护整个网站的日常正常运行。学生可以拥有浏览整个网站的权限，如查看学院介绍、教学资源、前沿展望，下载课件跟作业，在线测试，在线学习，在线留等功能操作。用户如有疑问可以与老师进行交流，为网站的优越性进言进策。2.1.2 系统流程分析本教学网站用户根据用户名和密码进行登录，若用户名和密码都正确则进行权限判断，是老师则进入老师界面，是学生则进入学生界面。然后用户可以根据自己的权限级别进行相应操作，通过浏览网站，在线获取网站上提供的信息资源，并且利用网站提供的各项辅助学习的服务，完成所有操作后便可以退出

18、本系统。学生网上学习流程和老师在线教学流程如图2-2、图2-3所示：登陆学生权限的操作通过学生身份验证？开始是否退出网站？结束否是否是图2-2 学生网上学习流程图登陆老师权限的操作通过老师身份验证？否开始是否退出网站？结束是否图2-3 老师网上教学流程图2.2 主要相关技术2.2.1 DIV+CSS技术DIV+CSS是网站标准（或称“WEB标准”）中常用术语之一，div+css 是一种网页的布局方法，这一种网页布局方法有别于传统的HTML网页设计语言中的表格（table）定位方式，可实现网页页面内容与表现相分离。XHTML是The Extensible HyperText Markup Lan

19、guage（可扩展超文本标识语言）的缩写。XHTML基于可扩展标记语言（XML），是一种在HTML 基础上优化和改进的的新语言，目的是基于XML应用与强大的数据转换能力，适应未来网络应用更多的需求。在XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种定位。2.2.2 HTML技术超级文本标记语言（英文缩写：HTML）是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器

20、按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果2.2.3 Struts技术Struts是Apahe软件基金赞助的一个开源框架，他主要解决请求与视图分离的问题。他采用MVC模式，即Model-View-Controller模式，Model部分是域模型,用于封装用户的请求参数，View部分是呈现给用户的视图，而Controller则负责View部分与Model部分的交互，负责业务的逻辑处

21、理部分。虽然从开发角度来看，Struts增加了整体代码的复杂程度，但却简化了程序的结构，也降低了程序后期的维护难度。由于Struts框架清晰地将控制，事务逻辑和视图区分了出来，大大的简化了开发程序的过程，深受广大java软件工程师的厚爱。目前最高版本为2.3.4。2.2.4 JSP技术JSP是由SunMicrosystems公司倡导、许多公司参与一起建立的一种动态技术标准。在传统的网页HTML文件（*.htm，*.html）中加入Java程序片段（Scriptlet）和JSP标签，就构成了JSP网页java程序片段可以操纵数据库、重新定向网页以及发送E-mail等，实现建立动态网站所需要的功能

22、。所有程序操作都在服务器端执行，网络上传送给客户端的仅是得到的结果，这样大大降低了对客户浏览器的要求，即使客户浏览器端不支持Java，也可以访问JSP网页。2.2.5 JavaScript技术JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。是为了解决服务器端语言遗留的速度问题，例如，在客户端进行数据验证，减少服务器的压力等，可以为用户提供更流畅的浏览效果，而且它具有丰富的运算功能和事件处理功能。2.2.6 JQuery技术Jquery是继prototype之后又一个优秀的Javascript框架。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0

23、+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可.2.3 技术可行性分析多媒体教学网站中MVC模型贯穿整个系统，通过对网站进行信息化管理，使老

24、师的网站管理、学生的在线学习等更为科学化、系统化和人性化，而且提高了在线学习理想效率。本系统采用Struts+Hibernate+Spring技术进行开发。Struts完成MVC的搭建，负责数据模型的结构搭建、业务逻辑的处理和页面的交互。Hibernate则实现数据的持久化，负责将用户操作的重要数据持久化到数据库中。Spring则管理所有的bean和事务管理等功能。2.3.1 系统数据模型层的分析与设计数据模型层分为数据逻辑层和业务逻辑层。(1) 数据逻辑：本系统采用了Hibernate技术，它将数据表中各字段与Struts Model层中的各类相关联，可以直接创建相应对象来封装数据库的内容，

25、方便、快捷。(2) 业务逻辑：业务逻辑即事务管理，根据数据库表的规则来进行管理，如关键字字段的内容不能重复、关键字字段的内容不能为空，以及数据要遵从表之间的各种约束。2.3.2 系统视图层的设计与分析本系统的视图层实用JSP技术来实现，由于Struts提供了更强大的标签库，故在JSP页面中数据呈现以Struts2的标签库为主。视图层是用于将数据呈现给用户的前端页面，故需要JavaScript技术进行功能扩充与CSS技术进行界面优化。2.3.3 系统控制层的分析与设计本系统的控制层采用Struts技术来实现。主要负责根据用户的HTTP请求进行相关的业务处理，并将所得到的数据加载到视图中返回给用户

26、。控制层是整个系统的核心部分。第3章 网站概要设计3.1 系统功能模块根据网站的需求分析说明，对计算机网络多媒体教学网站进行模块化设计。模块如下：首页、学院介绍、教学资源、课堂教学、课件下载、留言/答疑、自我测试、学习作业、前沿展望、网络公开课、公告专栏、友情链接、校园风景等模块。学生可以正常浏览网站的各种学习信息，并且提出学习过程中的问题，在线参加测试，检测自己的学习情况。老师可以针对网站的多种资源，需要及时进行更新，才可以保持网站的及时性、有用性。对信息的即时更新，对学生的提问进行即时回答，对网站的一些漏洞进行即时维护。由此本网站的功能模块划分如图3-1所示：教学网站功能管理首页信息学院介

27、绍教学资源课堂教学课件下载留言答疑自我测试学习作业前沿展望公开课信息管理校园风景友情链接公告专栏图3-1总体功能模块结构图3.2 系统模块设计其中包括一些静态的页面主要通过超链接实现包括：首页、学院介绍、教学资源等。使学生对于学校的概况以及网站的教学资源有一个比较完全的了解。其中包括一些管理员上传，下载的模块：课件下载、学习作业、前沿展望等。课件下载，可以下载诸如ppt课件，pdf参考书籍等学习资料；学习作业，每学到一定章节，可以下载老师留的相应的作业；前沿展望，主要就是报道一些当今世界关于计算机网络的一些先进的技术跟理论，即新闻报道一样。其中课堂教学这一模块，使学生可以像在课堂上一样，浏览幻

28、灯片，接受学习指导，进行课程学习，并且可以进行课堂练习，进行自我检测学习效果，查漏补缺。其中留言/答疑这一模块，了解学生的意见与建议的一个非常有效的途径。同时也是教师与学生交流的平台，学生可以向老师提出关于学习方面的问题，老师也可以对于这些问题进行解答。使教师和学生有了更多交流的机会与空间。其中自我测试这一模块，是学生检测自己学习成果的模块，精简（短小精悍）版的在线考试系统，学生可以即时的查漏补缺。其中网络公开课这一模块，是让学生拓展一下自己的眼界，看一些主流大学的网络公开课。其他版块，是其他网站最常见的一些版块，如：公告专栏、友情链接、校园风景。3.3 网站建设模式本课题采用B/S架构，简单

29、的说B/S代表的是服务器端由WEB服务器发放，客户端由浏览器接收的系统，它的前台是HTML语言，由浏览器解释。B/S结构可以由WEB服务器能够解释的脚本语言如ASP，PHP或JSP等编写，也可以由VB，VC或PERL等语言写成CGI形式。B/S结构：（Browser/Server，浏览器/服务器模式）：是WEB兴起后的一种网络结构模式，WEB浏览器是客户端最主要的应用软件。这种模式统一了客户端，将系统功能实现的核心部分集中到服务器上，简化了系统的开发、维护和使用。客户机上只要安装一个浏览器（Browser），如Netscape Navigator或Internet Explorer，服务器安装

30、Oracle、Sybase、DB2或 SQL Server等数据库。浏览器通过Web Server 同数据库进行数据交互。图3-2 B/S结构示意图B/S最大的优点就是可以在任何地方进行操作而不用安装任何专门的软件。只要有一台能上网的电脑就能使用，客户端零维护。系统的扩展非常容易。B/S结构的使用越来越多，特别是由需求推动了AJAX技术的发展，它的程序也能在客户端电脑上进行部分处理，从而大大的减轻了服务器的负担；并增加了交互性，能进行局部实时刷新。第4章 数据库设计与实现4.1 数据库表关系分析由以上的多媒体教学网站的需求和功能模块的划分可以看出，各个功能模块都需要设计一个表来记录本

31、模块信息，再加上用户表等其他辅助表，可以得到各表之间的关系，本系统用PowerDesigner软件设计数据库，表关系图如图4-1所示：图 4-1 数据库设计关系图本系统需要设计7张表，该项目涉及到的数据库中的表如表4-1所示： 表4-1 数据库中所有表表名功能说明TB_USER用来存储用户登录信息的TB_TEACHER用来存储老师信息的TB_STUDENT用来存储学生信息的TB_MSG用来存储留言答疑信息的TB_RESOURCE用来存储上传下载信息的TB_HOMEWORK用来存储作业信息的TB_PPT用来存储幻灯片信息的4.2 数据库的表设计4.2.1 用户登录表用户登录表用于存储登录用户的基

32、本信息，以用户编号为主键，还包括用户登录名、用户密码、权限。用户登录表各字段如表4-2所示：表4-2 用户登录表字段名描述类型长度是否为空备注id用户编号int否主键username登录名varchar50是 password登录密码varchar50是 limits权限int是 4.2.2 老师信息表老师信息表用于记录本网站老师的信息，用于老师登录验证。以自增id为主键，方便更改用户密码，还包括姓名、性别、登录名，各字段设计如表4-3所示：表4-3 老师信息表字段名描述类型长度是否为空备注id老师编号int否主键name姓名varchar50否 gender性别varchar4否 login

33、Name登录名varchar50否 4.2.3 学生信息表学生信息表用于记录本网站学生的信息，用于学生登录验证。以自增id为主键，方便更改用户密码，还包括姓名、性别、登录名，各字段设计如表4-4所示：表4-4 学生信息表字段名描述类型长度是否为空备注id学生编号int否主键name姓名varchar50否 gender性别varchar4否 idcard学号varchar50否 loginName登录名varchar50否 4.2.4 留言答疑信息表留言答疑信息表用于记录学生的留言，老师的答疑的信息，以留言编号为主键，学生编号、老师编号为外键，此外还包括答疑时间与答疑内容等信息。各字段设计如表

34、4-5所示：表4-5 留言答疑信息表字段名描述类型长度是否为空备注id答疑编号int否主键stuId学生编号int否外键teaId老师编号int否外键Qdate提问时间date是 Adate回答时间date是 Qmsg提问内容varchar250是 Amsg回答内容varchar250是 flag标识int是 4.2.5 上传下载资源表上传下载资源表用于记录老师上传的一些学习资料的信息。以资源id为主键，还包括存储路径、标题、上传时间、教师编号等信息。各字段设计如表4-6所示：表4-6 上传下载资源表字段名描述类型长度是否为空备注id资源编号int否主键src存储路径varchar50否 ti

35、tle标题varchar 50否 udate上传时间date否 teaId教师编号int否 外键4.2.6 作业信息表作业信息表用于记录老师所上传的一些作业的信息。以作业编号为主键，还包括存储路径、标题、上传时间等信息。各字段设计如表4-7所示：表4-7作业信息表字段名描述类型长度是否为空备注id作业编号int否主键src存储路径varchar50否 title标题varchar 50否 sdate上传时间date否 4.2.7 幻灯片信息表幻灯片信息表用于记录一些ppt的信息。幻灯片编号为主键，还包括存储路径、章节等信息。各字段设计如表4-8所示：表4-8幻灯片信息表字段名描述类型长度是否为

36、空备注id幻灯片编号int否主键src存储路径varchar50否 chapters章节varchar 50否 4.3 数据库的实现脚本4.3.1 数据库系统物理结构设计脚本CREATE DATABASE CNP ON PRIMARY ( NAME = N'CNP', FILENAME = N'E:c盘项目代码CNP_0100CNP.mdf' , SIZE = 3072KB , MAXSIZE = UNLIMITED, FILEGROWTH = 1024KB ) LOG ON ( NAME = N'CNP_log', FILENAME = N&#

37、39;E:c盘项目代码CNP_0100CNP_log.ldf' , SIZE = 1024KB , MAXSIZE = 2048GB , FILEGROWTH = 10%)GO4.3.2 表创建部分脚本1. 留言答疑信息表CREATE TABLE dbo.tb_msg(id int IDENTITY(1,1) NOT NULL,stuId int NULL,teaId int NULL,Qdate date NULL,Adate date NULL,Qmsg varchar(250) NULL,Amsg varchar(250) NULL,flag int NULL, CONSTRAI

38、NT PK_db_msg PRIMARY KEY CLUSTERED (id ASC)WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS = ON) ON PRIMARY) ON PRIMARYGO2.学生信息表CREATE TABLE dbo.tb_student(id int IDENTITY(1,1) NOT NULL,name varchar(50) NULL,gender varchar(4) NULL,idc

39、ard varchar(50) NULL, CONSTRAINT PK_db_student PRIMARY KEY CLUSTERED (id ASC)WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS = ON) ON PRIMARY) ON PRIMARYGO3.上传下载资源表CREATE TABLE dbo.tb_resource(id int IDENTITY(1,1) NOT NULL,src varchar

40、(50) NULL,title varchar(50) NULL,udate date NULL, CONSTRAINT PK_db_resouce PRIMARY KEY CLUSTERED (id ASC)WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS = ON) ON PRIMARY) ON PRIMARYGO4.3.3 触发器部分脚本create trigger dbo.onInsertTeaon dbo.t

41、b_teacherfor insertasdeclare id varchar(50);select id=loginName from insertedinsert into tb_user values(id,'111111',1);GOcreate trigger dbo.OnInserton dbo.tb_studentfor insertasdeclare id varchar(50);select id=idcard from insertedinsert into tb_user values(id,'111111',0);GO第5章 系统详细设计

42、与实现5.1 开发工具和开发技术本系统的开发工具如下：l 系统开发平台：MyEclipse 8.5l 数据库软件：Sql Server 2008l 运行平台：Windows XPl JDK版本：JDK 1.6.0l Web服务器: Tomcat本系统的开发技术如下：l 显示层：由JSP技术实现，用JavaScript进行功能扩充，用CSS进行界面优化。l 控制层：使用Struts技术和Spring技术实现。l 数据访问层：使用Hibernate技术进行数据访问。5.2 网站整体框架与结构本系统基于SSH三大轻量级框架搭建，实现MVC结构，有利于系统的开发与以后程序的优化，本系统的框架图如下：图

43、 5-1 系统框架结构界面Src目录下为程序源码，下面将介绍各层的功能：l com.ljp.action层：本系统的所有与用户交互的业务逻辑都由该层实现。l com.ljp.action.father层：action层中的各个action类都继承自该层的类，主要是通过接口拿到web的request、session和response对象。l com.ljp.db层：数据访问接口层，负责定义访问底层数据库的方法。l com.ljp.model层：数据模型层，用于封装从数据库得到的实体对象。l com.ljp. tools层：工具层，主要用于对于请求中的字段格式的转换。WebRoot目录为程序部署到

44、server上的目录，各文件夹功能介绍如下：l css：存储web中用到的css文件。l images：存储web中用到的图片信息。l js：存储web中用到的JavaScript或JQuery源码。l META-INF： 存在程序入口相关信息。l views：存放web中的视图信息。l WEB-INF：web的安全目录。5.3 登录模块的设计保证网站的安全，网站浏览之前会有登陆界面，来区分用户及管理员的权限。可以说登陆系统就是网站的大门，没有钥匙就无法进入。该网站主要针对本门课程的学生以及教师，因此在数据库中直接录入学生或教师的用户名，系统设置一个初始密码，学生或教师可以自行修改密码，达到保

45、密的效果，如图5-2所示。登陆成功？开始老师操作学生操作报错结束图5-2 登陆页面流程图登录模块的关键代码：/* 用户登陆*/public String login()String result=SUCCESS;/设置返回字符串String sql="select * from tb_user where username= ? and password= ? "Object params=user.getUsername(),user.getPassword();user=opDB.logOn(sql, params);/查询用户信息if(user=null)result

46、=INPUT;/查询失败，将字符串设为inputelseif(user.getLimits()=0)/如果是学生登录，添加学生id到sessionsql="select * from tb_student where idcard = ?"Object param=user.getUsername();Student student=new Student();opDB.getObj(student, sql, param);session.put("id", student.getId();else/如果是教师登录，添加教师id到sessionsql=

47、"select * from tb_teacher where loginName = ?"Object param=user.getUsername();Teacher teacher=new Teacher();opDB.getObj(teacher, sql, param);session.put("id", teacher.getId();session.put("loginName", user.getUsername();session.put("limit", user.getLimits();Str

48、ing controls="Student.htm","Teacher.htm"session.put("controller", controlsuser.getLimits();return result;5.4 课堂教学模块的设计课堂教学无疑是教学网站的核心部分，在这一模块中我们通过与网络任教的老师了解到。在这一模块之中应该有所学课程的简介，学习指导，课程练习等功能。因此我们网站的课堂教学模块的结构,网站的课堂教学模块的结构,如图5-3所示。此处的自我测试版块，课程简介等功能模块均使用各自的jsp来实现，并使用javascrip

49、t风格设置相应的函数。课 堂 教 学课程简介使用说明学习指导课程指导课程练习课程公告浏览信息返回主页浏览简介返回主页浏览说明返回主页进行指导返回主页作自测题重新作题浏览公告返回主页图5-3 课堂教学模块结构图课堂教学关键代码：private static final long serialVersionUID = 1832003081588622884L;private PPT ppt;private List<PPT> pptList;public String reList()/设置主页面request.setAttribute("mainPage", &q

50、uot;/views/learn.jsp");OpDB opDB=new OpDB();String chapter=request.getParameter("chapter");String sql="select * from tb_ppt where chapters= ?"Object params=chapter;pptList=opDB.getList(new PPT(), sql, params);/获取ppt信息return SUCCESS;自我测试是课堂教学版块设计过程中一个核心的部分，对于每次提交的答案，根据程序，对其进行

51、比较判断。通过计算评分，学生可以了解到学生本门课程的不足之处，与欠缺的知识点。自我测试所采用的试题是每章一测即章节小测，方便老师与学生了解学习近况，便于交流。在JSP中有一个非常重要对象session网页是一种无状态的程序，从服务器端无法了解客户端的浏览状态。要记录用户的相关信息，维持会话状态，JavaServlet提供了一个在多个请求之间持续有效的会话对象。session支持这个功能，与application对象不同的是session保存个人信息，application保存公共信息。本系统实现的只是对于用户多作题的判断，输出结果。以下为学生提交自测题后，用于评判的程序：<title&g

52、t;在线考试</title> <script type="text/javascript"> $(function() var table=$("#result").find("tbody").html(); $("#submit").click(function()/提交答案，进行评分 var ta=""+table; var data="1","D","C","C","B&quo

53、t;,"D","D","A","C","B","C","ABC","ACD","BCD","ABC","AD"/正确答案列表 for(var i=1;i<16;i+)/循环遍历复选框，获取填写的答案信息并判断 var value="" $("inputname='Q"+i+"':checked").each(function() value+=$(this).val(); );/以下为拼写html，设置评分弹出框格式和内容 var str="<tr id='tr"+i+"' class='redbg'>&q