论文：数字媒体技术专业网络教学平台的设计与实现（前台）

1、编号 潍 坊 学 院毕 业 设 计 技 术 报 告课题名称：数字媒体技术专业网络教学平台的设计与实现(前台)学生姓名：学 号：专 业：计算机科学与技术班 级：2008级1班指导教师：2012年6月网络教学平台设计与实现摘 要：随着科技的进步和互联网的广泛应用，网络教学的应用在教学过程中越来越广泛，并被越来越多的人所认知。网络教学是远程教学的一种重要形式。它是依托电脑和宽带等硬件设施，来实现远距离教学的目的。网络教学不受时间、地点以及教师的限制，只要透过一台能连接上网的电脑就可以随时随地地进行学习。本次设计是关于多媒体课程教学平台的设计与开发，其中主要的主要功能模块包括了基本的课程的教学，实验实

2、践，常用工具软件以及相关工具软件使用教程的下载，能够实现学生问题上传的辅导答疑，介绍相关教师资料的教学团队，以及展示一些学生作品的功能。还能够实现学生的注册与登录功能，提供一些拓展学习的知识。网页主要采用的是ASP与Dreamweaver相结合的方式来设计，并使用Access设计数据库来存储相关数据。关键字：ASP，多媒体，网络教学，平台开发Design and Implementation of Network Teaching PlatformAbstract：With the progress of science and technology and the wide applicat

3、ion of Internet, the application of network teaching in the course of teaching is more and more extensive, and more and more people cognition. Network teaching is an important form of remote teaching. It is relying on the computer and broadband facilities and other hardware, to realize the purpose o

4、f remote teaching. Network teaching is not subject to time, place and teachers to the restrictions, as long as one computer which can connect to the Internet can learn whenever and wherever.This design is about the multimedia teaching platform design and development, of which The main function modul

5、es of this web site include basic courses teaching, experiment and practice, software tools and related software tutorial download, which can realize the upload and answer question which are put forward by students. Beside this, the web can introduces the relevant information of the teaching team, a

6、nd show some the function of student work. It is able to realize students registration and login function, and provides some expansion of knowledge. This design main use of ASP combined with Dreamweaver way to design, and the use of Access design database to store data.Key words：ASP, Multiple, Netwo

7、rk teaching, Platform Development目录 TOC o 1-2 h z u HYPERLINK l _Toc325617864 1前言 PAGEREF _Toc325617864 h 1 HYPERLINK l _Toc325617865 概述 PAGEREF _Toc325617865 h 1 HYPERLINK l _Toc325617866 主要开发工具介绍 PAGEREF _Toc325617866 h 1 HYPERLINK l _Toc325617867 2需求分析 PAGEREF _Toc325617867 h 3 HYPERLINK l _Toc32

8、5617868 系统功能需求分析 PAGEREF _Toc325617868 h 4 HYPERLINK l _Toc325617869 系统的数据需求分析 PAGEREF _Toc325617869 h 4 HYPERLINK l _Toc325617870 系统的性能需求 PAGEREF _Toc325617870 h 4 HYPERLINK l _Toc325617871 3概要设计 PAGEREF _Toc325617871 h 5 HYPERLINK l _Toc325617872 网站结构概要设计 PAGEREF _Toc325617872 h 5 HYPERLINK l _Toc

9、325617873 数据库结构概要设计 PAGEREF _Toc325617873 h 5 HYPERLINK l _Toc325617874 4数据库的设计 PAGEREF _Toc325617874 h 6 HYPERLINK l _Toc325617875 用户表（users） PAGEREF _Toc325617875 h 6 HYPERLINK l _Toc325617876 模拟试题（mnst） PAGEREF _Toc325617876 h 6 HYPERLINK l _Toc325617877 拓展学习（tzxx） PAGEREF _Toc325617877 h 7 HYPER

10、LINK l _Toc325617878 实验指导（syzd） PAGEREF _Toc325617878 h 7 HYPERLINK l _Toc325617879 4. 5教学团队（team） PAGEREF _Toc325617879 h 8 HYPERLINK l _Toc325617880 4. 6疑问留言（question） PAGEREF _Toc325617880 h 8 HYPERLINK l _Toc325617881 5网页功能的设计 PAGEREF _Toc325617881 h 9 HYPERLINK l _Toc325617882 首页 PAGEREF _Toc32

11、5617882 h 9 HYPERLINK l _Toc325617883 课程教学 PAGEREF _Toc325617883 h 13 HYPERLINK l _Toc325617884 实验实践 PAGEREF _Toc325617884 h 16 HYPERLINK l _Toc325617885 工具软件 PAGEREF _Toc325617885 h 18 HYPERLINK l _Toc325617886 辅导答疑 PAGEREF _Toc325617886 h 18 HYPERLINK l _Toc325617887 教学团队 PAGEREF _Toc325617887 h 3

12、0 HYPERLINK l _Toc325617888 作品展示 PAGEREF _Toc325617888 h 31 HYPERLINK l _Toc325617889 6结束语 PAGEREF _Toc325617889 h 32 HYPERLINK l _Toc325617890 参考文献 PAGEREF _Toc325617890 h 34 HYPERLINK l _Toc325617891 附录 PAGEREF _Toc325617891 h 35 HYPERLINK l _Toc325617892 致 谢 PAGEREF _Toc325617892 h 411前言21世纪是一个信息

13、化的社会，随着科技的发展，网络已经和人们的生活密不可分了。信息化生活给人们带来了极大的方便。目前，互联网已经广泛地应用在教育上，并对教学过程产生了非常重要的影响。网络教学是传统教学的补充和延伸，它是以学生为中心的一种教学方式。它丰富了教学的方法，扩大了教学的空间。通过网络教学的方式传递教授的信息，实现教师和学生的互动。还可以将一些课堂上小的知识点作为拓展内容放到网络教学平台上，对此有兴趣的同学就可以在上课之余，自己上网去浏览这些拓展信息，丰富自己的知识面。学生也可以随时将自己的问题放在网上，等待老师的解答。学生还可以在网上反复学习以巩固课堂上学到的知识。或是将课件下载下来进行自主学习。这样教学

14、资源的利用率会大大提高。此次的网站是针对单门课程进行设计的网络教学平台（前台）的设计。在此基础上还可以扩充成多门课程的教学平台。然后由后台的服务进行更新。网站的主要目的就是实现教学资源的共享，满足教学的需求，提高教学资源的利用率。学生可以通过系统发布问题，可以搜索相关的问题。可以查看其它学生的问题，教师回答问题，通过这种方式实现师生之间的互动交流。此外，教师也可以动态发布实验的内容和要求。1.2.1 梦幻网页的编织者DreamweaverDreamweaver是创建和管理网页的专业化可视编辑器。使用Dreamweaver可以轻松创建跨平台、跨浏览器的页面。Macromedia的Roundtri

15、p HTML技术允许用户随意导入HTML文档而无需重新设置代码格式。Dreamweaver相对于其他同类软件来说有这样几个特点：不生产冗余代码；具有方便的代码编辑，可以自由在可视化编辑和源代码编辑状态之间自由转换；强大的动态页面支持；操作方便，它提供了历史面板、html样式、模板等功能避免了重复劳动，除此之外，它还可以直接在页面中插入flash等插件。使用十分方便。Dreamweaver可以为用户做到：使用动态HTML功能（例如具有动态效果的层和行为）而不用写一行代码。它甚至还可以检查用户的工作成果在所有流行的平台和浏览器中可能发生的错误。Dreamweaver还是一个可以完全自定义的应用程序

16、。用户可以创建自己的对象和命令修改菜单和快捷键，甚至编写JavaScript代码扩展Dreamweaver的行为和属性检查器。1.2.2 动态网站的脚本语言ASPActive Server Pages：“动态服务器网页”，一般简称为“ASP”，ASP之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如IE 或Netscape）都可以正确地获得ASP的“执行”结果，并且将这ASP执行的结果直接在浏览器中“浏览”。ASP的语言相容性高，与所有的ActiveX Script语言都相容。并且它的隐密安全性也相当高。如

17、果在浏览器中直接查看网页的源文件，那么只能看见html文件。而ASP程序代码是看不到的。能够避免ASP程序被看见和盗用。再有，使用ASP抑郁操控数据库，它可以通过ODBC（Open Database Connectivity）驱动程序连接各种不同的数据库，例如Access、SQL Server、Oracle等等。因此选择采用ASP结合 dreamweaver8构架网站。并使用IIS5.0对页面进行调试。1.2.3 数据库AccessMicrosoft Access是一种桌面数据库，只适合数据量少的应用，在处理少量数据和单机访问的数据库时是很好的，效率也很高。但是它的同时访问客户端不能多于4个。

18、Microsoft Access数据库有一定的极限，如果数据达到100M左右，很容易造成服务器IIS假死，或者消耗掉服务器的内存导致服务器崩溃。对于需求不算太大的数据库来说，使用Access比较合适，如果网站还需要继续扩充，则可以将数据库的开发工具改为SQL server。数据库的访问方式有很多种，主要有公共网关接口GGI（Common Gateway Interface），先进数据库连接器ADC（Advance Database Connector），JAVA/JDBC语言编程，动态服务器页面ASP。相对应以上几种数据库访问方式，ASP编程灵活简洁，具有较高的性能，是目前访问WEB数据库的最

19、佳选择。1.2.4 SQL查询语言SQL（Structured Query Language)结构化查询语言，是一种数据库查询和程序设计语言，用于存取数据以及查询、更新和管理关系数据库系统。同时也是数据库脚本文件的扩展名。SQL是高级的非过程化编程语言，是沟通数据库服务器和客户端的重要工具，允许用户在高层 HYPERLINK :/baike.baidu /view/9900.htm t _blank 数据结构上工作。它不要求用户指定对数据的存放方法，也不需要用户了解具体的数据存放方式，所以，具有完全不同底层结构的不同 HYPERLINK :/baike.baidu /view/7809.htm

20、 t _blank 数据库系统，可以使用相同的SQL语言作为数据输入与管理的 SQL接口。它以记录集合作为操作对象，所有SQL语句接受集合作为输入，返回集合作为输出，这种集合 HYPERLINK :/baike.baidu /view/884393.htm t _blank 特性允许一条SQL语句的输出作为另一条SQL语句的输入，所以SQL语句可以嵌套，这使它具有极大的灵活性和强大的功能，在多数情况下，在其他语言中需要一大段程序实现的功能只需要一个SQL语句就可以达到目的，这也意味着用SQL语言可以写出非常复杂的语句。1.2.5 其他网页制作还用到了一些其他的软件，比如说处理图片的Photos

21、hop软件，本次设计的网页导航图片就是通过Photoshop剪切拼合成的。还有另一个制作平面二维动画的flash软件，在学生作品展示中，由于资源有限，就在末尾放上了一个自己做过的flash动画。还有一个比较重要的工具就是测试网页用到的windows组件IIS。HTM等格式的静态网页可以通过网页浏览器直接进行测试，ASP动态网页的测试则最好是通过IIS，在电脑安装系统的时候系统自带了一个服务器测试软件。安装方法如下：打开控制面板，选择添加或删除程序，再选择添加或删除windows组件，钩选中Internet信息服务（IIS）点击下一步，按照向导安装上IIS。安装成功后，将整个网站放在合适的目录下

22、即可对动态网页进行测试。2需求分析建立网络平台的主要目的是为了方便教学工作，其最本质的功能在辅助教学方面。本次设计的是前台，主要实现的是面向学生的这部分功能。主要功能及简介如下：（1）注册及登录。学生可以通过注册来获得用户名，获得登录的权力，这有助于在辅导答疑中实现问题的查看（2）上传功能。学生可以将老师布置的部分作业通过网站提交上传。（3）下载功能。现在教师上课一般都有课件，通过后台管理可以将每一章节的内容放到网站上，学生想要再看课件的话可以通过进入网站下载。（4）留言功能。学生可以通过答疑平台将自己的问题提交到网站上，然后由老师回答，学生再次登录的时候可以查看自己的问题是否被回答了。（5）

23、查看功能。整个网络教学平台是要实现教学目的，所以很多教学内容都要放到网页上供学生查看。需求分析数据是系统的灵魂，没有数据的话也就无从谈起管理，系统也就不能发挥它的功效。所以说数据库的选择对系统的开发很重要。虽然本次设计采用的是适用于小型数据存储的Access数据库开发，但SQL查询语句仍然适用。SQL查询语句可以实现一系列复杂的操作。比如说数据的增加、删除、修改等等。配合ASP使用也十分方便。根据网站的设计，需要动态显示的数据最好都放在数据库里。比如说，课下的拓展知识，做练习用的模拟试题，存储用户信息的用户表，存储教师信息的表。存储与实验相关信息的实验表。还有就是存储学生留言提问信息的问题表。

24、网络教学平台是一个教育类型的网站，所以必须做到实用、简洁。界面不必太过花哨，要做到界面简洁明了、导航清晰。用户只要能上网就可以进行学习，以及实现上传，下载等功能。并且，网站应该具有可扩充性，此次设计的网络教学平台只是针对单门课程的设计，还有很多内容还不全面，因此网站的设计要能够方便日后的更改、扩充等。3概要设计对于功能较为全面的网络教学平台来说，一般都有教学大纲、教师信息、讨论答疑、课程作业、教学笔记、教学邮箱、资源下载等一系列复杂的内容。由于时间，资源的限制，所以本次设计只能实现其中一部分的功能。网站主要结构如下图所示。主页首页课程教学实验实践工具软件作品展示辅导答应教学团队由于整个网站的内

25、容不是特别多，所以把所以的表设计在了同一个数据库中，数据库中数据表的情况如图3.2所示。 usersexercicemnsttzxxsyzdteamquest_ion4数据库的设计整体来说包含了六个数据表，第一个是users表，用了存储学生注册信息的表；第二个是mnst表，用来存储所以的模拟试题的信息的表；第三个是tzxx表，用来存储拓展学习内容的表；第四个是syzd表，用来存储与实验相关内容的表；第五个是team表，用来存储教学团队的信息；第六个是question表，用来存储学生问题的表。4.1用户表（users）表4-1 用户表（users）字段名数据类型长度是否允许为空S_num文本20

26、否S_name文本5否S_password文本20否S_class文本20是S_tel文本12是以上为用来存储用户的用户表，共有五个字段，其中S_num和S_password分别用做用户名和登录密码。并且不允许为空，最长不得超过20个字符。S_name用来存储用户的姓名，也不允许为空值。S_class和S_tel作为辅助选项，可不填写。4.2模拟试题（mnst）表4-2 模拟试题（mnst）字段名数据类型长度是否允许为空id数字长整形否title文本50是content备注是模拟试题表用来存储模拟题的相关信息，有三个字段，第一个是便于搜索的id字段，第二个是title字段，用来存放试题的标题，

27、例如说章节之类的内容。第三个字段是content，备注类型的字段，可以用来存放较长的文本。4.3拓展学习（tzxx）表4-3 拓展学习（tzxx）字段名数据类型长度是否允许为空Num数字长整形否title文本50是content备注是拓展学习（tzxx）表用来存放拓展学习的相关信息，也有三个字段，第一个是便于搜索或进行参数传递的num字段。第二个是title字段，用来存放拓展学习中小的知识点的标题，例如关键字之类的内容。第三个字段是content，备注类型的字段，可以用来存储较多较详细的内容。4.4实验指导（syzd）表4-4实验指导（syzd）字段名数据类型长度是否允许为空S_id自动编号长

28、整形否S_name文本50是S_goal备注是S_content备注是S_reqment备注是实验指导（syzd）表是用来存放于实验实践里相关的信息。S_id字段是自动编号字段，用做搜索或参数传递。S_name是用来存放实验名称的字段，长度不超过50个字符长。S_goal是存放实验目的的字段，类型为备注类型，可存储比较长的文本。S_content是存放实验内容的字段，同样是备注类型的字段。S_reqment是存放实验要求的字段，数据类型为备注类型。4. 5教学团队（team）表4-5教学团队（team）字段名数据类型长度是否允许为空T_id文本20否T_name文本8是T_jieshao备注是

29、T_imgOLE对象是教学团队（team）表是用来存放教师相关资料的，T_id是用来存放一些编号的，比如说教师的员工号，当然也可以在输入数据前将它更改成自动编号，这样每次添加数据的时候就不用反复输入编号。T_name用来存储教师姓名或称呼之类的信息。T_jieshao则是存储对教师个人资料的详细介绍。T_img是一个OlE对象，用来存储相关的照片信息。4. 6疑问留言（question）表4-6疑问留言（question）字段名数据类型长度是否允许为空S_num文本20否SQ备注否SA备注是疑问留言（question）表是用来存储学生提交上来的问题的，S_num是配合前面的用户表设置的，将这样

30、两个表连接在一起的时候就可以查询到已登录学生的账号和问题了。SQ字段用来存储学生的问题，和前一个字段组合形成数据表的主键，避免一个学生提出相同的问题。SA则用来存储对某一个问题的答案。以上是关于本次设计的数据库中所用的到的表的设计，尽最大可能将所用能存储到数据库中的内容存储到数据库中，以便将来后台进行修改。使用ASP+Dreamweaver+Access开发出来的网站只能尽量做到这些。5网页功能的设计首页页面布置如下图：首页的布置是这样的：上面是导航条，且在本次设计中，所有的网页上部都是主要的导航条。根据一个全局变量的判断，先判断用户是否登录成功。若没有登录的时候，左侧上方是一个简单的登录界面

31、，要求输入用户名和密码，且两个都不能为空，若输入为空则显示如下图：表单的代码设置如下： 用户名： 密 码： 在提交表单的时候先进行的是一个检查函数：checkdata()function checkdata() if( f1.yonghu.value.length20 ) alert(请输入正确的用户名 !)return false;if( f1.mima.value.length20 ) alert(请您输入正确的登录密码 !)return false;函数对两个输入的文本框进行检查，首先是用户名是否为空或者是超过了规定的长度。然后检查密码输入是否规范。表单提交后执行的操作是，其代码如下：

32、username=trim(request.form(yonghu)password=trim(request.Form(mima)rs.open select * from users,cn,1,3 if username=trim(rs(S_num) and password=trim(rs(S_password) then response.cookies(denglu)=ok response.cookies(username)=rs(S_num) response.cookies(sname)=rs(S_name) response.redirect index.asp end if

33、 loopif rs.eof then % MsgBox 对不起，用户名不存在，或密码输入错误location.href = javascript:history.back()以上代码判断从前一个页面传递过来的两个参数是否是正确的用户名和密码，如果用户名不存在或者密码错误的话则弹出消息框提示用户，用户名不存在或密码输入错误。然后返回首页重新输入。如果数据库中存在该用户且密码正确，则将全局变量”denglu”的值设置成”ok”， 并且将用户名作为全局变量保存起来。然后主页用户登录位置则变动如下，以用户1234为例：登录成功后，左侧上方显示的是用户的登录学号以及注册姓名，姓名为空则显示空白。下方是

34、提供了学校的一些超链接，方便学生访问其他网站。右侧则是和数字多媒体相关的一些简介。若用户没有进行注册的话，可以点击用户登录的地方，有一个注册按钮，点击注册按钮可进入注册界面。界面如下：如上图，用户注册界面要求用户输入的信息比较简单，用来做用户名的学号、学生姓名、密码，班级以及 号。此注册页面由导航和下方注册信息表单构成。因为用户名和密码不能为空，所以同样设置了一个检查函数，和首页的检查用户名和密码输入是否为空的函数原理是一样的，在这里就不过多介绍了。还有一点是密码的确认输入，因为密码要输入两次，所以在检查函数里有一项是检查两次输入的密码是否相同。在提交表单之后检查无误的情况下转到处理页面add

35、user.asp，其代码如下： MsgBox 注册成功，请重新登录location.href = index.asp此段代码的主要作用是将用户的注册信息写进数据表里，然后提示用户注册成功，再转到首页重新登录。课程教学主要是知识课堂知识方面的教学内容以及一些相关的资源。其效果如下图： 课程教学的界面是针对多媒体课程的教学。左侧是几个选项，右侧则是用一个框架展示的类似于目录的一个课程的要点，点击右侧的某个选项，框架内容将自动更新成与选中的选项相关的网页，网页下端有返回按钮，点击则返回课程教学起始页。左侧的是四个链接内容。第一个教学大纲是一个简单的网页，显示的主要内容是关于多媒体的教学内容，教学要求

36、等信息。第二个选项是课件，点击课件会在右侧提供每一章的教学课件。到时只需要点击相关的连接即可将相应章节的教学课件下载下来，实现资源的共享。第三个选项是拓展学习，点击拓展学习之后将刷新到一个新的页面，页面如下：拓展学习的内容是从数据库中读取出来的，左侧是从数据库中的（tzxx）表中读取出来的标题行，点击标题，右侧显示相对应的具体介绍。由于每个标题对应的内容都比较多，所以左侧为每个标题设置锚点，以页内设置连接的方式使右侧全部显示数据库中的内容是不现实的，这样会占用太多的空间，所以采用一个参数传递自动刷新的方式来显示相对应的知识点。实现的方式主要还是通过一个框架和两个动态网页的文件。左侧显示标题的代

37、码如下： a href=tzxx1.asp?id= target=right 这段代码是将tzxx表中的标题全部显示在左侧，并为每一个标题设置一个连接，在更新网页的时候更新的位置是名字是“right”的一个框架，就是整个页面的右下方区域。同时将该标题所对应的num值作为一个id参数传递到tzxx1.asp中。根据上一个网页传递过来的id参数，在数据库中进行查找，查找到与参数相符的记录，然后将对应的记录内容显示在网页上。其中用到了一个转换函数，changechr()。其主要功能是将数据库中的文字原样输出，否则网页中显示的文字将显得非常不规范排列不整齐。changechr()，函数的代码如下：fu

38、nction changechr(str) changechr=replace(replace(replace(replace(str,),chr(13),), ,) end functionreplace()是一个标准函数，其中有三个参数，第一个参数是一个字符串，必有的参数，即要被搜索的字符串，第二个参数是所要查找的字符，第三个参数是要替换后的字符。课程教学的最后一项是模拟试题，模拟试题也是存储在数据库中的记录，使用的方法和拓展学习的方法是类似的，所以就不过多赘述了。实验实践的界面如下：实验实践页面的主要作用是显示与实验信息相关的内容。将存储在数据库中的实验信息读取出来存放在当前页面，本次使

39、用的连接方式是锚记的方式，点击左侧选项，右侧则定位到相关部分，以显示实验的标题、实验目的、实验内容、以及实验要求这些信息。原理及代码和以上的模拟试题类似，不同之处在于所连接的表的内容不同。右下角的部分是提供了一个上传作业的功能。学生可以将完成的作业或作品通过网页提交上去。实现文件上传的方式有两种，一种是需要先安装一个组件，然后实现文件的上传功能，另一种则是无组件上传方式，无组件上传代码虽然复杂，但相对于使用组件上传要简单一些。先将文件上传到服务器，然后在下载到文档中。由于学到的知识有限，这部分代码来源于互联网。关键代码如下：% dim upload,file,formname,formpath

40、 set upload=new upload_5xsoft 建立上传对象 formpath=upload.form(filepath) 在目录后加(/) if right(formpath,1)/ then formpath=formpath&/ for each formname in upload.file 列出所有上传了的文件 set file=upload.file(formname) 生成一个文件对象 if file.filesize MsgBox 请重新上传location.href = javascript:history.back() 500*1000 then 设置上传文件大

41、小为500k % MsgBox 请重新上传location.href = javascript:history.back() 0 then 如果 filesize 0 说明有文件数据 file.saveas server.mappath(updata&file.filename) 保存文件 end if set file=nothing next set upload=nothing % MsgBox 已成功上传location.href = javascript:history.back()将上传的文件保存在了名为upload的文件夹中。在学生上传作业的时候，可以将文件的名字以自己的学号命名

42、。这样比较便于区别不同学生的作品。工具软件的界面如下：工具软件是可能能够用到的素材以及教程类型的信息，共分为积件、图片、表格、实验素材、软件教程几个部分。学生下载时候只需要点击文字便可将相应的文件下载成功，此部分内容是由几个单独的网页组成，不是存储在数据库中的内容。辅导答疑的界面如下：现在显示的已经登录上以后进入辅导答疑看到的界面，如果不登陆的话，看到的界面如下：若未经过登录则显示尚未登录，下面有返回首页登录的文字，点击则可返回网站首页进行登录。在辅导答疑界面不管是否登录，右侧显示的都是全部问题。未登录的时候，点击我的问题，显示的仍然是全部问题，若登录后则只显示和登录学号相关的问题。为了便于查

43、看相关的问题，全部问题中还提供了搜索的功能，按照输入的关键字对问题进行检索比如搜索中输入 “颜色”两个字，显示结果如下：图5.11 按关键字搜索提问中有颜色两个字的问题便列在了右边。整体代码如下：% Dim sousuo,sousuo1 sousuo=Trim(Request.Form(sousuo)&) if sousuo then sousuo1=Where SQ like %& sousuo &% else sousuo1= end if % 输入要查找问题的关键字: input type=text maxlength=20 name=sousuo value=%if sousuo th

44、en Response.Write sousuoelse Response.Write 请输入关键字end if% onmouseover=if(this.value=输入关键字)this.select();%dim sqldim rs 实例dim totalPut 总记录数dim CurrentPage 当前页dim TotalPages 总页数dim i,jdim errmsgMaxPerPage=10 每页10条记录founderr=falsesql = select SQ,SA from question sql=sql & sousuo1rs.open sql,cn,2,3if rs

45、.bof thenresponse.Write(暂无记录)end ifrs.MoveFirst 到第一条记录rs.pagesize=MaxPerPage 定义每页记录数If trim(Request(Page) thenCurrentPage= CLng(request(Page)If CurrentPage rs.PageCount thenEnd IfElseCurrentPage= 1End IftotalPut=rs.recordcount totalput=总记录数if CurrentPage1 thenif (current1)*MaxPerPage 提问内容 %do while

46、not rs.eof and i maxperpageResponse.Write (&(Current1)*maxperpage+i+1&rs(SQ)&)response.write ()if isnull(rs(SA) then response.write(暂无)if not isnull(rs(SA) then response.write(&答案&)response.write Response.Write i=i+1loop%dim n,k 页面跳转if (totalPut mod MaxPerPage)=0 then n表示总页数n= totalPut MaxPerPageels

47、en= totalPut MaxPerPage + 1end ifk=currentPageif k1 thenresponse.write +首页 response.write +上一页 elseResponse.Write 首页 上一页end ifif kn thenresponse.write +下一页 response.write +尾页 elseResponse.Write 下一页 尾页end if页面跳转set rs=nothingset cn=nothing%以上代码不止是包含了关键字的搜功能，还包含了实现问题的分页显示，当问题超过十条以上的时候，每一页只显示10条问题，避免出现

48、问题过多，需要反复拖动查看的结果。还可以点击查看我的问题。本次用例学号为1234.当点击左侧的我的问题的时候，右侧的框架将根据当前的cookie值，来进行查找与学号相关的问题。其界面如下：实现这一过程的主要代码为：%dim sqldim rs 实例dim totalPut 总记录数dim CurrentPage 当前页dim TotalPages 总页数dim i,jMaxPerPage=10 每页10条记录 if request.cookies(denglu)=ok thensql=cstr(request.cookies(username)set rs=cn.execute (select

49、 * from question where S_num=&sql) else set rs=cn.execute (select * from question)end ifif rs.bof thenresponse.Write(暂无记录)end ifrs.MoveFirst 到第一条记录rs.pagesize=MaxPerPage 定义每页记录数If trim(Request(Page) thenCurrentPage= CLng(request(Page)If CurrentPage rs.PageCount thenEnd IfElseCurrentPage= 1End Iftota

50、lPut=rs.recordcount totalput=总记录数if CurrentPage1 thenif (current1)*MaxPerPage 我的提问内容 %do while not rs.eof and i maxperpageResponse.Write (&(Current1)*maxperpage+i+1&rs(SQ)&)response.write ()if isnull(rs(SA) then response.write(暂无)if not isnull(rs(SA) then response.write(&答案&)response.write Response.

51、Write i=i+1loop%if (totalPut mod MaxPerPage)=0 then n表示总页数n= totalPut MaxPerPageelsen= totalPut MaxPerPage + 1end ifk=currentPageif k1 thenresponse.write (&首页& )response.write (&上一页 )elseResponse.Write 首页 上一页end ifif kn thenresponse.write +下一页+ response.write +尾页+ elseResponse.Write 下一页 尾页end if页面跳转

52、%对于有答案的问题，点击后面的答案可以查看答案，如果没有回答的话，问题后面显示的是“暂无”。说明尚未回复问题。点击查看答案后显示答案的界面如下图：点击其中一个问题查看答案界面，右侧框架刷新，显示相关问题及其答案。通过一个表格显示问题和答案。实现其功能的代码为：% function changechr(str) changechr=replace(replace(replace(replace(str,),chr(13),), ,) end function Q=request.QueryString(S_num) rs.open select * from question where SQ=

53、&Q,cn,1 % 问题： 回答： 在左侧最下端有一个“我的问题”，点击“我的问题”可以进行提问，其功能类似于留言板。界面显示如下：实现代码为： 学号： 我的问题： 界面设置比较简单，简单来说就是一个文本框，用来填写留问题的学生的学号，另一个是一个文本域，用来填写问题。问题提交的时候同样要进行检查，两个文本都不能是空白的。所使用的函数与上面用到的checkdata()类似。检查完毕后转入另一个执行页面，其主要代码为： MsgBox 提交成功location.href = fddy1.asp实现的主要功能是将提交上来的学号和问题写进数据库中，然后返回一开始的辅导答疑界面。教学团队的界面如下：随便

54、上传了一张文件中的图片用作例子，效果如上图。下边左侧图片上端显示的是team表中的T_name信息。下面是图片信息，右端则是显示的介绍性质的文字。其中图片显示的相关代码如下：作品展示的界面如下：图5.17 flash展示部分以上是展示了部分学生的图片作品，在网页的最下方则展示的是部分学生的flash作品。6结束语本网站此次主要解决的问题是通过网络教学平台实现网上教学，完成教学内容之后还有一些习题可供学生进行练习，并且这些习题之后也都有相应的答案。此外，系统还提供了一些拓展学习，使学生在学习完课内知识的同时可以额外学习一些其他的知识，拓宽知识面。学生也可以在注册之后登录网站，登录之后可以直接在辅

55、导答疑里面查看自己提出的问题而不必一个个查找。实验实践里面则是显示需要学生完成的实验的相关内容及要求，以及实现学生作品上传的功能。很多是内容都是存储在数据库里，因此在网站的后台建设中，便于管理，实现网站的动态更新，可以直接登录网站的后台进行数据的修改、添加以及删除等操作。由于此次设计是本人第一次制作使用多样工具，结构比较复杂的网站。在很多方面的知识、经验都还有所欠缺。此外，在网站的开发过程中，时间也比较仓促，所以网站必然存在很多缺陷以及不足之处。首先从网站的外观来说，颜色比较简单，各项内容看起来也比较单调，在美学方面下的功夫还很不够。应该尽量让整个网站看起来充实，搭配再合理一些，使其有视觉冲击

56、感。总之，在这方面的进步空间还很大。在整体设计上，还有很多欠缺的地方，不得不承认规划是一件相当重要的事情，方方面面的东西都要考虑到。这次由于个人原因，导致时间上太过仓促，很多内容都是一边做一边想的。有时候做到后面的部分才想起来原来前面的也可以这样做，可以更好一点。在辅导答疑页面，无答案的那些后面还可以添加一个回答，这样，不必老师从后台方面登录来回答问题了。知道答案的学生完全可以回答的。诸如此类的问题还有很多。其次，是数据库的设计，应该可以分为几个数据库，而不是把所有的数据表集中在同一个数据库中，虽然在调用这些数据表的时候只用一个连接数据库的文件即可，但是过多的数据表堆集在一起，容易产生混乱。数

57、据表的结构也可以再详细一些，比如学生提问题的那些流言，可以加上问题编号以及留言的时间等字段。数据表的设计最好能够更规范一些。再其次，显示教师资料的页面，可以将教师照片另存在一个文件夹中，把照片的路径存在教师表里面。显示图片的时候能通过路径显示照片而不是从数据库里面读取照片信息再显示，因为存取路径比存取照片要更为可靠一些。照片在存入数据库中的时候，并不是直接将照片存入的，而是先将照片信息转换成二进制数据存入数据库，读取的时候，再将这些二进制数据还原成一张完整的图片。这样的过程并不是很安全，不能保证每一张图片都顺利显示在浏览器中。最后就是对ASP+Dreamweaver制作网页的模式运用还不够成熟

58、，而且只能应用一些简单的CSS+DIV布局方式，这样的效果还远远达不到设想的结果。在这次的毕业设计中我深深感觉到自己的浅薄，我们在课堂上学到的知识真的太少了。想要学习更多的知识就要不怕枯燥，努力钻研，努力学习。目前我们学到的仅仅是皮毛而已。老师只是交给我们一把钥匙，我们也仅仅是才刚迈进一小步。我们要走的路还很长。但无论如何，这次的毕业设计都使我收获很多，受益匪浅。参考文献1 赵辉 等编著. ASP+Dreamweaver 8组建动态网站 M 北京：电子工业出版社. 20062 张新伟编著 网页经典配色艺术 M北京：电子工业出版社20093 览众 张晓景编著. DIV+CSS网页布局商业案例精粹

59、 M4 盖天宇、孙明丽、邹天思编著 ASP程序开发范例宝典 M 北京：人民邮电出版社20075 本书编委会编著. HYPERLINK :/search.book.dangdang /rd.asp?id=9275731&clsid=01.54.08.12&key=3ds+max+8 t _blank 网页制作 M北京：电子工业出版社20066 潘晓南主编. 动态网页设计基础 M7 神龙工作室主编. ASP网络编程从入门到精通 M8 刘瑞新主编. ASP动态网站开发毕业设计指导及实例 M9 邵丽萍 王馨迪 陆军等编. ASP动态网页设计 M10 张旭东 汪杰编著. ASP网络开发实用工程案例 M1

60、1 倪洪球编著. Dreamweaver 8+ASP 动态网站开发实例精讲 M12 张芳芳 侯俊杰编著. CSS web 开发学习实录 M13 郝荣福 张国权编著. 网页创意与设计50例 M14 崔教东 于长锐 崔丽丽编著. 数据库技术与应用面向业务分析的Access M15 闫静等编著. Dreamweaver与ASP动态网页基础与范例 M16 龙马工作室编著. ASP+Access组建动态网站实例精讲 M17 庞娅娟 孙丽丽 吕继迪编著. ASP网络编程自学手册 M18 邓文达 龚勇编著. 美工神话Dreamweaver+photoshop+flash 网页设计与美化 M19 梁立燕 梁芳