1、目 录摘要1关键词11. 引言32. 系统功能设计32.1 设计思想32.2 功能结构设计42.3 页面详细设计43. 系统逻辑流程94. 系统界面设计94.1 整体布局104.2 颜色搭配104.3 动画效果104.3 超级链接105. 主要设计技术115.1 ASP 与数据库的连接技术115.2 分页显示技术125.3 用户端的检测技术145.4 动态链接技术165.5 对用户权限的限定166. 结束语18参考文献181基于 Web 的“教师答疑室”的设计与实现摘要：基于 Web 的“教师答疑室 ”是综合运用 ASP 技术和数据库存取技术而设计开发的，它充分发挥了网络的优势，打破了传统的答
2、疑方式的时空局限性，为师生随时随地交流提供了方便。该答疑室由用户模块、答疑模块和管理模块三个模块组成，相应地实现了三大功能：用户注册与登陆、师生讨论问题和管理员对答疑室的管理与维护。本文详细介绍了“教师答疑室”的功能特点、逻辑流程、界面设计和主要实现技术，由于说明问题的需要，还提供了流程图、部分 Web 页面和核心程序片段。关键词：ASP Web BBS 数据库 网上答疑2Design and Implementation of Web-based “Coaching Room” Abstract: Web-based “Coaching Room” is designed and imple
3、mented with technology of ASP (Active Server Pages) and Database Access. It takes the advantage of network to break through the restriction of time and space. So teachers and students can communicate with each other anytime and anywhere conveniently. The “Coaching Room” consists of three modules: cl
4、ient module, ask-answer module and management module. Accordingly, it achieves three functions: register and login of clients, discussion between teachers and students, and management and maintenance of the administrators. In this paper “Coaching Room” and whose function, logic process, interface de
5、sign and primary technology are introduced in detail. Flow chart, web pages and segments of main program are also provided for the purpose of further explanation.Keywords: ASP Web BBS Database Net Answer31. 引言传统的答疑方式是一种面对面的交流，具有实时、直接的特点，教师和学生可以综合运用语言符号和非语言符号来传递信息，交流沟通。但由于它需要在固定的时间和地点进行，因而具有很大的不灵活性。而
6、计算机网络技术日新月异的发展和 Internet 的普及为传统的师生交流开辟了一条崭新的渠道，在很大程度上弥补了传统答疑方式的缺陷。基于 Web 的答疑方式使师生交流不再受时空的限制，只要具备上网的条件，学生可以随时随地提出问题，教师也可以随时随地解答问题。这不仅能够拓展教师和学生的交流空间，增加教师和学生沟通的机会，拉近师生之间的距离，使一些平时内向胆怯的学生也勇于发言，而且通过师生之间的讨论，能帮助学生自己发现问题，提出问题并最终解决问题，从而增强学生的独立性、自主性和探索性。基于 Web 的“教师答疑室”就是针对以上原因而设计开发的。它使用当前流行的 Web 站点设计技术和开发工具，综合
7、 ASP 技术，HTML 和 VBScript 脚本语言，用 Microsoft Access 作为后台数据库，Macromedia Dreamweaver 作为开发平台。2. 系统功能设计2.1 设计思想“教师答疑室”采用 B/S 结构，位于客户端的教师和学生只需用浏览器来使用本答疑系统，服务器端采用 ASP 技术来完成动态网页的生成和数据库的访问，后台数据库采用 Microsoft Access。其实现原理如图 1 所示：42.2 功能结构设计从总体功能来说， “教师答疑室”分为三个模块：用户模块、答疑模块和管理模块，其功能结构如图 2 所示。2.3 页面详细设计2.3.1 主页设计“教师
8、答疑室”的主页如图 3 所示。用户进入主页之后先要登陆，否则只能浏览留言，而不能发表留言。主页只是“教师答疑室”的第一层，呈现问答的总体情况包括问题数、回复数及最新问题等，分为两个版块：站务管理版块和教师答疑版块。站务管理版块分为站务公告区、新手上路区和综合意见区，列5出了各个区的版主、主题数、回复数、最新问题及其作者和发表时间。用户只需点击区域名称，即可进入相应区域的主题呈现页面。管理员6在站务公告区发布公告或通知，教师和学生若有什么疑义或意见可以进行回复，但无权发布公告或通知；若用户初次进入“教师答疑室” ，不熟悉本答疑室的规则，可以进入新手上路区，有什么疑问都可以在此提出；为了更好地完善
9、“教师答疑室” ，更好地为师生服务，专门开辟了综合意见区，用以收集用户的意见和建议。教师答疑版块包含各门课程，列出了各门课程的任教教师、问题数、回复数、最新问题及其提问者和提问时间。用户只需点击课程名称，即可进入相应课程的问题呈现页面。在主页上列出讨论区和课程的问题数和回复数及最新问题，能使用户对问题和回复情况一目了然，极大地方便了教师和学生。2.3.2 问题呈现与回复页面设计用户在主页点击课程名称，就进入了相应课程的问题呈现页面。如果用户已登陆，则可以提出新问题，否则无权提出新问题；并且若登陆用户为该课程任课教师，问题旁边会有删除标记，教师可以对没有价值的问题进行删除，而其他用户登陆则没有删
10、除标记。图 4 所示为计算机软件基础的任课教师登陆后进入问题呈现页面的窗口，该窗口列出了相应课程的所有问题及其提问者、提问时间和回复/点击数，通过这些信息，教师可以了解哪些问题的点击率比较高，从而有根据地调整以后的教学；学生能够了解自己提出的问题有没有得到解答，也可以查看别人提出的问题。只要点击某一问题的标题即可进入该问题的回复页面，如图 5 所示。7无论是教师还是学生，只要已经登陆，都有权提出和回复问题。通过师生间的相互讨论，能够使老师全面、深入地了解学生对某门课程的学习情况，也能够使学生深入理解和巩固所学知识。2.3.3 管理页面设计要保证站点的正常运行，需要定期对其进行管理与维护，为此8
11、“教师答疑室”专门开辟了一个管理页面。管理员登陆到该页面以后，可以查看已注册的用户信息，对非法用户予以删除；可以查看用户的留言信息，对一些垃圾留言进行筛选删除；为了维护站点的安全，防止有人随便冒充教师，由管理员对教师进行把关，当某位教师要加入该答疑室时，由管理员进行添加；当某位教师申请成为某门课的版主即任课教师时，也由管理员进行添加；另外对主页的维护与更新如添加课程或讨论区也是由管理员负责。如图 6 所示，管理页面采用框架结构，左窗口列出了各种操作，只要点击一下，就会在主窗口中呈现相应的内容。2.3.4 其它页面设计以上详细介绍了四个主要的页面，其它还有很多页面诸如用户注9册页面、找回密码页面
12、、管理员登陆页面以及很多出错提示页面等，在此就不再一一介绍了。3. 系统逻辑流程“教师答疑室”的用户分为三类：管理员、教师和学生，他们的权限是不同的：管理员有最高管理权限；教师除了浏览、提出和回答问题，还负责所教课程的问题呈现页面的维护；学生可以浏览、提出和回答问题。图 7 给出了不同的用户以不同的身份访问“教师答疑室”时的逻辑流程。4. 系统界面设计如果说，功能设计是网络答疑系统的灵魂，那么界面设计就是其10不容忽视的外表，二者只有完美结合，达到形神兼备才能使访问者乐在其中，留连忘返。为了使基于 Web 的“教师答疑室 ”界面美观大方，在进行界面设计时主要考虑了以下几个方面： 4.1 整体布
13、局主页运用表格来布局，网页上部是具有动画效果的文件头和用户登陆入口，主体部分分为两个版块，每个版块又分为很多个子块；问题呈现页面和管理页面采用列表的形式，每页显示十条信息。整个答疑系统给人一种层次清晰、条理分明的感觉。4.2 颜色搭配选用高雅清淡的浅蓝色作为整个答疑室的基本色调，文字则以深蓝色为主，跟背景和谐搭配，让人觉得浑然一体。4.3 动画效果为了增加答疑室的生动性和趣味性，在主页上部插入了体现信息技术系特色的 Flash 动画，其下面还有“欢迎光临信息技术系教师答疑室”的跑马灯效果，并且在其它页面适当地插入了一些 GIF 动画，从而为整个答疑室增添了许多活力。4.4 超级链接为了与普通的
14、文字相搭配而又有所区分，创建了 linkstyle.css 文件，用以规定超级链接的效果。当某个链接没有被访问时，字的颜色为深蓝色，鼠标移上去为亮蓝色并且有下划线出现，而已访问过的链接字体为紫红色。程序代码如下：然后在有超级链接的文件的中插入超级链接效果即可生效。5. 主要设计技术5.1 ASP 与数据库连接技术“教师答疑室”的用户信息、问题及其回复等都是存储在后台数据库中的，要存取和管理数据库，首先必须创建 ASP 与数据库的连接。具体连接方法有两种：利用数据源连接和不用数据源连接，这里采用的是前一种连接方法。具体连接步骤如下：首先在控制面板的管理工具面板启动数据源（ODBC）管理器，在打开
15、的 ODBC 数据源管理器窗口中选择系统 DSN 选项卡；接着单击添加按钮，选择“Microsoft Access driver (*.mdb)”单击完成按钮，在弹出的“ODBC Microsoft Access 安装”窗口输入数据源名“infodb”及对此连接的描述“BBS 后台数据库” ，选择要连接的数据库“infodb.mdb” ，单击确定按钮。至此，系统 DSN 就创建成功了。然后，在要与数据库连接的 ASP 中利用以下一段代码即可以实现与数据库的连接。Set conn= Server.CreateObject(“ADODB.Connection“)12conn.Open“dsn=in
16、fodb“5.2 分页显示技术对于问题呈现页面及回复页面，由于内容比较多，如果都在一个页面上显示，势必会使网页很长，用户查看时要不停地向下拖动，这样很容易让人产生厌烦心理。为了使用户方便快速地浏览网页，在内容比较多的页面都采用了分页显示技术，其核心程序如下：set rs=Server.CreateObject(“ADODB.RecordSet“)rs.Open str1,conn,1dim sumcount如果记录集不是空的，就执行分页显示。if not rs.bof and not rs.eof thensumcount=rs.RecordCountrs.MoveFirstdim page_
17、no,page_total,i,j下面一段判断当前显示第几页，如果是第一次打开，为 1；否则由传回参数决定。if request.QueryString(“page_no“)=“ thenpage_no=1elsepage_no=cint(request.QueryString(“page_no“)end if 下面一段开始分页显示，指向要显示的页，然后逐条显示当前页的所有记录。 rs.PageSize=1013rs.AbsolutePage=page_nopage_total=rs.PageCountfor i=1 to rs.PageSizers.MoveNextif rs.eof the
18、nexit forend ifnextelsepage_no=1page_total=1end if下面一段在下方显示页数信息，从 1 到总页数循环，如果不是当前页，就加上超链接。本页是第/ 页 分页： for j=1 to page_totalif j=page_no thenresponse.write j&“ “elseresponse.write“&j&“ “end ifnext14如图 4 所示，通过分页技术，设置每页显示 10 个问题，使问题呈现页面不再冗长，用户只要点击要浏览的页面号码就可以跳转到相应的页面。与不采用分页显示技术相比较，不仅方便了用户浏览，而且界面
19、也更加美观了。5.3 用户端的检测技术由于 ASP 文件是在服务器端执行的，当用户提交信息时，难免会有出错信息，这时若将 ASP 文件直接提交给服务器，服务器在执行过程中发现错误，再以 HTML 文件传送给客户端，这样一个来回传送的过程会浪费很多时间。因此，有必要在客户端对用户提交的信息进行检查，确认没有错误之后再传送到服务器端解释执行。只需要用VBScript 编写一个函数，即可以实现用户端检测技术。在 “教师答疑室” 的 ASP 文件中有很多都用到了该技术。下面以用户注册页面为例，给出实现该技术的核心代码。Sub check()下面一段判断用户呢称和密码是否为空 if form1.user
20、name.value=empty thenmsgbox “用户呢称不能为空 !“focusto(0)exit subend if if form1.password.value=empty thenmsgbox “用户密码不能为空 !“focusto(1)exit sub15end if下面一段判断是否选择了一门课程if form1.course.value=0 thenmsgbox “请选择课程名 !“exit subend if下面一段判断是否输入了问题标题和内容 if form1.title.value=empty thenmsgbox “请输入问题标题 !“focusto(2)exit
21、 subend ifif form1.question.value=empty thenmsgbox “请输入问题内容 !“focusto(3)exit subend if下面一句提交表单form1.submit End Sub将光标聚焦到相应的文本输入框Sub focusto(x)form1.elements(x).focus()End Sub然后再把待检测的表单属性设置为，当填写完表单，单击提交时，若有必填项未填或有错误，都会弹出提示出错的窗口。这样就在用户端完成了对提交表单信息的检查。5.4 动态链接技术“教师答疑室”的用户信息、问题及回复等都是不断更新的，相伴随的链接也不能事先设定，而
22、是随着内容的变化链接也有所不同，因此必须运用动态链接技术才能保证网页的顺畅链接。以问题呈现页面为例，实现动态链接主要用到了如下代码：&list_id=“5.5 对用户权限的限定针对管理员、教师和学生对“教师答疑室”的访问权限不同，在数据库表 userinfo 中设置了一个字段 authority，管理员的权限最高，为 2，教师次之为 1，学生权限最低，为 0。当 ASP 对数据库进行访17问时，根据用户的权限不同，显示的信息也有所不同。以主页站务管理版块中的站务公告区为例，该区域只有管理员有权发起新主题，而教师和学生只可以浏览和回复主题，要实现不同权限用户的区分，用到了以下一段代码。当用户欲在
23、站务公告区发表新主题时，先判断用户权限是否为2，若为 2 则允许发表，否则提示出错。 if course_id=1 thenif session(“authority“)=2 thenstr2=“insert into question(title,question,course_id,sender,time_send) Values(“&title&“,“&question&“,“&course_id&“,“&sender&“,“&time_send&“)“ conn.execute(str2)elseresponse.redirect“newworkfail.htm“end ifelse在
24、站务公告区以外的讨论区，则任何用户均可发表新主题。str2=“insert into question(title,question,course_id,sender,time_send) Values(“&title&“,“&question&“,“&course_id&“,“&sender&“,“&time_send&“)“ conn.execute(str2)end if通过以上代码，当管理员进入该页面时，发起新主题会显示出来，而当教师和学生进入该页面时则发起新主题不会显示，从而使教师和学生无权发表新主题，达到了限定权限的目的。186. 结束语网络技术的发展和 Internet 的普及为
25、现代教育提供了强有力的技术支持，基于 Web 的“教师答疑室 ”充分发挥了网络的优势，克服了传统的答疑方式的局限性，为师生随时随地交流提供了方便。该系统开发完成后能够在网络环境下正常运行，各种预期功能均得到实现，并且由于本系统的所有数据都是动态的，因此便于扩展，具有较好的可移植性。但由于时间和技术的原因，该答疑室目前仅限于文字交流，还需进一步完善，使其成为一个图、文、声并茂的网上多媒体答疑系统。参考文献：1宣小平 等.ASP 数据库系统开发实例导航.人民邮电出版社，20032立雅科技.Dreamweaver & ASP 网页整合大全.电子工业出版社，20043蔡翠萍.网络程序设计ASP（第 2 版）.清华大学出版社 北方交通大学出版社，20044韩建民 等 .基于 ASP 技术的网上答疑系统的设计.大庆石油学院学报，2001(3)5杨印根 等.基于 Internet 的在线异步答疑系统.计算机与现代化，2002(6)6李爽,陈丽.国内外网上智能答疑系统比较研究.中国电化教育,2003(1)7李时东.基于 Web 的实时答疑系统的设计与实现.湖北民族学院学报，2003(6)19实验设备：多媒体计算机一台，操作系统为 Windows XP，已安装 IIS 5.0。
