基于ＮＥＴ技术的网上学习系统的设计与开发

宋尚平　李兴保

摘要介绍NET技术的网上学习系统的设计与开发，在分析其内涵、功能模块、优势的基础上，简要介绍了主要文件及其代码的实现。

关键字ASP.NET; 网上学习系统; 设计；开发

中图分类号TP393文件标识码：A 文章编号：1671-489X（2007）02－0059-04

Design and Development based on Net Technology Learning System//Li Xingbao, Song Shangping

Abstract On the bases of analyzing the connotation, function module and the advantage, the paper introduces the realization of main documents and code.

Key words active server page.net(ASP.NET); web learning system; design; development

Author's address Information Technology & Media, Qufu Normal University, Rizhao, Shangdong 276826

随着信息化社会的高速发展，越来越多的学习内容出现在计算机网络当中。在教育教学当中，如何使学生了解和使用这些知识呢？基于此问题，我们设计了网上学习系统, 以便学生能够充分利用各种计算机网络信息，加强学生的自学能力，无论对学生还是教师都是大有益处的。

笔者所采用的是ASP.NET语言、SQL Server2000数据库、Dreamweaver和UltraEdit等开发工具； ASP.NET开发平台:操作系统采用Windows 2000 Server;Web服务器采用IIS5.1以及 NET Framework SDK 2005、 Internet Explorer 6。

1 学习系统的涵义及优势

1.1学习系统的涵义

关于网上学习系统的定义，没有一个固定的说法。笔者认为网上学习系统的涵义是：以计算机网络为基础，由专业人员设计的能够利用网络上的各种知识信息，并把这些信息筛选之后供学习者自行选择学习的软件系统。基于NET技术的网上学习系统就是以ASP.NET作为技术支撑构建的网上学习系统。

1.2学习系统的优势

基于ASP.NET技术的网上学习系统的优势主要体现在以下几个方面：

1）代码不仅更容易编写，而且更加干净整洁，更易于阅读。同时，ASP.NET代码的结构方式提高了系统的再利用性和共享性。

2）改进了系统的配置、伸缩性、安全性和可靠性。

3）对各种不同的浏览器提供了更好的支持。

4）ASP.NET 造就了一类新的Web应用程序，使系统动态性和伸缩性更好。

2 系统功能描述及功能模块的划分

2.1系统功能描述

网上学习系统的主要功能包括用户登陆管理、学习内容分类管理、学习内容发布管理、学习内容更新、删除管理、学习内容查询管理、学习内容浏览等几大模块。具体描述如下“

1）用户登陆管理

2）学习内容分类管理

学习内容类别的增加，包括类别的名称和类别编号；学习内容类别信息的修改；学习内容类别的删除。

3）学习内容发布管理

学习内容基本信息的发布；其他资料上传功能。

4）学习内容更新、删除管理

学习内容信息更改；学习内容的删除。

5）学习内容查询管理

学习内容分类信息列表；学习内容检索。

6）学习内容浏览

学习内容详细信息浏览和学习内容评论浏览；发表学习内容评论；分类学习内容列表。

2.2 功能模块的划分

根据以上的系统功能描述，设计功能模块图，如图1所示。

图1 功能模块图

经过分析，系统的参与人员有2种：匿名用户和管理员。匿名用户作为系统的普通用户，这里我们不需要特定的用户名，所以不需要进行系统的身份验证。普通用户通过页面查询出所需要的学习内容，进行学习内容详细信息的浏览和发表自己对学习内容的评论。管理员具有管理该系统的权限，可以进入后台管理系统进行学习内容信息的管理。

3 主要文件代码

由于用户登陆等这些模块的实现比较简单，这里不作介绍。主要叙述以下2个主要功能模块，当然也是开发过程中最难实现的。

３．１Ｃｏｎｔｅｎｔ．ａｓｐｘ的设计与编码

Ｃｏｎｔｅｎｔ．ａｓｐｘ提供了两个功能：

１）按照参数列出该类别的学习内容列表。

２）按照参数检索出符合条件的学习内容列表。

Ｃｏｎｔｅｎｔ．ａｓｐｘ的ＨＴＭＬ代码如下：

＜％＠ＰａｇｅＬａｎｇｕａｇｅ＝＂ｖｂ＂ＡｕｔｏＥｖｅｎｔＷｉｒｅｕｐ＝＂ｆａｌｓｅ＂Ｃｏｄｅｂｅｈｉｎｄ＝＂Ｃｏｎｔｅｎｔ．ａｓｐｘ．ｖｂ＂Ｉｎｈｅｒｉｔｓ＝＂ＴｈｅＣｏｎｔｅｎｔＹＳ．Ｃｏｎｔｅｎｔ＂％＞

＜！ＤＯＣＴＹＰＥＨＴＭＬＰＵＢＬＩＣ＂－／／Ｗ３Ｃ／／ＤＴＤＨＴＭＬ４．０Ｔｒａｎｓｉｔｉｏｎａｌ／／ＥＮ＂＞

＜ＨＴＭＬ＞

＜ＨＥＡＤ＞

＜ｍｅｔａｎａｍｅ＝＂ｖｓ＿ｓｎａｐＴｏＧｒｉｄ＂ｃｏｎｔｅｎｔ＝＂Ｆａｌｓｅ＂＞

＜ｔｉｔｌｅ＞Ｃｏｎｔｅｎｔ＜／ｔｉｔｌｅ＞

＜ｍｅｔａｃｏｎｔｅｎｔ＝＂ＭｉｃｒｏｓｏｆｔＶｉｓｕａｌＳｔｕｄｉｏ．ＮＥＴ＂ｎａｍｅ＝＂ＧＥＮＥＲＡＴＯＲ＂＞

＜ｍｅｔａｃｏｎｔｅｎｔ＝＂ＶｉｓｕａｌＢａｓｉｃ．ＮＥＴ＂ｎａｍｅ＝＂ＣＯＤＥ＿ＬＡＮＧＵＡＧＥ＂＞

＜ｍｅｔａｃｏｎｔｅｎｔ＝＂ＪａｖａＳｃｒｉｐｔ＂ｎａｍｅ＝＂ｖｓ＿ｄｅｆａｕｌｔＣｌｉｅｎｔＳｃｒｉｐｔ＂＞

＜ｍｅｔａｃｏｎｔｅｎｔ＝＂ｈｔｔｐ：／／ｓｃｈｅｍａｓ．ｍｉｃｒｏｓｏｆｔ．ｃｏｍ／ｉｎｔｅｌｌｉｓｅｎｓｅ／ｉｅ６＂ｎａｍｅ＝＂ｖｓ＿ｔａｒｇｅｔＳｃｈｅｍａ＂＞

＜／ＨＥＡＤ＞

＜ｂｏｄｙＭＳ＿ＰＯＳＩＴＩＯＮＩＮＧ＝＂ＧｒｉｄＬａｙｏｕｔ＂＞

＜ｆｏｒｍｉｄ＝＂Ｆｏｒｍ１＂ｍｅｔｈｏｄ＝＂ｐｏｓｔ＂ｒｕｎａｔ＝＂ｓｅｒｖｅｒ＂＞

＜ｃｅｎｔｅｒ＞

＜ＴＡＢＬＥｉｄ＝＂Ｔａｂｌｅ１＂ｓｔｙｌｅ＝＂ＢＯＲＤＥＲ－ＲＩＧＨＴ：＃ｄｄ１１２２２ｐｘｓｏｌｉｄ；ＢＯＲＤＥＲ－ＴＯＰ：＃ｄｄ１１２２２ｐｘｓｏｌｉｄ；ＢＯＲＤＥＲ－ＬＥＦＴ：＃ｄｄ１１２２２ｐｘｓｏｌｉｄ；ＢＯＲＤＥＲ－ＢＯＴＴＯＭ：＃ｄｄ１１２２２ｐｘｓｏｌｉｄ＂

ｃｅｌｌＳｐａｃｉｎｇ＝＂０＂ｃｅｌｌＰａｄｄｉｎｇ＝＂０＂ｗｉｄｔｈ＝＂６００＂ｂｏｒｄｅｒ＝＂０＂＞

＜ＴＲ＞

＜ＴＤ＞＜ＩＭＧｓｒｃ＝＂ｈｔｔｐ：／／１２７．０．０．１／／ｘｉｎｃｈｕａｎ／ｎｅｔ／／１．ｊｐｇ＂＞＜／ＴＤ＞

＜／ＴＲ＞

＜ＴＲ＞

＜ＴＤ＞＜ＦＯＮＴｆａｃｅ＝＂宋体＂＞＜／ＦＯＮＴ＞＜／ＴＤ＞

＜／ＴＲ＞

＜ＴＲ＞

＜ＴＤ＞

＜ＴＡＢＬＥｉｄ＝＂Ｔａｂｌｅ２＂ｓｔｙｌｅ＝＂ＢＯＲＤＥＲ－ＲＩＧＨＴ：＃００４２００１ｐｔｓｏｌｉｄ；ＢＯＲＤＥＲ－ＴＯＰ：＃００４２００１ｐｔｓｏｌｉｄ；ＢＯＲＤＥＲ－ＬＥＦＴ：＃００４２００１ｐｔｓｏｌｉｄ；ＢＯＲＤＥＲ－ＢＯＴＴＯＭ：＃００４２００１ｐｔｓｏｌｉｄ＂

ｃｅｌｌＳｐａｃｉｎｇ＝＂０＂ｃｅｌｌＰａｄｄｉｎｇ＝＂０＂ｗｉｄｔｈ＝＂６００＂ｂｏｒｄｅｒ＝＂０＂＞

＜ａｓｐ：ｄａｔａｌｉｓｔｉｄ＝＂Ｌｉｓｔ１＂ｒｕｎａｔ＝＂ｓｅｒｖｅｒ＂ＢｏｒｄｅｒＣｏｌｏｒ＝＂＃ｄｄ１１２２＂ＢｏｒｄｅｒＷｉｄｔｈ＝＂２ｐｔ＂＞

＜ＡｌｔｅｒｎａｔｉｎｇＩｔｅｍＳｔｙｌｅＢａｃｋＣｏｌｏｒ＝＂Ａｚｕｒｅ＂＞＜／ＡｌｔｅｒｎａｔｉｎｇＩｔｅｍＳｔｙｌｅ＞

＜ＨｅａｄｅｒＳｔｙｌｅＦｏｎｔ－Ｓｉｚｅ＝＂Ｌａｒｇｅｒ＂Ｆｏｎｔ－Ｂｏｌｄ＝＂Ｔｒｕｅ＂ＦｏｒｅＣｏｌｏｒ＝＂Ａｚｕｒｅ＂ＢａｃｋＣｏｌｏｒ＝＂＃ｄｄ１１２２＂＞＜／ＨｅａｄｅｒＳｔｙｌｅ＞

＜ＩｔｅｍＴｅｍｐｌａｔｅ＞

＜ｔｒ＞

＜ＴＤａｌｉｇｎ＝＂ｌｅｆｔ＂ｓｔｙｌｅ＝＂ＦＯＮＴ－ＷＥＩＧＨＴ：ｂｏｌｄ；ＦＯＮＴ－ＳＩＺＥ：１３ｐｔ；ＢＡＣＫＧＲＯＵＮＤ－ＣＯＬＯＲ：ｄａｒｋｇｒａｙ＂＞标题：

＜ａｈｒｅｆ＝＇＜％＃＂ＴｈｅＣｏｎｔｅｎｔ．ａｓｐｘ？ａｉｄ＝＂＆ｄａｔａｂｉｎｄｅｒ．ｅｖａｌ（ｃｏｎｔａｉｎｅｒ．ｄａｔａｉｔｅｍ，＂ｉｄ＂）％＞＇ｔａｒｇｅｔ＝＿ｂｌａｎｋ＞

＜％＃ｄａｔａｂｉｎｄｅｒ．ｅｖａｌ（ｃｏｎｔａｉｎｅｒ．ｄａｔａｉｔｅｍ，＂ｔｉｔｌｅ＂）％＞

＜／ａ＞

＜／ＴＤ＞

＜／ｔｒ＞

＜ｔｒ＞

＜ＴＤａｌｉｇｎ＝＂ｌｅｆｔ＂ｓｔｙｌｅ＝＂ＦＯＮＴ－ＳＩＺＥ：１１ｐｔ；ＢＡＣＫＧＲＯＵＮＤ－ＣＯＬＯＲ：ｌｉｇｈｔｇｒｅｙ＂＞

ｉｄ：＜％＃ｄａｔａｂｉｎｄｅｒ．ｅｖａｌ（ｃｏｎｔａｉｎｅｒ．ｄａｔａｉｔｅｍ，＂ｉｄ＂）％＞

作者：＜％＃ｄａｔａｂｉｎｄｅｒ．ｅｖａｌ（ｃｏｎｔａｉｎｅｒ．ｄａｔａｉｔｅｍ，＂ｗｒｉｔｅｒ＂）％＞

时间：＜％＃ｄａｔａｂｉｎｄｅｒ．ｅｖａｌ（ｃｏｎｔａｉｎｅｒ．ｄａｔａｉｔｅｍ，＂ｔｉｍｅ＂）％＞

学习次数：＜％＃ｄａｔａｂｉｎｄｅｒ．ｅｖａｌ（ｃｏｎｔａｉｎｅｒ．ｄａｔａｉｔｅｍ，＂ｃｉｓｈｕ＂）％＞

＜／ＴＤ＞

＜／ｔｒ＞

＜ｔｒ＞

＜ＴＤａｌｉｇｎ＝＂ｌｅｆｔ＂ｓｔｙｌｅ＝＂ＦＯＮＴ－ＳＩＺＥ：１１ｐｔ；ＢＡＣＫＧＲＯＵＮＤ－ＣＯＬＯＲ：ｌｉｇｈｔｇｒｅｙ＂＞关键字［＜％＃ｄａｔａｂｉｎｄｅｒ．ｅｖａｌ（ｃｏｎｔａｉｎｅｒ．ｄａｔａｉｔｅｍ，＂ｋｗ＂）％＞］＜／ＴＤ＞

＜／ｔｒ＞

＜ｔｒ＞

＜ＴＤａｌｉｇｎ＝＂ｌｅｆｔ＂ｓｔｙｌｅ＝＂ＴＥＸＴ－ＩＮＤＥＮＴ：１１ｐｔ；ＢＡＣＫＧＲＯＵＮＤ－ＣＯＬＯＲ：ｓｅａｓｈｅｌｌ＂＞

学习摘要：＜ｂｒ＞

．．．＜％＃ｍｉｄ（ｄａｔａｂｉｎｄｅｒ．ｅｖａｌ（ｃｏｎｔａｉｎｅｒ．ｄａｔａｉｔｅｍ，＂ｃｏｎｔｅｎｔ＂），５０，２００）％＞．．．＜ｂｒ＞

＜／ＴＤ＞

＜／ｔｒ＞

＜／ＩｔｅｍＴｅｍｐｌａｔｅ＞

＜／ａｓｐ：ｄａｔａｌｉｓｔ＞＜／ＴＡＢＬＥ＞

＜／ＴＤ＞

＜／ＴＲ＞

＜ＴＲ＞

＜ＴＤ＞＜ａｓｐ：ｌａｂｅｌｉｄ＝＂Ｌａｂｅｌ１＂ｒｕｎａｔ＝＂ｓｅｒｖｅｒ＂＞＜／ａｓｐ：ｌａｂｅｌ＞＜ａｓｐ：ｌｉｎｋｂｕｔｔｏｎｉｄ＝＂ＬｉｎｋＢｕｔｔｏｎ４＂ｒｕｎａｔ＝＂ｓｅｒｖｅｒ＂＞第一页＜／ａｓｐ：ｌｉｎｋｂｕｔｔｏｎ＞

＜ａｓｐ：ｌｉｎｋｂｕｔｔｏｎｉｄ＝＂ＬｉｎｋＢｕｔｔｏｎ１＂ｒｕｎａｔ＝＂ｓｅｒｖｅｒ＂＞上页＜／ａｓｐ：ｌｉｎｋｂｕｔｔｏｎ＞＜ａｓｐ：ｌｉｎｋｂｕｔｔｏｎｉｄ＝＂ＬｉｎｋＢｕｔｔｏｎ２＂ｒｕｎａｔ＝＂ｓｅｒｖｅｒ＂＞下页＜／ａｓｐ：ｌｉｎｋｂｕｔｔｏｎ＞

＜ａｓｐ：ｌｉｎｋｂｕｔｔｏｎｉｄ＝＂ＬｉｎｋＢｕｔｔｏｎ３＂ｒｕｎａｔ＝＂ｓｅｒｖｅｒ＂＞末页＜／ａｓｐ：ｌｉｎｋｂｕｔｔｏｎ＞＜／ＦＯＮＴ＞＜／ＴＤ＞

＜／ＴＲ＞

＜／ＴＡＢＬＥ＞

＜／ｃｅｎｔｅｒ＞

＜／ｆｏｒｍ＞

＜／ｂｏｄｙ＞

＜／ＨＴＭＬ＞

３．２ＴｈｅＣｏｎｔｅｎｔ．ａｓｐｘ的设计与编码

ＴｈｅＣｏｎｔｅｎｔ．ａｓｐｘ是具体显示学习内容的页面，按照传入的ＩＤ，从数据库中检索出学习内容，并把内容显示出来。

ＴｈｅＣｏｎｔｅｎｔ．ａｓｐｘ的ＨＴＭＬ代码如下：

＜％＠ＰａｇｅＬａｎｇｕａｇｅ＝＂ｖｂ＂ＡｕｔｏＥｖｅｎｔＷｉｒｅｕｐ＝＂ｆａｌｓｅ＂Ｃｏｄｅｂｅｈｉｎｄ＝＂ＴｈｅＣｏｎｔｅｎｔ．ａｓｐｘ．ｖｂ＂Ｉｎｈｅｒｉｔｓ＝＂ＴｈｅＣｏｎｔｅｎｔＹＳ．ＴｈｅＣｏｎｔｅｎｔ＂％＞

＜％＠ＲｅｇｉｓｔｅｒＴａｇＰｒｅｆｉｘ＝＂ｕｃ１＂ＴａｇＮａｍｅ＝＂ｔｅａｌｋｅｒ＂Ｓｒｃ＝＂ｔｅａｌｋｅｒ．ａｓｃｘ＂％＞

＜！ＤＯＣＴＹＰＥＨＴＭＬＰＵＢＬＩＣ＂－／／Ｗ３Ｃ／／ＤＴＤＨＴＭＬ４．０Ｔｒａｎｓｉｔｉｏｎａｌ／／ＥＮ＂＞

＜ＨＴＭＬ＞

＜ＨＥＡＤ＞

＜ｔｉｔｌｅｒｕｎａｔ＝＂ｓｅｒｖｅｒ＂ｉｄ＝＂Ｍｙｔｉｔｌｅ＂＞＜／ｔｉｔｌｅ＞

＜ｍｅｔａｃｏｎｔｅｎｔ＝＂ＭｉｃｒｏｓｏｆｔＶｉｓｕａｌＳｔｕｄｉｏ．ＮＥＴ＂ｎａｍｅ＝＂ＧＥＮＥＲＡＴＯＲ＂＞

＜ｍｅｔａｃｏｎｔｅｎｔ＝＂ＶｉｓｕａｌＢａｓｉｃ．ＮＥＴ＂ｎａｍｅ＝＂ＣＯＤＥ＿ＬＡＮＧＵＡＧＥ＂＞

＜ｍｅｔａｃｏｎｔｅｎｔ＝＂ＪａｖａＳｃｒｉｐｔ＂ｎａｍｅ＝＂ｖｓ＿ｄｅｆａｕｌｔＣｌｉｅｎｔＳｃｒｉｐｔ＂＞

＜ｍｅｔａｃｏｎｔｅｎｔ＝＂ｈｔｔｐ：／／ｓｃｈｅｍａｓ．ｍｉｃｒｏｓｏｆｔ．ｃｏｍ／ｉｎｔｅｌｌｉｓｅｎｓｅ／ｉｅ６＂ｎａｍｅ＝＂ｖｓ＿ｔａｒｇｅｔＳｃｈｅｍａ＂＞

＜／ＨＥＡＤ＞

＜ｂｏｄｙＭＳ＿ＰＯＳＩＴＩＯＮＩＮＧ＝＂ＧｒｉｄＬａｙｏｕｔ＂＞

＜ｆｏｒｍｉｄ＝＂Ｆｏｒｍ１＂ｍｅｔｈｏｄ＝＂ｐｏｓｔ＂ｒｕｎａｔ＝＂ｓｅｒｖｅｒ＂＞

＜ｃｅｎｔｅｒ＞

＜ＴＡＢＬＥｉｄ＝＂Ｔａｂｌｅ１＂ｓｔｙｌｅ＝＂ＢＯＲＤＥＲ－ＲＩＧＨＴ：＃４２６１ａｃ１ｐｔｓｏｌｉｄ；ＢＯＲＤＥＲ－ＴＯＰ：＃４２６１ａｃ１ｐｔｓｏｌｉｄ；ＢＯＲＤＥＲ－ＬＥＦＴ：＃４２６１ａｃ１ｐｔｓｏｌｉｄ；ＢＯＲＤＥＲ－ＢＯＴＴＯＭ：＃４２６１ａｃ１ｐｔｓｏｌｉｄ＂

ｃｅｌｌＳｐａｃｉｎｇ＝＂０＂ｃｅｌｌＰａｄｄｉｎｇ＝＂０＂ｗｉｄｔｈ＝＂６００＂ｂａｃｋｇｒｏｕｎｄ＝＂ｉｍａｇｅｓ／ｂｇ１．ｇｉｆ＂ｂｏｒｄｅｒ＝＂０＂＞

＜ＴＲ＞

＜ＴＤ＞＜／ＴＤ＞

＜ＴＤａｌｉｇｎ＝＂ｒｉｇｈｔ＂＞

＜ＴＡＢＬＥｉｄ＝＂Ｔａｂｌｅ２＂ｓｔｙｌｅ＝＂ＢＯＲＤＥＲ－ＲＩＧＨＴ：＃４２６１ａｃ１ｐｔｓｏｌｉｄ；ＢＯＲＤＥＲ－ＴＯＰ：＃４２６１ａｃ１ｐｔｓｏｌｉｄ；ＢＯＲＤＥＲ－ＬＥＦＴ：＃４２６１ａｃ１ｐｔｓｏｌｉｄ；ＷＩＤＴＨ：６００ｐｘ；ＢＯＲＤＥＲ－ＢＯＴＴＯＭ：＃４２６１ａｃ１ｐｔｓｏｌｉｄ；ＨＥＩＧＨＴ：５０ｐｘ＂

ｃｅｌｌＳｐａｃｉｎｇ＝＂０＂ｃｅｌｌＰａｄｄｉｎｇ＝＂０＂ｗｉｄｔｈ＝＂６００＂ｂｏｒｄｅｒ＝＂０＂＞

＜ＴＲ＞

＜ＴＤｓｔｙｌｅ＝＂ＦＯＮＴ－ＷＥＩＧＨＴ：ｂｏｌｄ；ＦＯＮＴ－ＳＩＺＥ：１４ｐｔ；ＣＯＬＯＲ：ｗｈｉｔｅ；ＨＥＩＧＨＴ：５０ｐｘ；ＢＡＣＫＧＲＯＵＮＤ－ＣＯＬＯＲ：＃４２６１ａｃ＂

ａｌｉｇｎ＝＂ｃｅｎｔｅｒ＂＞＜ａｓｐ：ｌａｂｅｌｉｄ＝＂Ｌａｂｅｌ１＂ｒｕｎａｔ＝＂ｓｅｒｖｅｒ＂＞Ｌａｂｅｌ＜／ａｓｐ：ｌａｂｅｌ＞＜／ＴＤ＞

＜／ＴＲ＞

＜ＴＲ＞

＜ＴＤｓｔｙｌｅ＝＂ＢＯＲＤＥＲ－ＲＩＧＨＴ：＃４２６１ａｃ１ｐｔｓｏｌｉｄ；ＢＯＲＤＥＲ－ＴＯＰ：＃４２６１ａｃ１ｐｔｓｏｌｉｄ；ＦＯＮＴ－ＳＩＺＥ：１０ｐｔ；ＢＯＲＤＥＲ－ＬＥＦＴ：＃４２６１ａｃ１ｐｔｓｏｌｉｄ；ＢＯＲＤＥＲ－ＢＯＴＴＯＭ：＃４２６１ａｃ１ｐｔｓｏｌｉｄ；ＨＥＩＧＨＴ：３０ｐｘ；ＢＡＣＫＧＲＯＵＮＤ－ＣＯＬＯＲ：ａｚｕｒｅ＂

ａｌｉｇｎ＝＂ｃｅｎｔｅｒ＂＞＜ａｓｐ：ｌａｂｅｌｉｄ＝＂Ｌａｂｅｌ２＂ｒｕｎａｔ＝＂ｓｅｒｖｅｒ＂＞Ｌａｂｅｌ＜／ａｓｐ：ｌａｂｅｌ＞＜／ＴＤ＞

＜／ＴＲ＞

＜ＴＲ＞

＜ＴＤｓｔｙｌｅ＝＂ＢＯＲＤＥＲ－ＲＩＧＨＴ：＃４２６１ａｃ１ｐｔｓｏｌｉｄ；ＢＯＲＤＥＲ－ＴＯＰ：＃４２６１ａｃ１ｐｔｓｏｌｉｄ；ＦＯＮＴ－ＳＩＺＥ：１０ｐｔ；ＢＯＲＤＥＲ－ＬＥＦＴ：＃４２６１ａｃ１ｐｔｓｏｌｉｄ；ＢＯＲＤＥＲ－ＢＯＴＴＯＭ：＃４２６１ａｃ１ｐｔｓｏｌｉｄ；ＨＥＩＧＨＴ：３０ｐｘ；ＢＡＣＫＧＲＯＵＮＤ－ＣＯＬＯＲ：ａｚｕｒｅ＂

ａｌｉｇｎ＝＂ｃｅｎｔｅｒ＂＞＜ａｓｐ：ｌａｂｅｌｉｄ＝＂Ｌａｂｅｌ４＂ｒｕｎａｔ＝＂ｓｅｒｖｅｒ＂＞Ｌａｂｅｌ＜／ａｓｐ：ｌａｂｅｌ＞＜／ＴＤ＞

＜／ＴＲ＞

＜ＴＲ＞

＜ＴＤｓｔｙｌｅ＝＂ＦＯＮＴ－ＳＩＺＥ：１１ｐｔ；ＬＩＮＥ－ＨＥＩＧＨＴ：２０ｐｔ＂＞＜ａｓｐ：ｌａｂｅｌｉｄ＝＂Ｌａｂｅｌ３＂ｒｕｎａｔ＝＂ｓｅｒｖｅｒ＂＞Ｌａｂｅｌ＜／ａｓｐ：ｌａｂｅｌ＞＜／ＴＤ＞

＜／ＴＲ＞

＜ＴＲ＞

＜ＴＤｓｔｙｌｅ＝＂ＢＯＲＤＥＲ－ＢＯＴＴＯＭ：＃ｄｄ１１２２ｔｈｉｎｓｏｌｉｄ＂＞＜ｂｒ＞

＜／ＴＤ＞

＜／ＴＲ＞

＜ＴＲ＞

＜ＴＤ＞＜ｂｒ＞

＜／ＴＤ＞

＜／ＴＲ＞

＜ＴＲ＞

＜ＴＤａｌｉｇｎ＝＂ｃｅｎｔｅｒ＂＞＜ｕｃ１：ｔｅａｌｋｅｒｉｄ＝Ｔｅａｌｋｅｒ１ｒｕｎａｔ＝＂ｓｅｒｖｅｒ＂ａｉｄ＝＇＜％＃Ｒｅｑｕｅｓｔ．Ｐａｒａｍｓ（＂ａｉｄ＂）％＞＇＞＜／ｕｃ１：ｔｅａｌｋｅｒ＞＜／ＴＤ＞

＜／ＴＲ＞

＜／ＴＡＢＬＥ＞

＜Ｐ＞＜／Ｐ＞

＜／ＴＤ＞

＜／ＴＲ＞

＜／ＴＡＢＬＥ＞

＜／ｃｅｎｔｅｒ＞

＜／ｆｏｒｍ＞

＜／ｂｏｄｙ＞

＜／ＨＴＭＬ＞

以上就是２个主要文件的前台代码，尽管它的实现不是特别复杂，但是笔者却希望它能够起到抛砖引玉的作用，使大家能够了解并使用它。

４结束语

本系统有很高的应用价值，特别是在教育教学领域具有极其广阔的应用前景，当然这系统将会在实践中不断的完善，以满足网络信息的不断发展以及用户的需求。只有这样，网上学习系统才能发挥出更大的作用。