基于web的通用精品课程网站系统的设计与实现

1、常常 州州 大大 学学 毕毕业业设设计计（论论文文） （ 2013 届）届） 题题 目目 基于基于 webweb 的通用精品课程网站系统的设计与实现的通用精品课程网站系统的设计与实现 学学 生生 学学 院院 信息科学与工程学院信息科学与工程学院 专专 业业 班班 级级 校内指导教师校内指导教师 专业技术职务专业技术职务 校外指导老师校外指导老师 专业技术职务专业技术职务 二二一三年六月一三年六月 i 基于基于 webweb 的通用精品课程网站系统的设计与实现的通用精品课程网站系统的设计与实现 摘要：摘要：精品课程建要要# #源码及数据库表源码及数据库表设是教育部深化教学 改革的“高等学校教学质

2、量与教学改革工程”的一项重要内容，是用教育信息 化来带动教育现代andand 企鹅企鹅 5 then gives the required course website features, focusing on the course website design ; finally, i introduced the administrator of the login module, news management module, the forum module for detail,on-line testing and gives concrete steps to achieve;

3、 by test and analysis, the system is stable, reliable,friendly interface has certain practical value. key words: high-quality curriculum website; resource sharing; sql server ;jsp iii 摘要.i 目录.iii 1 绪论.1 1.1 课题背景.1 1.2 课题研究的现状.1 1.3 主要研究内容.1 2 需求分析.1 2.1 系统需求分析.1 2.1.1 数据流分析.2 2.1.2 功能需求分析.2 2.2 技术可行

4、性分析.2 2.3 非功能需求分析.3 2.4 开发平台.3 3 系统概要设计.3 3.1 概述.3 3.2 功能模块划分.3 3.3 数据库设计.4 3.3.1 逻辑设计.4 3.3.2 表设计.6 4 详细设计与实现.8 4.1 核心技术简介.8 4.1.1ajax 技术.8 4.1.2 jsp 技术.9 4.1.3 css 技术.10 4.2 前台管理.10 4.2.1 用户注册.10 4.2.2 登陆模块.11 4.2.2 新闻模块.12 4.2.3 教学录像.13 4.2.4 有问必答.14 4.2.5 资料下载.15 4.2.6 在线测试.17 4.3 后台管理.18 4.3.1

5、登陆模块.18 4.3.2 用户管理.20 4.3.3 新闻管理.21 4.3.4 教学资料管理.24 4.3.4 学习视频管理.25 iv 4.3.5 修改密码.26 4.3.6 留言管理.28 4.3.7 题库管理.29 5 系统测试.31 5.1 测试的目的.31 5.2 测试的准则.31 5.3 测试的方法.31 5.4 单元功能测试实例.31 6 总结与展望.33 参 考 文 献.34 致 谢.35 常州大学本科生毕业设计（论文） 第 1 页 共 35 页 1 绪论绪论 1.11.1课课题题背景背景 以网络化、数字化、多媒体化和智能化为代表的现代信息技术正在改变着人们的工 作、学习与

6、生活方式，也给教育的内容和发展带来了新的发展空间。课程是教育的核 心和灵魂，大学课程则是大学培养目标与培养规格的具体化，是高等学校教学工作的 重要依据，而精品课程更被上升为学校办学水平的重要标志。高校实施精品课程建设 是一项深化教学改革、提高教学质量的系统工程。因此，高校建立一个自己的精品课 程网站是十分必要的事情，这不仅是能使更多的人享用宝贵的教育资料源，同时也对 于提升学校自身的知名度，提高学生自学能力，有相当大的帮助1。 1.21.2 课题研究的现状课题研究的现状 在世界范围内来看，有关精品课程网站研究一直都在进行并且不断取得进步，特 别是西方发达国家，他们在精品课程的理论研究与实际运用

7、方法积累了大量的经验， 虽然中国国内在精品课程网站这一方面的研究起步较晚，但同样也取得了大量丰硕的 成果。目前已有大约 750 门国家级精品课程上网，为实施和推广精品课程、全面提高 教学质量提供了样板。各省、市院校也建立了自己的富有特色的精品课程网站。这些 优质的课程资源，已经为其他高校的教学工作起到了先锋模范的样板作用1。 1.31.3 主要研究内容主要研究内容 本系统是基于 web 体系的通用精品课程网站系统。该系统主要围绕新闻公告信息， 用户注册，资料的查看下载，视频在线播放，在线测试，问题的提出和回复等一系列 的问题进行展开。 2 需求分析需求分析 需求分析是在可行性研究的基础上将用户

8、对系统的描述，通过开发人员的分析和概 括抽象为一个完整的定义，并形成一系列文档的过程，旨在回答系统做些什么的问题， 确保将来开发出来的软件产品能够真正满足用户的需求2。良好的需求分析将会是开发 一套优秀软件的前提和基础，因为，需求分析完成的好坏将直接影响后期软件开发的 质量。因此，首先需要对本课题做一个充足的需求分析3。 对于本课题来说，主要从系统需求、技术需求、非功能性需求以及环境需求这几个 方面入手。 2.12.1 系统需求分析系统需求分析 系统需求是软件需求中核心部分，不管使用什么样的技术开发什么软件，首先必须 保证所开发出来的软件是满足用户最基本的需要，也就是需要知道开发什么样的一套

9、软件，它可以做什么4。 通用精品课程网站系统从现状出发，主要从数据和功能两个方面来做系统需求分析。 常州大学本科生毕业设计（论文） 第 2 页 共 35 页 .1 数据流分析数据流分析 通用精品课程网站系统，从数据需求分析上来看，是个比较典型的模型：输入-变 换-输出。输入主要是一些基本信息，如新闻信息数据等等，系统需要将这些数据存入 数据库，为后期的数据处理提供保证；系统首先得跟数据库进行交互，得到基础数据， 接着，这部分还要更新数据存储；最后，是数据输出，作为信息系统，这部分主要是 将经过变换处理过的数据从数据存储中取出来，并呈现给用户。 .2 功能需求分析

10、功能需求分析 根据前面的数据流分析，从功能上来看，主要有如下几点需求： （1）首先，通用精品课程网站系统要能对教学内容基本信息进行维护（如：增、 删、改、查） ，这部分是整个系统的核心基础，因为一切工作都是建立在教学基本信息 基础上的，这包括对教学课件、教学视频和评分测试的增删改查。 （2）其次，本系统还需要有处理基本数据的能力。在本系统中，需要对已经测试 过的试卷进行相应的处理，最终得出测试结果。 （3）接着，系统还需要提供用户查询入口，让用户能够查询到相关信息，如教学 资料、新闻信息等等。 （4）然后，系统还需要能够维护和管理基本信息，因为这是所有信息依赖的基础， 如果没有了用户，那么一切

11、数据将没有意义。 （5）最后，本系统还需要设置不同角色的用户来保证系统的安全性。因为本系统 需要对用户的基本信息进行管理和维护。 2.22.2 技术可行性分析技术可行性分析 前文就功能和数据做了需求分析，但是，再好的设计，如果不考虑实际技术，不 考虑是否能实现，那也只是空想，无法实现。因此，在理清前面系统所有需求的基础 上，本系统中还需要对技术可行性进行进一步的深入分析研究。 就本课题而言，根据前面的需求分析，可以了解到，从技术上来讲，通用精品课 程网站系统细分到最后主要实现的就是对数据的增、删、改、查，将系统划分为若干 单独处理的模块，每个模块又可以划分为一个或多个单元，每个单元又是负责对基

12、本 数据的维护，即一个或多个增删改查(crud)操作，这样，一切就一目了然了，十分清 楚了。 对于具体使用怎样的技术，有必要在这里说明下，这也算是对技术进行一个可行 性分析。 首先是编程语言的选择，从行业发展来看，java、php、.net 都是不错的选择。 java 语言属于面向对象语言，具有良好的继承、封装和多台的特性，而且它十分灵 活，拥有者丰富的 api 文档，这对开发人员来说，是个很好的选择。此外，java 语 言具有一次编译到处运行的特点，良好的可移植性为后期的测试运行带来了方便。因 常州大学本科生毕业设计（论文） 第 3 页 共 35 页 此，选择 java 语言来进行开发，完全

13、合理可行5。 其次是数据库的选择，按照规模的大小，常见的数据库有 access、mysql、sql server、oracle、db2。access 主要针对数据量不大的小型软件，mysql 与 sql server 可以满足中型项目的需求，而 oracle 和 db2 主要面向大型软件系统。考虑到通用精品 课程网站系统数据量不是特别大以及自己对数据库 sql server 的熟悉，所以选择 sql server 基本能完成系统6-8。 综上所述，采用 j2ee 技术来开发，sql server 做数据库支持来完成本课题基本可 行。 2.32.3 非功能需求分析非功能需求分析 这部分主要针对通

14、用精品课程网站系统就用户体验方面做些非功能性方面的需求 分析。 首先是界面需求，不管系统功能怎么样，界面都要尽量设计的比较美观些，使得 界面具有一定的友好性，至少让用户觉得这款软件看着舒服，第一印象很重要。 其次是用户习惯需求，开发出来的软件系统要符合用户的操作习惯，尽量做到简 便、易于操作，不能让用户无从下手，不知道该如何使用，那样可能软件的质量就会 打大折扣了。 接下来的一个问题很重要，由于通用精品课程网站系统的用户比较多，用户使用的 方便性将是一个值得考虑的问题。软件分为 c/s 跟 b/s 两种模式，c/s 是客户端/服务 端模式，要访问就必须在本机安装客户端软件，这给用户带来了很多不

15、便。而 b/s 模 式是基于浏览器的，只要打开浏览器输入网址就能访问，这样用户使用就方便多了， 因此，本课题中，采用 b/s 模式来开发本系统。 最后，是稳定性需求，开发过程中尽量使用规范的代码来进行开发编写，一切按 照标准来，这样可以确保系统具有良好的可移植性。 2.42.4 开发平台开发平台 根据前文的技术需求分析，通用精品课程网站系统采用的开发平台如下： （1）开发环境为 windows 7 （2）开发工具：myeclipse for spring8.6，jdk1.6 （3）服务器：tomcat6.0 服务器 （4）数据库：sql server 2005 3 系统概要设计系统概要设计 3

16、.13.1 概述概述 通用精品课程网站系统主要采用软件工程的设计思想来进行设计的，在概要设 计部分，需要完成的任务是设计系统的实现方案以及确定程序的体系结构，即确定 程序由哪些模块组成以及模块之间的相互关系。 常州大学本科生毕业设计（论文） 第 4 页 共 35 页 3.23.2 功能模块划分功能模块划分 根据业务需求，从功能上来看，主要需要如下几个模块： （1）登陆模块，这时前台登陆，普通用户（学生）竟然系统的入口。 （2）新闻模块，分为新闻添加、新闻管理和类别管理三部分，由管理员新闻的添 加删除和分类，同时在前台让用户看到一些重要的公告。 （3）用户注册，新用户（学生）可以由此注册，从而进

17、入到网页内，拥有一些基 本的操作权限。 （4）教学模块，包括教学课件的查看和下载，以及教学视频的播放。 （5）论坛模块，无需登陆即可查看留言，登陆后才可发表留言，回复留言。为为 有疑问的学生提供一个交流和互动的平台。留言发表时必须有发表者姓名、及内容。 只有管理员有权利删除留言。 （6）在线测试，用户登陆后可选择试卷，自行测试，只有普通管理员（老师）有 权对试题进行增删改查，以及组卷。 （7）后台管理，超级管理员只有在登陆后才能够进行新闻管理、留言管理、用户 管理等，维护网站的正常运行。普通管理员（老师）只能对教学资料进行管理。普通 管理员由超级管理员创建。密码或账户错误则不能登录。 综上所述

18、，通用精品课程网站系统需要有登陆模块、新闻模块、用户注册、教学 模块、论坛模块、在线测试、后台管理维护这几个功能模块。系统功能结构如图 3.1 所 示。 图图 3.1 系统功能结构系统功能结构 3.33.3 数据库设计数据库设计 数据是软件的血液，一款没有血液的软件是没有生命的，同时，血液的好坏也将在 一定程度上决定着软件性能的好坏，因此，对软件系统做数据库设计是一个必不可少 的过程9。 .1 逻辑设计逻辑设计 根据需求分析，本系统主要有用户（学生） ，普通管理员（老师） ，超级管理员，新 闻公告，留言板，教学视频，教学课件，试卷等多个实体。为了更清楚地说明各个实 体以及各实体

19、间的关系，下面采用 e-r 图来形象的表示： 管 理 模 块 常州大学本科生毕业设计（论文） 第 5 页 共 35 页 n1 n 1 nnnn nnn nnn n 图图 3.2 实体关系图实体关系图 图 3.2 详细展示了学生以及教师实体与新闻实体、教学视频实体、教学课件实体、 试卷实体和留言实体之间的关系以及各实体的相关属性。 图图 3.3 新闻实体属性图新闻实体属性图 图 3.3 是新闻实体的 e-r 图，学院有唯一标识 id 跟标题、类别、内容、添加者、 添加时间六个属性。 用户名 密码 性别姓名 身份证 邮箱 出生年月 学生 新闻 教学视频 教学课件 留言 试卷 观看 下载 测试 留言

20、 留言板 管理 教师 出 题 组 卷 回复 上传 题目 上传 新闻 标题 类别 内容 添加时间 添加者 id id 常州大学本科生毕业设计（论文） 第 6 页 共 35 页 图图 3.4 用户实体属性图用户实体属性图 图 3.4 是用户（学生）实体的 e-r 图，实体有姓名、用户名、密码、性别、邮箱、 出生年月、身份证几个属性。 .2 表设计表设计 通过逻辑设计，大致设计出了以下几个表，它们的字段信息如下： （1）管理员表(allusers) 管理员表 allusers 记录了网站系统超级管理员的信息和所有已注册的普通管理员信 息， （如表 3.1） 表表 3.1 alluse

21、rsallusers 表结构表结构 字段名字段描述数据类型约束 id用户编号int(4)主键 username用户名varchar(50)唯一 pwd用户密码varchar(50)非空 cx用户类型varchar(50)非空 add_time注册时间datetime唯一 （2）资料下载表（ziliaoxiazai） 资料下载表主要是针对资料下载的相关数据的操作。如表 3.2 所示。 表表 3.23.2 ziliaoxiazaiziliaoxiazai 表结构表结构 字段名字段描述数据类型约束 id编号int(4)主键 bianhao资料编号varchar(50)唯一 mingcheng资料名称

22、varchar(300)非空 leibie类别varchar(50)非空 kecheng课程varchar(50)唯一 jianjie简介varchar(500)非空 fujian复件varchar(50)非空 addtime添加时间datetime唯一 （3）用户注册表（yonghuzhuce） 用户注册表主要是针对用户注册模块的数据操作，是本设计的核心表，涉及到的属 性主要是用户编号，姓名，用户名，密码，姓名，性别，出生年月，联系 qq，邮箱， 电话，身份证，头像，地址，备注录入时间，审核等,如表 3.3 所示。 用户 （ 常州大学本科生毕业设计（论文） 第 7 页 共 35 页 表表 3

23、.3yonghuzhuce3.3yonghuzhuce 表结构表结构 字段名字段描述数据类型约束 id用户编号int(4)主键 yonghuming用户名varchar(50)唯一 mima密码varchar(50)非空 xingming姓名varchar(50)非空 xingbie性别varchar(2)唯一 chushengnianyue出生年月varchar(50)非空 qq联系 qqvarchar(50)非空 youxiang邮箱varchar(50)非空 dianhua电话varchar(50)非空 shenfenzheng身份证varchar(50)唯一 touxiang头像var

24、char(50)非空 dizhi地址varchar(300)非空 beizhu备注varchar(500)非空 addtime注册时间datetime唯一 issh审核varchar(2)非空 （4）留言板表（liuyanban） 留言板表主要是针对有问必答模块的数据操作，学生留言和教师回复的内容都存储 在这个表中如表 3.4 所示。 表表 3.43.4 liuyanbanliuyanban 表结构表结构 字段名字段描述数据类型约束 id用户编号int(4)主键 cheng用户名varchar(50)唯一 xingbie用户密码varchar(2)非空 qq用户类型varchar(50)非空

25、youxiang注册邮箱varchar(50)唯一 dianhua电话varchar(50)非空 neirong内容varchar(500)非空 addtime注册时间datetime唯一 huifuneirong回复内容varchar(500)非空 常州大学本科生毕业设计（论文） 第 8 页 共 35 页 4 详细设计与实现详细设计与实现 根据软件工程的思想，在详细设计阶段，本课题需要解决的问题是如何具体地实现 这个系统。 4.14.1 核心技术简介核心技术简介 在本系统中，使用了一些比较流行的框架结构和技术：ajax、jsp、css，这是本 系统的核心技术,在具体实现功能模块前，有必要对这

26、些技术做一些简要的说明与介绍。 4.1.1ajax4.1.1ajax 技术技术10 ajax 即 asynchronous javascript and xml,简单地说是异步 javascript 和 xml，可以 使网站异步的执行数据。ajax 主要通过 xmlhttprequest 对象来实现与服务器的异步交 互性，借助 dom 来实现局部刷新，异步性和局部性使得用户体验连续，不会中断。 xmlhttprequest 是 ajax 的核心机制，它是在 ie5 中首先引入的，是一种支持异步 请求的技术,它的属性有： onreadystatechange 每次状态改变所触发事件的事件处理程序

27、。 responsetext 从服务器进程返回数据的字符串形式。 responsexml 从服务器进程返回的 dom 兼容的文档数据对象。 status 从服务器返回的数字代码，比如常见的 404（未找到）和 200（已就绪） status text 伴随状态码的字符串信息 readystate 对象状态值，0未初始化 1正在加载 2加载完毕 3交互 4完 成。 运行机制：运行机制： （1）创建 xmlhttprequest 对象 如果是 ie 浏览器则使用： xmlhttp = new activexobject(microsoft.xmlhttp); 如果是其他浏览器则： xmlhttp

28、= new xmlhttprequest(); var xmlhttp; function createxmlhttp() if(window.xmlhttprequest) xmlhttp = new xmlhttprequest(); else xmlhttp = new activexobject(microsoft.xmlhttp); （2）发出 xmlhttprequest 请求 设置回调函数，一旦相应，它会自动执行（callback 是定义回调函数的函数 名） 常州大学本科生毕业设计（论文） 第 9 页 共 35 页 xmlhttp.onreadystatechange = cal

29、lback; 定义想要执行的异步请求 xmlhttp.open(post,content.htm); 设置发送的参数（不发送则写 null） xmlhttp.send(null); （3）定义回调函数 function callback() if(xmlhttp.readystate=4)/调用完成 if(xmlhttp.status=200)/http 状态码操作正常 var text = xmlhttp.responsetext; document.getelementbyid(msg).innerhtml = text; 本系统中，主要使用 ajax 技术在进行异步信息的验证，如重名验证

30、，采用 ajax 技 术后，大大提高了用户体验，用户再也不用像之前需要在客户端通过打开一个新的页 面了发送用户请求进行验证，方便，快捷。 .2 jspjsp 技术技术11-16 jsp(java server pages)是由 sun microsystems 公司倡导、许多公司参与一起建立的 一种动态网页技术标准。 jsp 技术使用 java 编程语言编写类 xml 的 tags 和 scriptlets，来封装产生动态网页 的处理逻辑。网页还能通过 tags 和 scriptlets 访问存在于服务端的资源的应用逻辑。jsp 将网页逻辑与网页设计和显示分离，支持可重用的基于

31、组件的设计，使基于 web 的应 用程序的开发变得迅速和容易。jsp 与 java servlet 一样，是在服务器端执行的，通常 返回该客户端的就是一个 html 文本，因此客户端只要有浏览器就能浏览。jsp 页 面由 html 代码和嵌入其中的 java 代码所组成。服务器在页面被客户端请求以后对这 些 java 代码进行处理，然后将生成的 html 页面返回给客户端的浏览器。java servlet 是 jsp 的技术基础，而且大型的 web 应用程序的开发需要 java servlet 和 jsp 配合才能 完成。jsp 具备了 java 技术的简单易用，完全的面向对象，具有平台无关性

32、且安全可 靠，主要面向因特网的所有特点。 自 jsp 推出后，众多大公司都支持 jsp 技术的服务器，如 ibm、oracle、bea 公司 等，所以 jsp 迅速成为商业应用的服务器端语言。 jsp 的优势如下： （1）一次编写，到处运行。在这一点上 java 比 php 更出色，除了系统之外，代 码不用做任何更改。 （2）系统的多平台支持。基本上可以在所有平台上的任意环境中开发，在任意环 常州大学本科生毕业设计（论文） 第 10 页 共 35 页 境中进行系统部署，在任意环境中扩展。相比 asp/php 的局限性是显而易见的。 （3）强大的可伸缩性。从只有一个小的 jar 文件就可以运行

33、servlet/jsp，到由多 台服务器进行集群和负载均衡，到多台 application 进行事务处理，消息处理，一台服 务器到无数台服务器，java 显示了一个巨大的生命力。 （4）多样化和功能强大的开发工具支持。这一点与 asp 很像，java 已经有了许 多非常优秀的开发工具，而且许多可以免费得到，并且其中许多已经可以顺利的运行 于多种平台之下。 4.1.3 css 技术技术17-20 css(层叠样式表)是用来进行网页风格设计的 ，它简化并扩展了 html 中的各 种标记，使得各个标记的属性更具有一般性和通用性 ，大大提高了 html 开发的 效率。在制作网页时采用 css 技术，可

34、以有效地对页面的布局，字体，颜色，背 景和其他效果实现更加精确的控制，只要对相应的代码作一些简单的修改，就可以 改变同一页面的不同部分，或者页数不同的网页的外观和格式。css 是 cascading style sheet 的缩写，可以译成 “层叠样式表 ”或“级联样式表 ”。 css 中，cascading 是“层叠”的意思，也就是说在同一个 web 文档中可以 有多个样式表存在，这些样式表根据所在的位置，拥有不同的优先级，优先级越高， 就会在最后显示时被采用。从样式表插入的形式看可以分为3 种。 （1）内联式样式表 ； （2）嵌入式样式表 ； （3）外部式样式表 。 4.24.2 前台管理

35、前台管理 普通用户在前台显示的首页登陆，登陆后会得到一些权限，如查看新闻公告，下 载教学资料，在线测试等 4.2.1 用户注册用户注册 按规定输入所有信息后才能有权限接受超级管理员审核，审核通过方可登录。这 里介绍一下表单验证； jsp 是 html 嵌入 java 代码构成，所以验证表单的时候一般通过 javascript 来判 断，比如常见的请输入用户名，请输入密码，请输入姓名等。而表单提交的方式有 get 和 post 两种方法，出于安全起见，选取 post 方式因为安全； ; 如图 4.1 所示 常州大学本科生毕业设计（论文） 第 11 页 共 35 页 图图 4.14.1 用户注册界

36、面用户注册界面 定义一个 check()函数用来验证表单 form1 的元素，如果输入的用户名，密码，姓名的 value 值为空，则返回错误，document.form1.yonghuming.focus()指的是光标返回当前文 本框。这个功能的核心代码块是： function check() if(document.form1.yonghuming.value=) alert(请输入用户名); document.form1.yonghuming.focus(); return false; if(document.form1.mima.value=) alert(请输入密码); docume

37、nt.form1.mima.focus(); return false; if(document.form1.xingming.value=) alert(请输入姓名); document.form1.xingming.focus(); return false; 4.2.2 登陆模块登陆模块 注册过后，接下来回到首页登陆，等管理员审核后，输入已注册的用户名。如图 4.2 所示 常州大学本科生毕业设计（论文） 第 12 页 共 35 页 图图 4.24.2 用户登陆界面用户登陆界面 对于用户名和密码是要验证的，验证是否存在此用户名，以及密码是否正确，主 要代码如下： string uid=ne

38、w string(request.getparameter(username).getbytes(8859_1); string pwd=new string(request.getparameter(pwd1).getbytes(8859_1); string sql=; string cx=new string(request.getparameter(cx).getbytes(8859_1); sql=select * from yonghuzhuce where yonghuming=+uid+ and mima=+pwd+ and issh=是; resultset rs_resul

39、t=conndbbean.executequery(sql); if(!rs_result.next() out.print(alert(你输入的用户不存在或密码错误，或帐号未经审核,请重新登录!); window.history.go(-1);); else session.setattribute(username,uid); session.setattribute(cx,cx); response.sendredirect(index.jsp); rs_result.close(); .2 新闻模块新闻模块 新闻模块主要是用来显示一些新闻公告，给用户查看，同时也类型进行

40、区分，而用 户可以通过标题进行模糊查询。如图 4.3 所示 图图 4.3 新闻浏览界面新闻浏览界面 常州大学本科生毕业设计（论文） 第 13 页 共 35 页 图图 4.4 新闻查询界面新闻查询界面 通过使用 rs_result.next()方法遍历数据库表中的数据，然后选择要在前台显示的内 容，如标题。主要代码如下： string sql=; sql=select top 7 id,biaoti,addtime from xinwentongzhi order by id desc; string id=; string biaoti=; string addtime=; int i=0;

41、resultset rs_result=conndbbean.executequery(sql); while(rs_result.next() i=i+1; id=rs_result.getstring(id); biaoti=rs_result.getstring(biaoti); addtime=rs_result.getstring(addtime);% a href=gg_detail.jsp?id= .3 教学录像教学录像 当用户（学生）登陆后，则有权在线观看教学视频，用户可根据视频的基本信息 来决定，观看自己需要学习的视频。如图 4.5 所示 常州大学本科生毕业设

42、计（论文） 第 14 页 共 35 页 图图 4.5 视频播放界面视频播放界面 通过使用object标签来实现视频的播放，主要代码如下： if ( houzhui.equals(.mid) | houzhui.equals(.wma) | houzhui.equals(.wmv)| houzhui.equals(.flv)| houzhui.equals(.mp4)| houzhui.equals(.avi) ) param name=filename value=embed type=text/html codebase=http:/ 1,52,701 flename=mp src= wid

43、th=500/object .4 有问必答有问必答 用户登陆这个界面时，如果有问题，可以提出问题，写下来，然后管理员会进行回 复。如图 4.6 所示 常州大学本科生毕业设计（论文） 第 15 页 共 35 页 图图4.6 留言界面留言界面 定义一个 checklyb()函数用来验证表单 form1 的元素，如果输入的内容等值为空， 则返回错误，document.form1.内容.focus()指的是光标返回当前文本框。这个功能的核 心代码块是： function checklyb() if(document.formlyb.cheng.value=) alert(请输入昵称);

44、 document.formlyb.cheng.focus(); return false; if(document.formlyb.neirong.value=) alert(请输入留言内容); document.formlyb.neirong.focus(); return false; .5 资料下载资料下载 对于已经登陆的用户（学生）才有权利查看，下载资料，同时学生也可以查询自己 需要的资料来下载。如图 4.7 所示 常州大学本科生毕业设计（论文） 第 16 页 共 35 页 图图4.7 资料下载界面资料下载界面 当用户点击下载时，便可下载教学文件。主要代码如下： st

45、ring sql=select * from ziliaoxiazai where id=+id; string bianhao=;string mingcheng=;string leibie=;string kecheng=;string jianjie=;string fujian=; resultset rs_result=conndbbean.executequery(sql); while(rs_result.next() bianhao=rs_result.getstring(bianhao);mingcheng=rs_result.getstring(mingcheng);le

46、ibi e=rs_result.getstring(leibie);kecheng=rs_result.getstring(kecheng);jianjie=rs_result.g etstring(jianjie);fujian=rs_result.getstring(fujian); % 编号： 名称： 类别： 课程： 常州大学本科生毕业设计（论文） 第 17 页 共 35 页 下载： a href= target=_blank点此下载 .6 在线测试在线测试 用户登陆后可选择试卷，自行测试，也可以根据编号来查询试卷。如图4.8所示 图图4.8 在线测试界面在线测试界面 点

47、击开始测试时，页面会跳转到试卷页面，进行测试，当试题都完成后，点击交卷， 系统会自行改卷，最后显示本次测试成绩。主要代码如下： int tishu=integer.parseint(request.getparameter(tishu); int fenzhi=integer.parseint(request.getparameter(fenzhi); string tmp1; string tmp2; int i=0; int df=0; for (i=1;i=tishu;i+) 常州大学本科生毕业设计（论文） 第 18 页 共 35 页 tmp1=request.getparameter(

48、xztshitida+string.valueof(i); tmp2=request.getparameter(xztxxa+string.valueof(i); if(tmp1.equals(tmp2) df=df+fenzhi; string sql; sql=insert into cj(username,cj,sjbh) values(+request.getsession().getattribute(username)+,+df+,+request.getparameter(b ianhao)+); conndbbean.executeupdate(sql); out.print(

49、alert(交卷成功!您本次成绩为+string.valueof(df)+分); location.href=index.jsp;); % 4.34.3 后台管理后台管理 管理员对新闻模块，用户模块，教学模块，留言回复等模块进行管理和维护。 4.3.1 登陆模块登陆模块 只有超级管理员以及被授权的普通管理员才有权登陆，登陆后才有权限对后台进行 管理。如图 4.9 所示 图图4.94.9 管理员登陆界面管理员登陆界面 常州大学本科生毕业设计（论文） 第 19 页 共 35 页 登陆时进行验证，即会和数据库alluser表（管理员表）中数据进行验证，若用 户不存在或密码错误，则返回登陆界面。主要代

50、码如下： /提交验证 string uid=request.getparameter(username); string pwd=request.getparameter(pwd); string cx=new string(request.getparameter(cx).getbytes(8859_1); string sql=; if(cx=null) out.print(alert(对不起，您无权登陆!);); else sql=select * from allusers where username=+uid+ and pwd=+pwd+; resultset rs_result=

51、conndbbean.executequery(sql); if(!rs_result.next() out.print(alert(你输入的用户不存在或密码错误,请重新登录!); window.history.go(-1);); else session.setattribute(username,uid); session.setattribute(cx,rs_result.getstring(cx); response.sendredirect(main.jsp); rs_result.close(); % 当成功登陆后，会进入到后台主页面，如下图 4.10 所示 图图4.104.10

52、后台管理主界面后台管理主界面 常州大学本科生毕业设计（论文） 第 20 页 共 35 页 4.3.2 用户管理用户管理 当超级管理员登陆时，有权对此模块进行操作，同时可以创建普通管理员，删除 而普通管理员则没有权限操作此模块。如图 4.11 所示 图图4.11 用户管理界面用户管理界面 提交时，还要验证此用户是否存在，如果存在则返回，重新创建普通管理员。主 要代码如下： %string username=request.getparameter(username); string pwd=request.getparameter(pwd1); resultset rs_result=connd

53、bbean.executequery(select * from allusers where username=+username+); if(rs_result.next() out.print(alert(该用户名已经存在，请换其他用户名!);window.history.go(-1); ); elsestring sql=insert into allusers(username,pwd) values(+username+,+pwd+); conndbbean.executeupdate(sql); out.print(alert(添加成功!);location.href=yhzhg

54、l.jsp;); rs_result.close();% 对于删除操作，为了防止用户误操作，本系统同样做了删除控制，在点击删除时弹出 对话框提示用户是否确认删除。主要触发 onclick=return confirm(真的要删除？)事件， 如图 4.12 所示 常州大学本科生毕业设计（论文） 第 21 页 共 35 页 图图 4.124.12 删除确认界面删除确认界面 4.3.3 新闻管理新闻管理 新闻管理模块中最基本的功能为增删改查（只有超级管理员才有此权限）,添加新 闻时，标题，内容等是必须要有的，同时也增加了一个新闻图片上传功能 ，使得前台 观看新闻更美观些。如图 4.13 所示 图图

55、4.13 新闻添加界面新闻添加界面 常州大学本科生毕业设计（论文） 第 22 页 共 35 页 当然对于新闻的添加，也做了一些如上面模块的非空验证。而新闻添加界面，是用表 格做的。主要代码如下： 添加新闻通知: 标题：* 类别：* 内容：添加人： input name=tianjiaren type=text id=tianjiaren value=/* 首页图片： 点击率：* 而图片上传则是调用了js中up()方法，然后绑定事件，触发此事件。如图所示4.14所示， 主要代码如下： 图图 4.14 上传成功界面上传成功界面 function up(tt) var pop=new popup(

56、contenttype:1,isreloadonclose:false,width:300,height:50); pop.setcontent(contenturl,upload.jsp?result=+tt); pop.setcontent(title,文件上传); pop.build(); pop.show(); 新闻查询是模糊查询，只需要输入标题的关键字，便可找到，而删除功能则和上 面的用户管理一样。如图4.15所示，查询功能主要代码如下： 常州大学本科生毕业设计（论文） 第 23 页 共 35 页 图图4.15 新闻查询界面新闻查询界面 if(request.getparameter

57、(biaoti)= |request.getparameter(biaoti)=null )elsesql=sql+ and biaoti like %+new string(request.getparameter(biaoti).getbytes(8859_1)+%; sql=sql+ order by id desc; resultset rs_result=conndbbean.executequery(sql); string id=; string biaoti=;string leibie=;string neirong=;string tianjiaren=;string sh

58、ouyetupian=;string dianjilv=; string addtime=; int i=0; while(rs_result.next() i=i+1; id=rs_result.getstring(id); biaoti=rs_result.getstring(biaoti); leibie=rs_result.getstring(leibie); tianjiaren=rs_result.getstring(tianjiaren); shouyetupian=rs_result.getstring(shouyetupian); dianjilv=rs_result.get

59、string(dianjilv); addtime=rs_result.getstring(addtime);% 而新闻的修改功能，则是带着原有的参数转到修改页面去，而修改页面则和添加页面 差不多，如图4.16所示，修改功能的主要代码如下： 常州大学本科生毕业设计（论文） 第 24 页 共 35 页 图图 4.16新闻修改界面新闻修改界面 修改新闻通知: 4.3.4 教学资料管理教学资料管理 教学资料管理也具备最基本的增删改查功能，实现的方式大概与新闻管理相同， 相对而言资料添加的界面比较简单些，如图 4.17 所示，主要代码如下： 常州大学本科生毕业设计（论文） 第 25 页 共 35 页

60、图图 4.17 教学资料添加教学资料添加 当然，对于非空验证也是有的，编号，名称，类别，简介，附件这些都是必须要填写 的，否则无法提交。主要代码如下： 添加资料下载: 编号：* 名称：* 类别： 教学课件 常用软件 通知公告 杂志文献 简介： 附件： 而资料的上传功能与新闻图片的上传基本一样的，都要触发了相同的事件。 4.3.4 学习视频管理学习视频管理 学习视频管理具备最基本的增删改查，教师可以上传用来学习的视频给同学观看， 而且教学视频管理这个模块和新闻管理也是基本类似的。如图 4.18 所示，添加视频的 主要的代码： 常州大学本科生毕业设计（论文） 第 26 页 共 35 页 图图 4.