基于web的通用精品课程网站系统的设计与实现(编辑修改稿)

基于web的通用精品课程网站系统的设计与实现(编辑修改稿)内容摘要：

（ 6）在线测试，用户登陆后可选择试卷，自行测试，只有普通管理员（老师）有权对试题进行增删改查，以及组卷。 （ 7）后台管理，超级管理员只有在登陆后才能够进行新闻管理、留言管理、用户管理等，维护网站的正常运行。 普通管理员（老师）只能对教学资料进行管理。 普通管理员由超级管理员创建。 密码或账户错误则不能登录。 综上所述，通用精品课程网站系统需要有登陆模块、新闻模块、用户注册、教学模块、论坛模块、在线测试、后台管理维护这几个功能模块。 系统功能结构如图 所示。 图 系统功能结构 数据库设计 数据是软件的血液，一款没有血液的软件是没有生命的，同时，血液的好坏也将在一定程度上决定着软件性能的好坏，因此，对软件系统做数据库设计是一个必不可少的过程 [9]。 逻辑设计 根据需求分析，本系统主要有 用户（学生），普通管理员（老师），超级管理员，新闻公告，留言板，教学视频，教学课件，试卷等多个实体。 为了更清楚地说明各个实体以及各实体间的关系，下面采用 ER 图来形象的表示： 管理模块 常州大学本科生毕业设计（论文） 第 5 页 共 35 页 n 1 n 1 n n n n n n n n n n n 图 实体关系图 图 详细展示了学生以及教师实体与新闻实体、教学视频实体、教学课件实 体、试卷实体和留言实体之间的关系以及各实体的相关属性。 图 新闻实体属性图 图 是新闻 实体的 ER 图，学院有唯一标识 id 跟标题、类别、内容、添加者、添加时间六个属性。 图 用户实体属性图 用户（ 用户名 密码 性别 姓名 身份证 邮箱 出生年月 学生 新闻 教学视频 教学课件 留言 试卷 观看 下载 测试 留言 留言板 管理 教师 出题 组卷 回复 上传 题目 上传 新闻 标题 类别 内容 添加时间 添加者 ID ID 常州大学本科生毕业设计（论文） 第 6 页 共 35 页 图 是用户（学生）实体的 ER 图，实体有姓名、用户名、密码、性别、邮箱、出生年月、身份证几个属性。 表设计 通过逻辑设计，大致设计出了以下几个表 ，它们的字段信息如下： （ 1） 管理员表 (allusers) 管理员表 allusers 记录了网站系统超级管理员的信息和所有已注册的普通管理员信息， （如表 ） 表 allusers 表结构 字段名 字段描述 数据类型 约束 ID 用户编号 INT(4) 主键 username 用户名 VARCHAR(50) 唯一 pwd 用户密码 VARCHAR(50) 非空 cx 用户类型 VARCHAR(50) 非空 add_time 注册时间 DATETIME 唯一 （ 2）资料下载表（ ziliaoxiazai） 资料下载表主要是针对资料下载的相关数据的操作。 如表 所示。 表 ziliaoxiazai 表结构 字段名 字段描述 数据类型 约束 ID 编号 INT(4) 主键 bianhao 资料编号 VARCHAR(50) 唯一 mingcheng 资料名称 VARCHAR(300) 非空 leibie 类别 VARCHAR(50) 非空 kecheng 课程 VARCHAR(50) 唯一 jianjie 简介 VARCHAR(500) 非空 fujian 复件 VARCHAR(50) 非空 addtime 添加时间 DATETIME 唯一 （ 3）用户注册表（ yonghuzhuce） 用户注册表主要是针对用户注册模块的数据操作，是本设计的核心表，涉及到的属性主要是用户编号，姓名，用户名，密码，姓名，性别，出生年月，联系 ，邮箱，电话，身份证，头像，地址，备注录入时间，审核等 ,如表 所示。 常州大学本科生毕业设计（论文） 第 7 页 共 35 页 表 表结构 字段名 字段描述 数据类型 约束 ID 用户编号 INT(4) 主键 yonghuming 用户名 VARCHAR(50) 唯一 mima 密码 VARCHAR(50) 非空 xingming 姓名 VARCHAR(50) 非空 xingbie 性别 VARCHAR(2) 唯一 chushengnianyue 出生年月 VARCHAR(50) 非空 联系 VARCHAR(50) 非空 youxiang 邮箱 VARCHAR(50) 非空 dianhua 电话 VARCHAR(50) 非空 shenfenzheng 身份证 VARCHAR(50) 唯一 touxiang 头像 VARCHAR(50) 非空 dizhi 地址 VARCHAR(300) 非空 beizhu 备注 VARCHAR(500) 非空 addtime 注册时间 DATETIME 唯一 issh 审核 VARCHAR(2) 非空 （ 4）留言板表（ liuyanban） 留言板表主要是针对有问必答模块的数据操作，学生留言和教师回复的内容都存储在这个表中如表 所示。 表 liuyanban 表结构 字段名 字段描述 数据类型 约束 ID 用户编号 INT(4) 主键 cheng 用户名 VARCHAR(50) 唯一 xingbie 用户密码 VARCHAR(2) 非空 用户类型 VARCHAR(50) 非空 youxiang 注册邮箱 VARCHAR(50) 唯一 dianhua 电话 VARCHAR(50) 非空 neirong 内容 VARCHAR(500) 非空 addtime 注册时间 DATETIME 唯一 huifuneirong 回复内容 VARCHAR(500) 非空 4 详细设计与实现 根据软件工程的思想，在详细设计阶段，本课题需要解决的问题是如何具体地实现这个系统。 常州大学本科生毕业设计（论文） 第 8 页 共 35 页 核心技术简介 在本 系统中，使用了一些比较流行的框架结构和技术： Ajax、 JSP、 CSS，这是本系统的核心技术 ,在具体实现功能模块前，有必要对这些技术做一些简要的说明与介绍。 技术 [10] Ajax 即 Asynchronous JavaScript and XML,简单地说是异步 javascript 和 XML，可以使网站异步的执行数据。 Ajax 主要通过 XmlHttpRequest 对象来实现与服务器的异步交互性，借助 DOM 来实现局部刷新，异步性和局部性使得用户体验连续，不会中断。 XMLHttpRequest 是 ajax 的核心机制，它是在 IE5 中首先引入的，是一种支持异步请求的技术 ,它的属性有： onreadystatechange 每次状态改变所触发事件的事件处理程序。 responseText 从服务器进程返回数据的字符串形式。 responseXML 从服务器进程返回的 DOM 兼容的文档数据对象。 status 从服务器返回的数字代码，比如常见的 404（未找到）和 200（已就绪） status Text 伴随状态码的字符串信息 readyState 对象状态值， 0— 未初始化 1— 正在加载 2— 加载完毕 3— 交互 4— 完成。 运行机制： （ 1）创建 XmlHttpRequest 对象 如果是 IE 浏览器则使用： xmlHttp = new ActiveXObject()。 如果是其他浏览器则： xmlHttp = new XMLHttpRequest()。 var xmlHttp。 function createXMLHttp() { if() { xmlHttp = new XMLHttpRequest()。 }else { xmlHttp = new ActiveXObject()。 } } （ 2）发出 XmlHttpRequest 请求 ①设置回调函数，一旦相应，它会自动执行（ Callback 是定义回调函数的函数名） = Callback。 ②定义想要执行的异步请求 (POST,)。 ③设置发送的参数（不发送则写 null） (null)。 （ 3）定义回调函数 function Callback() 常州大学本科生毕业设计（论文） 第 9 页 共 35 页 { if(==4)//调用完成 { if(==200)//Http 状态码操作正常 { var text =。 (msg).innerHTML = text。 } } } 本系统中，主要使用 Ajax 技术在进行异步信息的验证，如重名验证，采用 Ajax 技术后，大大提高了用户体验，用户再也不用像之前需要在客户端通过打开一个新的页面了发送用户请求进行验证，方便，快捷。 JSP 技术 [1116] JSP(Java Server Pages)是由 Sun Microsystems 公司倡导、许多公司参与一起建立的一种动态网页技术标准。 JSP 技术使用 Java 编程语言编写类 XML 的 tags 和 scriptlets，来封装产生动态网页的处理逻辑。 网页还能通过 tags 和 scriptlets 访问存在于服务端的资源的应用逻辑。 JSP将网页逻辑与网页设计和显示分离，支持可重用的基于组件的设计，使基于 Web 的应用程序的开发变得迅速和容易。 JSP 与 Java Servlet 一样，是在服务器端执行的，通常返回该客户端的就是一个 HTML 文本，因此客户端只要有浏览器就能浏览。 JSP 页面由HTML 代码和嵌入其中的 Java 代码所组成。 服务器在页面被客户端请求以后对这些 Java代码进行处理，然后将生成的 HTML 页面返回给 客户端的浏览器。 Java Servlet 是 JSP的技术基础，而且大型的 Web 应用程序的开发需要 Java Servlet 和 JSP 配合才能完成。 JSP 具备了 Java 技术的简单易用，完全的面向对象，具有平台无关性且安全可靠，主要面向因特网的所有特点。 自 JSP 推出后，众多大公司都支持 JSP 技术的服务器，如 IBM、 Oracle、 Bea 公司等，所以 JSP 迅速成为商业应用的服务器端语言。 JSP 的优势如下： （ 1）一次编写，到处运行。 在这一点上 Java 比 PHP 更出色，除了系统之外，代码不用做任何更改。 （ 2）系统的多 平台支持。 基本上可以在所有平台上的任意环境中开发，在任意环境中进行系统部署，在任意环境中扩展。 相比 ASP/PHP 的局限性是显而易见的。 （ 3）强大的可伸缩性。 从只有一个小的 Jar 文件就可以运行 Servlet/JSP，到由多台服务器进行集群和负载均衡，到多台 Application 进行事务处理，消息处理，一台服务器到无数台服务器， Java 显示了一个巨大的生命力。 （ 4）多样化和功能强大的开发工具支持。 这一点与 ASP 很像， Java 已经有了许多非常优秀的开发工具，而且许多可以免费得到，并且其中许多已经可以顺利的运行 于多常州大学本科生毕业设计（论文） 第 10 页 共 35 页 种平台之下。 CSS 技术 [1720] CSS(层叠样式表 )是用来进行网页风格设计的 ， 它简化并扩展了 HTML 中的各种标记 ， 使得各个标记的属性更具有一般性和通用性 ， 大大提高了 HTML 开发的效率。 在制作网页时采用 CSS 技术，可以有效地对页面的布局，字体，颜色，背景和其他效果实现更加精确的控制，只要对相应的代码作一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。 CSS 是 Cascading Style Sheet 的缩写，可以译成 “ 层叠样式表 ” 或 “ 级联样式表 ”。 CSS 中 ， Cascading 是 “ 层叠 ” 的意思，也就是说在同一个 Web 文档中可以有多个样式表存在，这些样式表根据所在的位置，拥有不同的优先级。