1、 网上课件管理系统的设计与实现 摘 要 随着互联网技术的迅猛发展，网络给人们带来了很多便利，比如人们借助于网络进行 在线教学 。 在线教学 第一步要做的就是将教学内容在网上发布，用户则选择自己需要的课件资源进行下载。本文提出并设计实现了基于 WEB的网上课件管理系统，本系统提供课件 的上传 和 下载，上传方式 是 无组件 上传 。客户端脚本采用 VBScript编写，可适用于包括 IE在内的所有支持 VBScript的浏览器。 系统平台设计时，采用的是 Dreamweaver MX为开发工具，利用 ASP技术，以 ACCESS数据库作为后 台数据库， WEB服务采用 Win2000平台的 II
2、S实现。 系统有一个功能强大的后台管理系统：可以进行人员管理，权限管理，课件管理。 本系统由用户注册与登录模块 、 功能模块 、 课件上传与下载功能模块 、课件 搜索模块 、 密码验证模块五个模块组成， 用户只需要通过浏览器访问就可以实现操作。 关键词： 网上课件管理系统； 网上教学； ASP The Design and Implementation of Online Courseware Management System Abstract Nowadays, the internet technology develops rapidly, which brings people gr
3、eat convenience, for example, the online teaching. The first step of online teaching is publishing the teaching content on the internet, people just need to choose what they want and download it. This dissertation designs and implements a Web-based online courseware management system. The system pro
4、vides courseware upload and download. The uploading uses upload components. Client side is compiled by VBscript, as suits any browsers which support VBscript, include IE. The whole system is composed of Dreamweaver, ASP and ACCESS. The WEB server uses IIS based on WINDOWS 2000. This system has a pow
5、erful backstage, it realizes the following: user management, authorization management, and course management. The system consists of user registration and login module, management module, courseware uploading and downloading function module, courseware search module and password authentication modul
6、e. Users only need visit the browser and the operation can be achieved. Key words: Online Courseware Management System; Online Teaching; ASP 第 1 页 引言 网上教学第一步要做的就是将教学内容在网上发布，教师可以通过课件管理系统发布自己的课程资源，课程资源可以兼容多种文件格式，包括 Word、Excel、 PowerPoint，图形、音频、视频等，并且教师拥有管理自己课程的权限。而学生登录以后，则可以根据自己的专业课程，选择自己需要查看的课件资源。 一个
7、完善的网上课件管理系统，应该是方便管理和操作的，所以该系 统还有一个功能强大的后台管理系统：可以进行人员管理，权限管理，课件管理。目前应用于动态网页设计的技术有很多，网上课件管理系统中主要采用了 ASP技术和数据库技术的整合应用。 采用的数据库是 ACCESS数据库 ，拟建立 db1.mdb库文件 。 系统页面主要采用动态页面 ，利用 ASP 与数据库结合的技术建立数据库查询管理系统，采用交互式的动态的 web 画面来实现 视频 、文章、用户等远程浏览及管理。 系统能够实现基于校园网络环境下的课件管理，以便有效地管理老师们上传的课件，构建适合的课件资源库。系统采用 B S结构，即浏览器服务 器
8、结构。用户通过浏览器向服务器发出请求，服务器对浏览器的请求进行处理，将用户所需信息返回到浏览器上。客户机无需安装软件，只需在服务器上进行简单的设置，数据的请求和返回结果均以网页形式完成，方便系统的管理，适合教师的使用习惯。系统平台设计时，采用的是 Dreamweaver MX 为开发工具，利用 ASP 技术，以 ACCESS 数据库作为后台数据库， WEB 服务采用 Win2000 平台的IIS 实现。 本系统由以下几个模块组成：用户注册与登录模块，管理功能模块，课件上传与下载功能模块，课件搜索模块，密码验证模块。 用户只需要通 过浏览器访问就可以实现操作，操作简单灵活。 2 系统 总体设计
9、2.1 系统概要 该系统有一个功能强大的后台管理系统：可以进行人员管理，权限管理，课件管理。 教师可以通过该系统发布自己的课程资源，课程资源可以兼容多种文件格式，包括 Word、 Excel、 PowerPoint，图形、音频、视频等，并且教师拥有管理自己课程的权限。而学生登录以后，则可以根据自己的专业课程，选择自己需要查看的课件资源。系统由用户注册与登录模块，管理功能模块，课件上传与下载功能模块，课件搜索模块，密码验证模块五个模块组成。 2.2 系统 功能模块 构成 第 2 页 图 1 系统模块 构成 2.3 功能模块具体介绍 2.3.1 用户注册与登录功能模块 1 注册模块逻辑分析 (1)
10、首先必须有一个注册平台页 ,该页面中的内容即是各种表单元素，以提供会员的注册，同时这些表单元素和数据库中会员表的各字段是相互对应的。 (2)在会员输入完注册信息后，需要对这些输入的信息进行表单检查，比如，哪些表单项是必填，哪些表单内容需要符合数据类型规范，等待。 (3)在检查表单无误后，会提交信息给动态页面处理，此时动态页面接收相关值，其中接收表示用户名的表单内容值，与数据库用户名字段进行查询比较，以防止注册重名。 (4)如果重名，返回注册页继续申请注册；否则将接收的数据录入数据库，并将注册成功的信息反馈给客户端浏览器。 如图 3所示即为注册模块的流程结构图 -表单输入及主要功能页 zhuch
11、e.asp，即是将注册信息输入平台，进行表单检查、数据重名检测和数据记录插入等功能一体的文档。 管理模块 课件上传与下载模块 课件搜索模块 密码验证模块 用户注册与登录模块 网上课件管理系统 第 3 页 图 2 注册模块 数据 流图 重名检测页 zhuchebad.asp,当出现重名时显示的信息页面 。 记录插入成功后反馈输入出页 zhucheok.asp，表示数据记录插入成功。 数据库文件 db1.mdb，用以保存会员注册信息。 2 登录验证模块 (1)必须具有数据库文件，其中要有已存储的用来进行登录验证的相关数据记录。当然，数据的存在，是通过注册系统注册录入的。 (2)登录的用户名的登录密
12、码的输入页面，即用户输入平台，提供具有相关表单元素的页面。 (3)动态文档页面，主要功能即是接收表单页面传递的表单元素值（注册用户名和注册密码），与数据库中已有的记录进行比较。 -如果在数据库中未曾找到相同的用户 名，则表示该登录用户名尚未注册，需要注册后才能进行登录验证。 -若在数据库中有相同的用户名，则继续检测注册密码是否匹配，若用户名和密码完全吻合，表示登录成功。否则即登录失败，重新输入用户名和密码。 如图 4所示，即为登录模块的流程结构图。 图 3 登录模块流程图 第 4 页 表单输入及登录验证处理页面 denglu.asp,主要是用户名、密码的输入，以及和数据库中记录进行比较做相应判
13、断的页面。 登录失败的信息提示页 denglubad.asp,当用户名、密码等登录信息不完全正确时跳转到该页。 登录成功，会员权限页面 dengluok.asp,除了表示登录成功外，还是限制会员登录的受保护页。 2.3.2 管理功能模块 如图 5所示，本模块可以分为两个部分，一是用户部分，用户可以找回密码并修改自己的基本信息，二是管理员部分，管理员不但可以修改用户的基本信息，还可以对用户上传的课件进行删除，此外，管理员还可以删除用户。 图 4 管理模块 功能 图 2.3.3 课件上传与下载功能模块 1 上传功能的文件组织 上传文件不同于数据录入，所以文件的上传可以不建立相关的数据库，但同时，对
14、于上传的文件，在 Web应用系统必须具有可利用价值，所以必须 获得上传文件的路径地址，并能保存该地址至数据库记录，以作应用。 那么对于一个独立的上传功能来说，其文件组织一般如下。 (1)无组件上传类文件 本文所应用是“化境无组件上传类”文件，该文件可以从互联网搜索并下载获得。 (2)上传平台页 该页主要是提供用户通过 【 文件 】 表单元素“浏览”本地文件，并通过 【 提交表单 】 按钮进行文件的上传。 (3)上传功能页 用户部分 管理员部分 用户找回密码 用户修改信息 管理员修改用户 管理员删除用户 删除课件 第 5 页 该页的主要功能是获得上传平台页传递的本地文件信息，并实现上传文件的各种
15、问题的解决方案，最终实现文件的上传。 2 下载功能模块 提供课件下载的链接，具体方法是，将课件 记录的 ID编号传递到课件下载页面，以实现下载功能。 2.3.4 课件搜索功能模块 现在的网站上存储的数据都非常多，例如，在一个在线购书网站中，数据库存储的书籍信息可能有几十万条记录。如何在这些记录中找到用户想要的信息，这就需要网站提供查询系统来供用户使用。 查询功能的设计思路很简单，就是编写合适的 SQL语句来查询数据库，根据不同的情况来生成不同的 SQL语句查询数据库。本文提供的用户根据课件名称进行模糊查询该课件所属的教师，然后根据教师提供的课件访问密码进行访问下载。 2.3.5 密码验证功能模
16、块 用户想要下载该 教师的课件内容或者向该教师上传作业，必须知道该教师提供的课件访问密码才能进入该教师的课件。该功能实现很简单，在密码输入页，访问者输入访问密码，提交表单后向数据库验证该密码是否正确，如果正确则进入教师课件，如有误则要求重新输入。 2.4 系统数据库表设计 一个简单的网上课件管理系统可以设计 4 个数据表来满足此系统的需要，第 1 张表为管理员信息表 (admin)，此表用来记录管理此网站的管理员信息。第2 张表为教师信息表 (tea)，第 3 张表为学生信息表 (stu)，分别用来记录登录此网站的教师和学生的信息。第 4 张表为课 件信息表 (kj)，用来记录教师和学生上传的
17、课件信息。此外，还要建立教师信息表和课件信息表的关系表 (kt)。 3.开发环境与开发 工具 3.1 开发环境 系统采用 B S 结构，即浏览器服务器结构。用户通过浏览器向服务器发出请求，服务器对浏览器的请求进行处理，将用户所需信息返回到浏览器上。客户机无需安装软件，只需在服务器上进行简单的设置，数据的请求和返回结果均以网页形式完成，方便系统的管理，适合教师的使用习惯。系统平台设计第 6 页 时，采用的是 Dreamweaver MX 为开发工具，利用 ASP 技术，以 ACCESS 数据库作 为后台数据库， WEB 服务采用 Win2000 平台的 IIS 实现。 3.2 开发工具 3.2.
18、1 Dreamweaver MX Dreamweaver 是一个很酷的网页设计软件。它不仅包括可视化编辑、 HTML代码编辑的软件包，而且还支持 ActiveX、 Java、 Flash、 Shockwave等功能，并且它能通过拖曳从头到尾制作动态的 HTML动画，支持动态 HTML（ Dynamic HTML）的设计，使得页面没有 plug-in（插件）也能够在 Netscape和 IE4.0浏览器中正确地显示页面的动画。 Dreamweaver 还提供自动更新页面信息的功能。同时它还采用了 Roundtrip HTML技术，这项技术使得网页在 Dreamweaver 和 HTML代码编辑器
19、之间可以进 行自由切换，并保持 HTML句法及结构不变。 Dreamweaver 最具挑战性和生命力的是它的开放式设计，这项设计使得任何人都可以轻易扩展它的功能。 课件管理系统使用的是 Dreamweaver MX 2004，通过该工具使用户能够高效地设计、开发和维护基于标准的网站和应用程序。 3.2.2 ASP 技术 ASP是“ Active Server Pages”的简称，意为“活动服务器网页”。它是由微软公司开发的一种服务器端的脚本编写环境，它一般以 VBScript或 ECMAScript作为服务器端的脚本语言，由安装在服务器上的应用程序扩展软件负责解释并执行这些脚本。掌握 ASP动
20、态网页技术，只需要了解服务器端脚本（如 VBScript）的基本结构、语法，熟悉 ASP本身所支持的对象和组件，就可以很轻松地进行 ASP编程了。 4 系统实现 4.1 系统主界面设计 第 7 页 主界面如图 6所示，按图进行设置。 图 5 主界面 4.2 用户注册与登录功能模块设计 4.2.1 登 录页面 启动 Dreamwever MX 2004,按照图 4的流程来设计登录页面 ,其具体步骤如下所示。 (1)在起始页中选择创建 asp文件，保存为“ denglu.asp”。 (2)在工作区的文档窗口中选择为“设计”视图，在“文档工具栏”的标题栏中输入“用户登录”，然后单击“插入”工具栏中“
21、常用”选项卡上的“表单”选项，再在其工具栏中选择“表单”按钮，向页面中添加一个表单。 (3)在表单中添加一个四行一列的表格。 (4) 向表格中添加“用户名”、“密码”文本框“登录”按钮以及“忘记密码”、“注册”、“返回首页 ”链接。并在页面上添加一些文字，如图 7所示。 图 6 教师登录页面 在完成了页面的设计后，就可以利用 Dreamwever的“服务器行为”，来完成对“登录”过程的操作和处理。首先在“设计”页面中，将光标移到表单内，第 8 页 然后在“应用程序”面板组的“服务器行为”面板上单击左上角的加号（ +）按钮，在弹出的菜单中选择“用户身份验证 登录用户”命令，将弹出“登录用户”对话
22、框，“登录用户”的设置代码如下 : MM_LoginAction = Request.ServerVariables (“URL“) If Request.QueryString “ Then MM_fldUserAuthorization=“ MM_redirectLoginSuccess=“dengluok.asp“ MM_redirectLoginFailed=“denglubad.asp“ MM_flag=“ADODB.Recordset“ Set MM_rsUser = Server.CreateObject (MM_flag) MM_rsUser.ActiveConnection
23、= MM_conn_STRING MM_rsUser.Source = “SELECT t_name, t_pwd“ If MM_fldUserAuthorization “) Then Session (“MM_UserAuthorization“) = CStr (MM_rsUser.Fields.Item (MM_fldUserAuthorization).Value) Else Session (“MM_UserAuthorization“) = “ End If if CStr(Request.QueryString(“accessdenied“) “ And false Then
