[优秀毕业论文]在线教育系统.doc

更多毕业设计大全: QQ:493092524

目录

第一章 前言 1
第一节 internet的作用 1
第二节 本系统开发的意义 2
第二章 开发工具的选择及开发的硬软件环境 3
第一节 开发环境 3
第二节 前台开发工具的选择 4
第三节 后台开发工具的选择 6
第三章 系统设计 9
第一节 总体设计 9
第二节 设计思想 10
第三节 系统功能分析与设计 10
第四节 数据库设计与实现 12
第四章 系统功能模块的设计 16
第一节 公共页面设计 16
第二节 主页面设计 19
第三节 菜单页面 20
第四节 公告栏 22
第五节 答疑教室 36
第六节 作业模块 41
第五章 总结 48
致谢 49
参 考 文 献 50

欢迎光临毕业论文网
第一章 前言
第一节 internet的作用
在现代社会中Internet起着越来越重要的作用。其作用主要表在：信息传播、通信联络、专题讨论和资料检索。
信息传播:
你或他人都可以把各种信息任意输入到网络中，进行交流传播。 Internet上传播的信息形式多种多样，世界各地用它传播信息的机构和个人越来越多，网上的信息资料内容也越来越广泛和复杂。目前， Internet己成为世界上最大的广告系统、信息网络和新闻媒体。现在，Internet除商用外，许多国家的政府、政党、团体还用它进行政治宣传。
通信联络 :　
Internet有电子函件通信系统，你和他人之间可以利用电子函件取代邮政信件和传真进行联络。甚至你可以在网上通电话，乃至召开电话会议。
专题讨论 :
　 Internet中设有专题论坛组，一些相同专业、行业或兴趣相投的人可以在网上提出专题展开讨论，论文可长期存储在网上，供人调阅或补充。
资料检索 :　
　 由于有很多人不停地向网上输入各种资料，特别是美国等许多国家的著名数据库和信息系统纷纷上网，Internet己成为目前世界上资料最多、门类最全、规模最大的资料库你可以自由在网上检索所需资料。目前，Internet己成为世界许多研究和情报机构的重要信息来源。
Internet创造的电脑空间正在以爆炸性的势头迅速发展。你只要坐在微机前，不管对方在世界什么地方，都可以互相交换信息、购买物品、签订巨大项目合同，也可以结算国际贷款。企业领导可以通过Internet洞察商海风云，从而得以确保企业的发展：科研人员可以通过Internet检索众多国家的图书馆和数据库；医疗人员可以通过Internet同世界范围内的同行们共同探讨医学难题；工程人员可以通过Internet了解同行业发展的最新动态：商界人员可以通过Internet实时了解最新的股票行情、期货动态，使自己能够及时的抓住每一次商机，永远立于不败之地；学生也可以通过Internet开阔眼界，并且学习到更多的有益知识。 　
　 总之，Internet能使我们现有的生活、学习、工作以及思维模式式发生根本性的变化。无论来自何方，Internet都能把我们和世界连在一起。Internet使我们可以坐在家中就能够和世界交流，有了Internet，世界真的小了，Internet将改变我们的生活。
第二节 本系统开发的意义

一般来讲开发课程主要有两种方式，一种是侧重内容，团队合作共同开发成多媒体网络课程，这类课程形式主要以Flash、Html等格式为主；另一种是侧重讲教师，以教师讲课的数字化形式体现，课件形式主要为三分屏或视频形式。无论哪种形式，当开发完成、正式投入应用前一些问题就会显现出来了。最重要的问题就是定位问题，现实中很多网络教育机构或内容提供商都将这样的课件定位为网络课程，而价格则采取原远远高于教材、比传统面授低一些的策略。这实际上走了出版物与课程之间的道路，我们必须认清的是这条路客观上是否存在，它是不是在线教育发展的正确方向。从本质上看，数字化、网络化与传统形式相比只是形式上的不同，事物本身的规律还是不变的，也就是教材对应的是数字化教材；课程对应的是数字化课程，只是现阶段我们还没有完全进入到成熟的数字化课程学习（教学）的阶段，盲目地将数字化教材当成了数字化课程，从发展的角度来看，这条中间道路是不存在的。我们进一步从有效学习的本质更能看清这一点，通过教材（书籍）学习，学习的要素只有学习者、学习对象（教材）、环境（读书学习的时间地点）三个；通过课程学习，学习的要素有学习者、学习对象（教材）、教师、环境（学习的时间地点）四个。
很多人对在线教育中的“教师”理解上是有偏差的，其中一部分人认为课件中的教师在网络教育中就起到教师的作用，这种认识是错误的，课件及其课件中的教师仍然是学习要素中的学习对象（数字化教材）的一部分，而不是真正意义上引导学生学习的教师。以前业内经常提到的“穿新鞋走老路”就是只这种认识倾向的人。还有一部分人认为通过在在线教育过程中增加辅助教师，利用论坛、答疑等形式的互动提升在线学习效果，这样做虽然可以有所改善，但本质上仍然是在促进学习者与数字化教材之间的互动，并非是真正意义上与传统课程对应的数字化课程。因此开发一个在线教育系统有很大的的重要性和必要性。

第二章 开发工具的选择及开发的硬软件环境

第一节 开发环境
1. 硬件环境
（1） 服务器端
服务器端的最低配置是由建立站点所需的软件来决定的，在最低配置的情况下，服务器的性能往往不尽如人意，现在的硬件性能已经相当出色，而且价格也很便宜，因此我们通常给服务器端配置高性能硬件。
本在线教育系统网站服务器端的配置如下：
u 外理器：Intel Pentiun IV 1.6GHz或更高。
u 内存：256MB。
u 硬盘空间：80GB。
u 光驱：CD----ROM 48X。
u 显卡：SVGA显示适配器。
（2）用户端
因为客户端主要用于浏览和操作数据，所以对客户端的硬件要求不高，而现在的电脑有很高的性价比，因此需要的配置应该高于下面的要求：
u 外理器：Intel Pentiun 166 MX 1.6GHz或更高。
u 内存：32MB。
u 硬盘空间：1GB。
u 光驱：CD----ROM 48X。
u 显卡：SVGA显示适配器。
2．软件环境
(1)服务器端
u 操作系统：Wineows NT Server4.0或Windows2000/Windows 98或更高。
u 网络协议：TCP/IP。
u Web 服务器：Internet Information Server 5.0/Personal Web Server。
u 数据库：Microsoft Access 2000。
u 浏览器：Internet Explore 5.0。
u IIS 5.0。
u Active File上传组件。

(2)用户端：
u 操作系统：Wineows NT Server4.0或Windows2000/Windows 98或更高。
u 网络协议：TCP/IP。
u Web 服务器：Internet Information Server 5.0/Personal Web
server。
u 数据库：Microsoft Access 2000。
u 浏览器：Internet Explore 5.0、Netscape或者其他浏览器。

第二节 前台开发工具的选择

鉴于本系统要实现的具体功能，网站要能动态的及时更新，检索，删除等操作，因此选用动态功能较强的ASP来处理。
什么是ASP：
ASP是Active Server Page的缩写，意为“活动服务器网页”，ASP的网页文件的格式是.asp，现在常用于各种动态网站中。ASP，活动服务器页面,就是一个编程环境，在其中，可以混合使用HTML、脚本语言以及组件来创建服务器端功能强大的Internet应用程序。 如果你以前创建过一个站点，其中混合了HTML、脚本语言以及组件，你就可以在其中加入ASP程序代码。通过在HTML页面中加入脚本命令，你可以创建一个HTML用户界面，并且，还可以通过使用组件包含一些商业逻辑规则。组件可以被脚本程序调用，也可以由其他的组件调用。ASP是ActiveServer Page的缩写，意为“活动服务器网页”。ASP是微软公司开发的代替CGI脚本程序的一种应用,它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。ASP的网页文件的格式是.asp，现在常用于各种动态网站中。 ASP是一种服务器端脚本编写环境，可以用来创建和运行动态网页或web应用程序。ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。利用ASP可以向网页中添加交互式内容（如在线表单），也可以创建使用HTML网页作为用户界面的web应用程序。
ASP的原意的确是实现应用服务租赁的模式，但其涉及的并非是简单的几个技术问题这么简单。ASP不同与网站，也不同于软件开发商。ASP所提供的不仅仅是一种应用服务，其深层意义在于对现行提供了一种新的信息化的道路。而作为一种管理信息化的方向，ASP的责任在于要建立起一套完整有效的运营体系。纯粹从技术的角度来谈ASP，既低估了ASP的价值，也不利于ASP理论的发展。同样也不要把ASP单纯的看作仅仅提供软件。从技术角度来看ASP，也是有许多的问题需要解决。具体的说一个问题，ASP不能等同与网站在于两者提供的服务标准不同，ASP要提供严格符合SLA（服务品质协议）标准的服务，网站则没有相关的约束，而要做到符合SLA要求，ASP必须要合理的配置其软硬件资源。简单的说，就是当多个客户同时需要部分资源时，ASP如何合理调配，使每个客户都能在SLA中约定的服务标准时间内得到他需要的东西。这可不是简单的几个流量负载均衡器就能解决的问题。
    ASP不仅是IT业研究的对象，也是管理学界研究的对象。ASP的研究还是大有可为的！
与HTML相比，ASP网页具有以下特点：
（1）利用ASP可以实现突破静态网页的一些功能限制，实现动态网页技术；
（2）ASP文件是包含在HTML代码所组成的文件中的，易于修改和测试；
（3）服务器上的ASP解释程序会在服务器端制定ASP程序，并将结果以HTML格式传送到客户端浏览器上，因此使用各种浏览器都可以正常浏览ASP所产生的网页；
（4）ASP提供了一些内置对象，使用这些对象可以使服务器端脚本功能更强。例如可以从web浏览器中获取用户通过HTML表单提交的信息，并在脚本中对这些信息进行处理，然后向web浏览器发送信息；
（5）ASP可以使用服务器端ActiveX组建来执行各种各样的任务，例如存取数据库、发现哦那个Email或访问文件系统等；
（6）由于服务器是将ASP程序执行的结果以HTML格式传回客户端浏览器，因此使用者不会看到ASP所编写的原始程序代码，可放置ASP程序代码被窃取。
ＡＳＰ的工作原理：
当在Web站点中融入ASP功能后，将发生以下事情： 
u 用户调出站点内容，默认页面的扩展名是.asp。 
u 浏览器从服务器上请求ASP文件。 
u 服务器端脚本开始运行ASP。 
u ASP文件按照从上到下的顺序开始处理，执行脚本命令，执行HTML页面内容。 
u 页面信息发送到浏览器。 
因为脚本是在服务器端运行的，所以Web服务器完成所有处理后，将标准的HTML页面送往浏览器。这意味着，ASP只能在可以支持的服务器上运行。让脚本驻留在服务器端的另外一个益处是：用户不可能看到原始脚本程序的代码，用户看到的，仅仅是最终产生的HTML内容。

第三节 后台开发工具的选择

数据库的选择在某种程序上决定了系统的功能实现及安全性操作。目前常用的数据库为：
u ACCESS（*.mdb）数据库
u SQL SERVER 数据库
u Visual Foxpro
u My SQL
u Oracle
常用数据库的连接方式
(1)通过JET数据库引擎对ACCESS2000数据库的连接
m_pConnection->Open("Provider=Microsoft.Jet.OLEDB.4.0;Data Source=C:\\test.mdb","","",adModeUnknown);
(2)通过DSN数据源对任何支持ODBC的数据库进行连接:
m_pConnection->Open("Data Source=adotest;UID=sa;PWD=;","","",adModeUnknown);
(3)不通过DSN对SQL SERVER数据库进行连接：
m_pConnection-> Open( "driver={SQLServer};Server=127.0.0.1;DATABASE=vckbase;UID=sa;PWD=139","","",adModeUnknown );
其中Server是SQL服务器的名称，DATABASE是库的名称
Connection对象除Open方法外还有许多方法，我们先介绍Connection对象中两个有用的属性ConnectionTimeOut与State
ConnectionTimeOut用来设置连接的超时时间，需要在Open之前调用，例如:
m_pConnection->ConnectionTimeout = 5;///设置超时时间为5秒
m_pConnection->Open("Data Source=adotest;","","",adModeUnknown);
State属性指明当前Connection对象的状态，0表示关闭，1表示已经打开，我们可以通过读取这个属性来作相应的处理，例如:
if(m_pConnection->State) m_pConnection->Close(); ///如果已经打开了连接则关闭它
本系统占用内存少，功能的实现不是太复杂，对数据库的安全性要求也不是太高，因此选用Access（*.mdb）数据库即可。
Access介绍：
Access是Office办公套件中一个极为重要的组成部分。Access 是微软公司推出的基于Windows的桌面关系数据库管理系统（RDBMS），是Office系列应用软件之一。它提供了表、查询、窗体、报表、页、宏、模块7种用来建立数据库系统的对象；提供了多种向导、生成器、模板，把数据存储、数据查询、界面设计、报表生成等操作规范化；为建立功能完善的数据库管理系统提供了方便，也使得普通用户不必编写代码，就可以完成大部分数据管理的任务。
Access是一种关系型数据库管理系统，其主要特点如下：
1. 存储方式单一
Access管理的对象有表、查询、窗体、报表、页、宏和模块，以上对象都存放在后缀为（.mdb）的数据库文件种，便于用户的操作和管理。
2 . 面向对象
Access是一个面向对象的开发工具，利用面向对象的方式将数据库系统中的各种功能对象化，将数据库管理的各种功能封装在各类对象中。它将一个应用系统当作是由一系列对象组成的，对每个对象它都定义一组方法和属性，以定义该对象的行为和外国，用户还可以按需要给对象扩展方法和属性。通过对象的方法、属性完成数据库的操作和管理，极大地简化了用户的开发工作。同时，这种基于面向对象的开发方式，使得开发应用程序更为简便。
3. 界面友好、易操作
Access是一个可视化工具，是风格与Windows完全一样，用户想要生成对象并应用，只要使用鼠标进行拖放即可，非常直观方便。系统还提供了表生成器、查询生成器、报表设计器以及数据库向导、表向导、查询向导、窗体向导、报表向导等工具，使得操作简便，容易使用和掌握。
4. 集成环境、处理多种数据信息
Access基于Windows操作系统下的集成开发环境，该环境集成了各种向导和生成器工具，极大地提高了开发人员的工作效率，使得建立数据库、创建表、设计用户界面、设计数据查询、报表打印等可以方便有序地进行。
5. Access支持ODBC（开发数据库互连，Open Data Base Connectivity），利用Access强大的DDE（动态数据交换）和OLE（对象的联接和嵌入）特性，可以在一个数据表中嵌入位图、声音、Excel表格、Word文档，还可以建立动态的数据库报表和窗体等。Access还可以将程序应用于网络，并与网络上的动态数据相联接。利用数据库访问页对象生成HTML文件，轻松构建Internet/Intranet的应用。
6. 完善地管理各种数据库对象，具有强大的数据组织、用户管理、安全检查等功能。
7. 强大的数据处理功能，在一个工作组级别的网络环境中，使用Access开发的多用户数据库管理系统具有传统的XBASE（DBASE、FoxBASE的统称）数据库系统所无法实现的客户服务器(Cient/Server)结构和相应的数据库安全机制，Access具备了许多先进的大型数据库管理系统所具备的特征，如事务处理/出错回滚能力等。

如何加密数据库

加密数据库按以下步骤进行： 
1、使用相应的工作组信息文件启动Access，关闭所有打开的数据库并保证网上所有用户不再使用该数据库。 
2、单击“工具/安全/加密/解密数据库”，此时出现“加密解密”对话框。 
3、在对话框中，用户可以指定需加密的数据库，此数据库同时必须是一个设置安全机制的数据库。然后单击[确定]按钮。出现“数据库加密后另存为”对话框。 
4、在该对话框中，用户需要指定加密后的数据库名称，以及有效数据库的位置，然后单击[确定]按钮。 
最后需要说明的是，Access 2000是对数据库进行操作的应用程序，因此需要有较好的配置。安装Access 2000的用户，需要的硬件配置如下： 
　　(1)、Pentium 200以上。 
　　(2)、2GB以上硬盘。 
　　(3)、不少于32MB内存。 
　　(4)、光驱一个。 

第三章 系统设计
第一节 总体设计
在线教育系统主要是提供网上教学平台，使用者有教师和学生两个主体，因此设计时也应包括两个大的部分功能。具体其功能如下：
1． 教育部分的功能如下：
u 通过教学公告向学生发布信息。制定教学计划、宣布考试日程安排、发布临时通知等。
u 在网上发布教案。
u 在网上发布作业，包括作业题目上载、公布作业完成时间、内容等。
u 批阅作业，给出学生成绩。
u 通过聊天室与学生进行实时讨论。
2． 学生部分的功能如下：
u 阅读公告。
u 在网上完成课程学习。
u 在网上完成作业，包括作业下载、上传作业内容和作业成绩查询等。
u 通过讨论组的形式向老师提出问题。
u 通过聊天室与老师进行实时讨论。
功能流程图 如图3-1所示
教师
公告
作业
问题
成绩
学生
发布
批阅
即时聊天和网上答疑
阅读
上载
解答
批阅
提问
查询

图3-1功能流程图
第二节 设计思想
本在线教育系统将具有以下特点：
u 实用性：要为网上教学提供方便。
u 操作简单：本系统应该适用于不同水平的使用者，包括教师和学生，同时系统不应太复杂和烦琐，因此要求系统的操作尽可能简单易行。
u 代码可读性好：论文中的代码将尽可能简洁。
系统的结构如图3-2所示，多数页面都是通过ASP肢本程序直接访问数据库和文件系统，有部分ASP程序通过组件（上传组件）访问数据库。
ASP页面
上传组件
文件系统
数据库
ASP页面

图3-2 系统结构设计

第三节 系统功能分析与设计

在线教育系统共分为两个子系统：教师子系统和学生子系统，教师主要是公告发布功能、作业评分功能和问题解答功能，学生主要是公告浏览、作业上传、提问、查询成绩等功能。这部分的具体功能划分要求十分严格。其功能模块划分如图3-3和3-4所示。
教师子系统
教学内容发布
聊天室
答疑
作业批改
公告发布和维护

图3-3 教师子系统功能模块的划分
学生子系统
教学学习
聊天室
答疑
作业上载和查询
公告浏览

图3-4学生子系统功能模块划分
1．教学内容发布
教师发布教案，这些内容是在线教育的最主要的内容。教案可能有各种形式，如htm、doc、ppt、avi。但在通常情况下，这些教学内容都是静态内容，因此按类别及内容分类在网站上发布即可。另外，系统应对教学内容提供查询功能。
2．公告功能
教师可以通过公告功能发布各项通知，例如以下内容：
u 招生公告。
u 规章制度。
u 课程安排，包括课程教学方式、课程播放表、考试日程安排等。
u 临时通知和教材。
3．作业功能
对于作业，学生需要将作业通过上传的方式上交。教师要根据作业完成情况给每份作业打分。因此，系统需要提供以下功能：
u 上传：将作业上载到指定地点，并按某种方式进行标识。
u 批阅：教师可对作业进行批阅判分。
4.答疑功能
u 非实时答疑：系统需要完成一个讨论组的功能，以便学生和老师能顺利提问和解答。
u 实时答疑：功能类似于聊天室。学生和老师可以同时登录到系统，进行实时交流。
第四节 数据库设计与实现

1．数据库的需要分析
根据系统需求，可以列出以下数据项和数据结构：
u 公告信息：包括标题、发布时间、公告内容、公告序号等。
u 教案查询索引：包括关键字、描述、内容所在地等。
u 答疑信息：包括提问标题、问题内容、回答内容、提问时间、显示标记、回答标记等。
u 学生信息：包括学生姓名、学号、名次作业成绩等。
2. 数据库的逻辑设计
ER图举例
学生
姓名
学号
各科成绩

a. 公告信息表
此表中应包括公告信息的所有属性，包括标题、内容、发布时间、公告ID。
公告信息表（board）如表3-1所示。
表3-1 公告信息表
字段名称
数据类型
说明
id
自动编号

title
文本
公告标题
inputdate
日期/时间
公告发布时间
detail
备注
公告内容
idnum
数字
公告排列序号
flag_attention
是/否
重要消息的标记

b.教案查询索引表
此表是教师对教案进行管理的后来数据表，所以他应包括基本的教案查询属性。教案查询索引表（keywords）如表3-2所示。
表3-2教案查询索引表
字段名称
数据类型
说明
id
自动编号

keyword
文本
关键字
details
文本
关键字描述
page
文本
目标页面URL

c.答疑信息表
答疑信息表（problem）如表3-3所示。
表3-3 答疑信息表
字段名称
数据类型
说明
id
自动编号

title
文本
提问标题
Flag_show
是/否
显示标记
Flag_answer
是/否
回答标记
detail
备注
问题内容
answer
备注
回答内容
Time_qry
日期/时间
提问时间
d.学生信息表
学生信息表（student）中存放着学生基本信息如学号、姓名、专业、系别、及几门课程的成绩等。上交作业、成绩查询、提问等操作都用到此表，从表中调出信息后再进行相关操作。其结构如表3-4所示。
表3-4 学生信息表
字段名称
数据类型
说明
Id
自动编号

Num
文本
学号
Name
文本
姓名
Department
文本
班号
Score1
数字
第一次作业得分
Score2
数字
第二作业得分
Score3
数字
第三次作业得分
Score4
数字
第四次作业得分

3． 后台数据库的配置
后台数据库可以使用SQL或ACCESS，数据库服务器和WEB服务器可以配置在同一台计算机上，也可在两台计算机上，以上两种情况对于开发的过程来说是类似的，只需要在WEB服务器上配置好ODBC的系统数据源就可以了。本系统是在Windows XP Professional下开发的，开发数据库使用的是ACCESS2000。
具体配置步骤如下：
u 新建一个空数据库，取名为 newdata.mdb.
u 在newdata.ndb中建立表board、keyword、problem、student。
u 建立一个ODBC数据源，名称为newdata,指向newdata..mdb.
在”ODBC Microsoft Access安装”窗口中，数据源名称为”newdata”,这是ASP程序中将要引用的，单击“选择…”按钮，从弹出的文件窗口中选择newdata.mdb文件所在的位置，其他选项都不改变，如图3-5所示。

图3-5 填写数据源信息
单击”确定”按钮，这样就完成了Access数据库的ODBC数据源设置。

第四章 系统功能模块的设计
第一节 公共页面设计

系统公用页面包括以下4个：global.asa文件、ADO常数页面adovbs.inc文件、ADO连接函数页面cod_ado.inc文件、页面风格定义文件atyle.inc。global.asa文件放在网站的根目录下，这是global.asa文件的特性决定的，其余3个文件都放在/include目录下。
(1) global.asa文件
global.asa文件可以对applicationt和session对象的开始和结束事件定义函数。在该文件中，我们将数据库连接的字符串存放在application(“dsn”)对象中。这样每次启动网站的时候，数据连接字符串application(“dsn”)就被赋值。
代码实现：
<SCRIPT LANGUAGE=VBScript RUNAT=Server>
Sub Application_OnStart
Application("dsn") = "dsn=newdata;uid=;pwd="
end Sub
</SCRIPT>
(2) ADO常数页面文件
程序中将会使用一些常数，例如adopenforwardonly,adlockreadonly等。因此将它们放在一个头文件adovbs.inc中，以方便调用。
Adovbs.inc代码为：
<%
'---- 游标类型常量 ----
Const adOpenForwardOnly = 0
Const adOpenKeyset = 1
Const adOpenDynamic = 2
Const adOpenStatic = 3
'---- 锁定类型常量 ----
Const adLockReadOnly = 1
Const adLockPessimistic = 2
Const adLockOptimistic = 3
Const adLockBatchOptimistic = 4
'---- 存储过程常量 ----
Const adCmdUnknown = &H0008
Const adCmdText = &H0001
Const adCmdTable = &H0002
Const adCmdStoredProc = &H0004
(3) ADO连接函数页面cod_ado.inc
对于程序中建立数据连接和关闭数据连接的操作，最好也放在一个包含
文件中，这样便于维护和修改。
Cod_AdoOpen(objconnection,rscourseslist,dsn,rss)为建立连接函数，objconnection为数据连接对象，rscoureslist为数据集对象，dsn为数据连接字符串，rss为要执行的SQL语句；cod_Adoclose(objconnection,rscourseslist)为关闭连接字符串，objconnection为数据连接对象，rscourseslist为数据集对象。
对于要进行数据库操作的页面，可以通过调用这两个函数来实现。
<%
sub cod_AdoOpen(objConnection, rsCoursesList,dsn,rss)
Set objConnection = Server.CreateObject("ADODB.Connection")
objConnection.Open dsn
Set rsCoursesList = Server.CreateObject("ADODB.Recordset")
rsCoursesList.ActiveConnection = objConnection
rsCoursesList.CursorLocation = adUseClient
rsCoursesList.CursorType = adOpenForwardOnly
rsCoursesList.LockType = adLockReadOnly
rsCoursesList.Source = rss
rsCoursesList.Open
end sub
sub cod_AdoClose(objConnection, rsCoursesList)
rsCoursesList.close
objConnection.close
set rsCoursesList = nothing
set objConnection = nothing
end sub
%>
（1） 页面风格定义文件style.inc
在style.inc文件中，利用CSS风格表对该系统的页面整体风格进行定义。主要包括页面、表格、标题、输入框的字体、颜色等。
<style>
BODY
{ FONT-FAMILY: 宋体;
FONT-SIZE: 14px;
LINE-HEIGHT: 20px
}
CENTER
{ FONT-FAMILY: 宋体;
FONT-SIZE: 15px;
}
{ FONT-FAMILY: 宋体;
FONT-SIZE: 14px
}
{ FONT-FAMILY: 宋体;
FONT-SIZE: 12px
}
{
BACKGROUND-COLOR: #f4f4f4
}
Tr.tr2
{ BACKGROUND-COLOR: #ffffff
}
{ BACKGROUND-COLOR: #b0c4de
}
{ FONT-FAMILY: 宋体;
FONT-SIZE: 14px;
}
input
{ FONT-FAMILY: 宋体;
FONT-SIZE: 12px;
TEXT-DECORATION: none
}
</style>

第二节 主页面设计
功能介绍
进入网页后给用户的第一印象，提供各种操作的平台。
设计思想
考虑到程序界面的友好性，因此采用框架网页更有利于用户和教师的使用的管理，力求做到界面简洁。
系统的起始页如图4-1所示。共分为左右两个页面。为一框架网页实现方法如下：
<html>
<head>
<meta name="postinfo" content="/scripts/postinfo.asp">
<title>网上课堂</title>
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
</head>
<frameset cols="205,*">
<frame name="contents" target="main" src="toc.asp" scrolling="auto">
<frame name="main" src="main.asp" target="rbottom" scrolling="auto">
<noframes>
<body>
</body>
</frameset>
从代码和页面中可以看出，左边为菜单页面toc.asp，右边为内容页面main.asp，在系统运行过程中，左边菜单toc.asp一直都是显示状态，右边的页面随模块不同内容也不同。

图4-1 主页面

第三节 菜单页面
功能介绍
对于一个网站来说，菜单的制定是非常重要的。菜单决定了使用者和管理员在使用和管理时操作性的友好，在某种程序上决定了一个网站的生存空间。
对于本在线教育系统，菜单的设计同样具体重要的作用，在这个系统中菜单页面包括名项功能页面的连接，即公告区、教案学习区、答疑教室、聊天室、作业查询、作业上传。页面底部的图标是到教师工作室菜单页面的连接。学生和教师的第一部操作都是从此开始的。
另外要提的是在这个菜单页面的教案学习中有一个分级展开的菜单，如图4-2所示，当单击标题“第二章 线性表”的时候，下面子菜单每一小节的标题就显示出来；再次单击的时候，下面的子菜单又收缩不显示了。

图4-2 菜单页面
设计思想
利用javascript脚本语言中的
document.all.item("div"+div_id).style.display来设计的。
关键代码
该功能的实现是用下面的函数来完成显示的。
<script language="javascript">
function showdiv(div_id)
{
if (document.all.item("div"+div_id).style.display == "block")
{
document.all.item("div"+div_id).style.display = "none";
}
else
{
document.all.item("div"+div_id).style.display = "block";
}
}
</script>
对于子菜单的HTML部分，定义了一个块<div id=”div2”style=”display:none”>根据风格定义display:none，块中的内容缺省内容是不显示的。当单击标题的时候，调用了函数show(‘div2’)，这样就可以通过改变子标题部分display属性来改变页面的显示了。

第四节 公告栏

功能介绍
公告栏分为学生查看公告部分和教师进行公告管理部分，学生能查看教师列出的公告来进行阅读和学习，能及时了解最新的学习动态，以便作出自己的规划。
功能实现：
以教师发布公告、修改公告、删除公告的各个页面为例来说明公告功能的实现。
此模块涉及到的部分ASP文件如下：
(1).bulletion.asp: 教师工作区公告栏主页面。
(2).bulletion_detail.asp:公告详细内容。
(3).bulletion_update.asp:公告内容更新。
(4).bulletion_insert.asp:插入一条新公告。
(5).bulletion_new.asp:新公告录入表格。
(6).bulletiondelete.asp:删除公告。
此模块虽然不大，但它完整的包括了数据库的查询、增删改及数据分页显示的操作。
1. bulletion.asp: 教师工作区公告栏主页面。
功能实现
页面上按时间