基于Web的教师答疑室的设计与实现.doc

1、 目 录摘要1关键词11. 引言32. 系统功能设计3 2.1 设计思想3 2.2 功能结构设计4 2.3 页面详细设计43. 系统逻辑流程94. 系统界面设计9 4.1 整体布局10 4.2 颜色搭配10 4.3 动画效果10 4.3 超级链接105. 主要设计技术11 5.1 ASP 与数据库的连接技术11 5.2 分页显示技术12 5.3 用户端的检测技术14 5.4 动态链接技术16 5.5 对用户权限的限定166. 结束语18参考文献18基于Web的“教师答疑室”的设计与实现摘要：基于Web的“教师答疑室”是综合运用ASP技术和数据库存取技术而设计开发的，它充分发挥了网络的优势，打破

2、了传统的答疑方式的时空局限性，为师生随时随地交流提供了方便。该答疑室由用户模块、答疑模块和管理模块三个模块组成，相应地实现了三大功能：用户注册与登陆、师生讨论问题和管理员对答疑室的管理与维护。本文详细介绍了“教师答疑室”的功能特点、逻辑流程、界面设计和主要实现技术，由于说明问题的需要，还提供了流程图、部分Web页面和核心程序片段。关键词：ASP Web BBS 数据库 网上答疑 Design and Implementation of Web-based “Coaching Room” Abstract: Web-based “Coaching Room” is designed and im

3、plemented 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:

4、 client 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

5、 design 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 Answer1. 引言传统的答疑方式是一种面对面的交流，具有实时、直接的特点，教师和学生可以综合运用语言符号和非语言符号来传递信息，交流沟通。但由于它需要在固定的时间和地点进行，因而具有很大的不灵活性

6、。而计算机网络技术日新月异的发展和Internet的普及为传统的师生交流开辟了一条崭新的渠道，在很大程度上弥补了传统答疑方式的缺陷。基于Web的答疑方式使师生交流不再受时空的限制，只要具备上网的条件，学生可以随时随地提出问题，教师也可以随时随地解答问题。这不仅能够拓展教师和学生的交流空间，增加教师和学生沟通的机会，拉近师生之间的距离，使一些平时内向胆怯的学生也勇于发言，而且通过师生之间的讨论，能帮助学生自己发现问题，提出问题并最终解决问题，从而增强学生的独立性、自主性和探索性。基于Web的“教师答疑室”就是针对以上原因而设计开发的。它使用当前流行的Web站点设计技术和开发工具，综合ASP技术，

7、HTML和VBScript 脚本语言，用Microsoft Access作为后台数据库，Macromedia Dreamweaver作为开发平台。2. 系统功能设计2.1 设计思想“教师答疑室”采用B/S结构，位于客户端的教师和学生只需用浏览器来使用本答疑系统，服务器端采用ASP技术来完成动态网页的生成和数据库的访问，后台数据库采用Microsoft Access。其实现原理如图1所示：2.2 功能结构设计从总体功能来说，“教师答疑室”分为三个模块：用户模块、答疑模块和管理模块，其功能结构如图2所示。2.3 页面详细设计2.3.1 主页设计“教师答疑室”的主页如图3所示。用户进入主页之后先要登

8、陆，否则只能浏览留言，而不能发表留言。主页只是“教师答疑室”的第一层，呈现问答的总体情况包括问题数、回复数及最新问题等，分为两个版块：站务管理版块和教师答疑版块。站务管理版块分为站务公告区、新手上路区和综合意见区，列出了各个区的版主、主题数、回复数、最新问题及其作者和发表时间。用户只需点击区域名称，即可进入相应区域的主题呈现页面。管理员在站务公告区发布公告或通知，教师和学生若有什么疑义或意见可以进行回复，但无权发布公告或通知；若用户初次进入“教师答疑室”，不熟悉本答疑室的规则，可以进入新手上路区，有什么疑问都可以在此提出；为了更好地完善“教师答疑室”，更好地为师生服务，专门开辟了综合意见区，用

9、以收集用户的意见和建议。教师答疑版块包含各门课程，列出了各门课程的任教教师、问题数、回复数、最新问题及其提问者和提问时间。用户只需点击课程名称，即可进入相应课程的问题呈现页面。在主页上列出讨论区和课程的问题数和回复数及最新问题，能使用户对问题和回复情况一目了然，极大地方便了教师和学生。2.3.2 问题呈现与回复页面设计用户在主页点击课程名称，就进入了相应课程的问题呈现页面。如果用户已登陆，则可以提出新问题，否则无权提出新问题；并且若登陆用户为该课程任课教师，问题旁边会有删除标记，教师可以对没有价值的问题进行删除，而其他用户登陆则没有删除标记。图4所示为计算机软件基础的任课教师登陆后进入问题呈现

10、页面的窗口，该窗口列出了相应课程的所有问题及其提问者、提问时间和回复/点击数，通过这些信息，教师可以了解哪些问题的点击率比较高，从而有根据地调整以后的教学；学生能够了解自己提出的问题有没有得到解答，也可以查看别人提出的问题。只要点击某一问题的标题即可进入该问题的回复页面，如图5所示。无论是教师还是学生，只要已经登陆，都有权提出和回复问题。通过师生间的相互讨论，能够使老师全面、深入地了解学生对某门课程的学习情况，也能够使学生深入理解和巩固所学知识。2.3.3 管理页面设计要保证站点的正常运行，需要定期对其进行管理与维护，为此“教师答疑室”专门开辟了一个管理页面。管理员登陆到该页面以后，可以查看已

11、注册的用户信息，对非法用户予以删除；可以查看用户的留言信息，对一些垃圾留言进行筛选删除；为了维护站点的安全，防止有人随便冒充教师，由管理员对教师进行把关，当某位教师要加入该答疑室时，由管理员进行添加；当某位教师申请成为某门课的版主即任课教师时，也由管理员进行添加；另外对主页的维护与更新如添加课程或讨论区也是由管理员负责。如图6所示，管理页面采用框架结构，左窗口列出了各种操作，只要点击一下，就会在主窗口中呈现相应的内容。2.3.4 其它页面设计以上详细介绍了四个主要的页面，其它还有很多页面诸如用户注册页面、找回密码页面、管理员登陆页面以及很多出错提示页面等，在此就不再一一介绍了。3. 系统逻辑流

12、程“教师答疑室”的用户分为三类：管理员、教师和学生，他们的权限是不同的：管理员有最高管理权限；教师除了浏览、提出和回答问题，还负责所教课程的问题呈现页面的维护；学生可以浏览、提出和回答问题。图7给出了不同的用户以不同的身份访问“教师答疑室”时的逻辑流程。4. 系统界面设计如果说，功能设计是网络答疑系统的灵魂，那么界面设计就是其不容忽视的外表，二者只有完美结合，达到形神兼备才能使访问者乐在其中，留连忘返。为了使基于Web的“教师答疑室”界面美观大方，在进行界面设计时主要考虑了以下几个方面： 4.1 整体布局主页运用表格来布局，网页上部是具有动画效果的文件头和用户登陆入口，主体部分分为两个版块，每

13、个版块又分为很多个子块；问题呈现页面和管理页面采用列表的形式，每页显示十条信息。整个答疑系统给人一种层次清晰、条理分明的感觉。4.2 颜色搭配选用高雅清淡的浅蓝色作为整个答疑室的基本色调，文字则以深蓝色为主，跟背景和谐搭配，让人觉得浑然一体。4.3 动画效果为了增加答疑室的生动性和趣味性，在主页上部插入了体现信息技术系特色的Flash动画，其下面还有“欢迎光临信息技术系教师答疑室”的跑马灯效果，并且在其它页面适当地插入了一些GIF动画，从而为整个答疑室增添了许多活力。4.4 超级链接为了与普通的文字相搭配而又有所区分，创建了linkstyle.css文件，用以规定超级链接的效果。当某个链接没有

14、被访问时，字的颜色为深蓝色，鼠标移上去为亮蓝色并且有下划线出现，而已访问过的链接字体为紫红色。程序代码如下： 然后在有超级链接的文件的中插入超级链接效果即可生效。5. 主要设计技术5.1 ASP与数据库连接技术“教师答疑室”的用户信息、问题及其回复等都是存储在后台数据库中的，要存取和管理数据库，首先必须创建ASP与数据库的连接。具体连接方法有两种：利用数据源连接和不用数据源连接，这里采用的是前一种连接方法。具体连接步骤如下：首先在控制面板的管理工具面板启动数据源（ODBC）管理器，在打开的ODBC数据源管理器窗口中选择系统DSN选项卡；接着单击添加按钮，选择“Microsoft Access

15、driver (*.mdb)”单击完成按钮，在弹出的“ODBC Microsoft Access 安装”窗口输入数据源名“infodb”及对此连接的描述“BBS后台数据库”，选择要连接的数据库“infodb.mdb”，单击确定按钮。至此，系统DSN就创建成功了。然后，在要与数据库连接的ASP中利用以下一段代码即可以实现与数据库的连接。Set conn= Server.CreateObject(ADODB.Connection)conn.Opendsn=infodb5.2 分页显示技术对于问题呈现页面及回复页面，由于内容比较多，如果都在一个页面上显示，势必会使网页很长，用户查看时要不停地向下拖动

16、，这样很容易让人产生厌烦心理。为了使用户方便快速地浏览网页，在内容比较多的页面都采用了分页显示技术，其核心程序如下：set rs=Server.CreateObject(ADODB.RecordSet)rs.Open str1,conn,1dim sumcount如果记录集不是空的，就执行分页显示。if not rs.bof and not rs.eof then sumcount=rs.RecordCount rs.MoveFirstdim page_no,page_total,i,j下面一段判断当前显示第几页，如果是第一次打开，为1；否则由传回参数决定。 if request.QueryS

17、tring(page_no)= then page_no=1 else page_no=cint(request.QueryString(page_no) end if 下面一段开始分页显示，指向要显示的页，然后逐条显示当前页的所有记录。 rs.PageSize=10 rs.AbsolutePage=page_no page_total=rs.PageCountfor i=1 to rs.PageSizers.MoveNextif rs.eof thenexit forend ifnextelse page_no=1page_total=1 end if下面一段在下方显示页数信息，从1到总页数

18、循环，如果不是当前页，就加上超链接。本页是第/页 分页： for j=1 to page_total if j=page_no then response.write j  else response.write&j  end if next如图4所示，通过分页技术，设置每页显示10个问题，使问题呈现页面不再冗长，用户只要点击要浏览的页面号码就可以跳转到相应的页面。与不采用分页显示技术相比较，不仅方便了用户浏览，而且界面也更加美观了。5.3 用户端的检测技术由于ASP文件是在服务器端执行的，当用户提交信息时，难免会有出错信息，这时若将ASP文件直接提交给服务器，服务器在执行过程

19、中发现错误，再以HTML文件传送给客户端，这样一个来回传送的过程会浪费很多时间。因此，有必要在客户端对用户提交的信息进行检查，确认没有错误之后再传送到服务器端解释执行。只需要用VBScript编写一个函数，即可以实现用户端检测技术。在“教师答疑室” 的ASP文件中有很多都用到了该技术。下面以用户注册页面为例，给出实现该技术的核心代码。Sub check()下面一段判断用户呢称和密码是否为空 if form1.username.value=empty then msgbox 用户呢称不能为空! focusto(0) exit sub end if if form1.password.value=

20、empty then msgbox 用户密码不能为空! focusto(1) exit sub end if 下面一段判断是否选择了一门课程if form1.course.value=0 then msgbox 请选择课程名! exit sub end if下面一段判断是否输入了问题标题和内容 if form1.title.value=empty then msgbox 请输入问题标题! focusto(2) exit sub end if if form1.question.value=empty then msgbox 请输入问题内容! focusto(3) exit sub end if

21、下面一句提交表单 form1.submit End Sub将光标聚焦到相应的文本输入框Sub focusto(x) form1.elements(x).focus() End Sub然后再把待检测的表单属性设置为，当填写完表单，单击提交时，若有必填项未填或有错误，都会弹出提示出错的窗口。这样就在用户端完成了对提交表单信息的检查。5.4 动态链接技术“教师答疑室”的用户信息、问题及回复等都是不断更新的，相伴随的链接也不能事先设定，而是随着内容的变化链接也有所不同，因此必须运用动态链接技术才能保证网页的顺畅链接。以问题呈现页面为例，实现动态链接主要用到了如下代码： a href=hits2.asp

22、?course_id=&list_id=5.5 对用户权限的限定针对管理员、教师和学生对“教师答疑室”的访问权限不同，在数据库表userinfo中设置了一个字段authority，管理员的权限最高，为2，教师次之为1，学生权限最低，为0。当ASP对数据库进行访问时，根据用户的权限不同，显示的信息也有所不同。以主页站务管理版块中的站务公告区为例，该区域只有管理员有权发起新主题，而教师和学生只可以浏览和回复主题，要实现不同权限用户的区分，用到了以下一段代码。当用户欲在站务公告区发表新主题时，先判断用户权限是否为2，若为2则允许发表，否则提示出错。 if course_id=1 thenif ses

23、sion(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.redirectnewworkfail.htmend ifelse在站务公告区以外的讨论区，则任何用户均可发表新主题。str2=insert into question(title,question,course_id,sender,t

24、ime_send) Values(&title&,&question&,&course_id&,&sender&,&time_send&) conn.execute(str2)end if通过以上代码，当管理员进入该页面时，发起新主题会显示出来，而当教师和学生进入该页面时则发起新主题不会显示，从而使教师和学生无权发表新主题，达到了限定权限的目的。6. 结束语网络技术的发展和Internet的普及为现代教育提供了强有力的技术支持，基于Web的“教师答疑室”充分发挥了网络的优势，克服了传统的答疑方式的局限性，为师生随时随地交流提供了方便。该系统开发完成后能够在网络环境下正常运行，各种预期功能均得到

25、实现，并且由于本系统的所有数据都是动态的，因此便于扩展，具有较好的可移植性。但由于时间和技术的原因，该答疑室目前仅限于文字交流，还需进一步完善，使其成为一个图、文、声并茂的网上多媒体答疑系统。参考文献：1宣小平 等.ASP数据库系统开发实例导航.人民邮电出版社，20032立雅科技.Dreamweaver & ASP网页整合大全.电子工业出版社，20043蔡翠萍.网络程序设计ASP（第2版）.清华大学出版社 北方交通大学出版社，20044韩建民 等.基于ASP技术的网上答疑系统的设计.大庆石油学院学报，2001(3)5杨印根 等.基于Internet的在线异步答疑系统.计算机与现代化，2002(6)6李爽,陈丽.国内外网上智能答疑系统比较研究.中国电化教育,2003(1)7李时东.基于Web的实时答疑系统的设计与实现.湖北民族学院学报，2003(6)实验设备：多媒体计算机一台，操作系统为Windows XP，已安装IIS 5.0。19