基于web数字媒体技术专业网络教学平台的设计与实现_毕业论文.doc

《基于web数字媒体技术专业网络教学平台的设计与实现_毕业论文.doc》由会员分享，可在线阅读，更多相关《基于web数字媒体技术专业网络教学平台的设计与实现_毕业论文.doc（48页珍藏版）》请在三一文库上搜索。

1、编号 潍潍 坊坊 学学 院院 毕毕 业业 设设 计计 技技 术术 报报 告告 课题课题名称：名称：数字媒体技术专业网络教学平台的设计与 实现(前台) 学生姓名：学生姓名：田秋月 学学 号：号：08021140111 专专 业业： ：计算机科学与技术 班班 级级： 2008 级 1 班 指指导导教教师师： ：韩殿元 2012 年 6 月 潍 坊 学 院 本 科 毕 业 设 计 摘 要 网络教学平台设计与实现网络教学平台设计与实现 摘摘 要：要：随着科技的进步和互联网的广泛应用，网络教学的应用在教学过程中越来越 广泛，并被越来越多的人所认知。网络教学是远程教学的一种重要形式。它是依托电脑 和宽带等

2、硬件设施，来实现远距离教学的目的。网络教学不受时间、地点以及教师的限 制，只要透过一台能连接上网的电脑就可以随时随地地进行学习。 本次设计是关于多媒体课程教学平台的设计与开发，其中主要的主要功能模块包括 了基本的课程的教学，实验实践，常用工具软件以及相关工具软件使用教程的下载，能 够实现学生问题上传的辅导答疑，介绍相关教师资料的教学团队，以及展示一些学生作 品的功能。还能够实现学生的注册与登录功能，提供一些拓展学习的知识。网页主要采 用的是 ASP 与 Dreamweaver 相结合的方式来设计，并使用 Access 设计数据库来存储相 关数据。 关关键键字：字：ASP，多媒体，网络教学，平台

3、开发 潍 坊 学 院 本 科 毕 业 设 计 摘 要 Design and Implementation of Network Teaching Platform Abstract： ：With the progress of science and technology and the wide application of Internet, the application of network teaching in the course of teaching is more and more extensive, and more and more people cognition.

4、 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 of remote teaching. Network teaching is not subject to time, place and teachers to the restrictions, as long as one computer which can connect

5、to the Internet can learn whenever and wherever. This design is about the multimedia teaching platform design and development, of which The main function modules of this web site include basic courses teaching, experiment and practice, software tools and related software tutorial download, which can

6、 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, and show some the function of student work. It is able to realize students registration and login function, and provides some expansion of kno

7、wledge. 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, Network teaching, Platform Development 潍 坊 学 院 本 科 毕 业 设 计 目 录 目录目录 1 前言前言1 1.1 概述1 1.2 主要开发工具介绍1 2 需求分析需求分析3 2.1 系统功能需求分析.4 2.2 系统的数据需求分析.4 2.

8、3 系统的性能需求.4 3 概要设计概要设计5 3.1 网站结构概要设计.5 3.2 数据库结构概要设计.5 4 数据库的设计数据库的设计6 4.1 用户表（USERS）.6 4.2 模拟试题（MNST）6 4.3 拓展学习（TZXX）7 4.4 实验指导（SYZD）7 4. 5 教学团队（TEAM）.8 4. 6 疑问留言（QUESTION）8 5 网页功能的设计网页功能的设计9 5.1 首页.9 5.2 课程教学.13 5.3 实验实践.16 5.4 工具软件.18 5.5 辅导答疑.18 5.6 教学团队.30 5.7 作品展示.31 6 结束语结束语32 参考文献参考文献.34 潍 坊

9、 学 院 本 科 毕 业 设 计 目 录 附录附录.35 致致 谢谢.41 潍 坊 学 院 本 科 毕 业 设 计 1 1 1 前言前言 1.11.1 概述概述 21 世纪是一个信息化的社会，随着科技的发展，网络已经和人们的生活密不可分了。 信息化生活给人们带来了极大的方便。目前，互联网已经广泛地应用在教育上，并对教学 过程产生了非常重要的影响。 网络教学是传统教学的补充和延伸，它是以学生为中心的一种教学方式。它丰富了教 学的方法，扩大了教学的空间。通过网络教学的方式传递教授的信息，实现教师和学生的 互动。还可以将一些课堂上小的知识点作为拓展内容放到网络教学平台上，对此有兴趣的 同学就可以在上

10、课之余，自己上网去浏览这些拓展信息，丰富自己的知识面。学生也可以 随时将自己的问题放在网上，等待老师的解答。学生还可以在网上反复学习以巩固课堂上 学到的知识。或是将课件下载下来进行自主学习。这样教学资源的利用率会大大提高。 此次的网站是针对单门课程进行设计的网络教学平台（前台）的设计。在此基础上还 可以扩充成多门课程的教学平台。然后由后台的服务进行更新。 网站的主要目的就是实现教学资源的共享，满足教学的需求，提高教学资源的利用率。 学生可以通过系统发布问题，可以搜索相关的问题。可以查看其它学生的问题，教师回答 问题，通过这种方式实现师生之间的互动交流。此外，教师也可以动态发布实验的内容和 要求

11、。 1.21.2 主要开发工具介绍主要开发工具介绍 1.2.1 梦幻网页的编织者梦幻网页的编织者Dreamweaver Dreamweaver 是创建和管理网页的专业化可视编辑器。使用 Dreamweaver 可以轻松创 建跨平台、跨浏览器的页面。Macromedia 的 Roundtrip HTML 技术允许用户随意导入 HTML 文档而无需重新设置代码格式。 Dreamweaver 相对于其他同类软件来说有这样几个特点：不生产冗余代码；具有方便 的代码编辑，可以自由在可视化编辑和源代码编辑状态之间自由转换；强大的动态页面支 持；操作方便，它提供了历史面板、html 样式、模板等功能避免了重

12、复劳动，除此之外， 它还可以直接在页面中插入 flash 等插件。使用十分方便。 Dreamweaver 可以为用户做到：使用动态 HTML 功能（例如具有动态效果的层和行为） 而不用写一行代码。它甚至还可以检查用户的工作成果在所有流行的平台和浏览器中可能 发生的错误。 Dreamweaver 还是一个可以完全自定义的应用程序。用户可以创建自己的对象和命令 潍 坊 学 院 本 科 毕 业 设 计 2 修改菜单和快捷键，甚至编写 JavaScript 代码扩展 Dreamweaver 的行为和属性检查器。 1.2.2 动态网站的脚本语言动态网站的脚本语言ASP Active Server Pag

13、es：“动态服务器网页” ，一般简称为“ASP” ，ASP 之所以能受到 大家的重视与使用的原因，主要在于所产生的执行结果都是标准的 HTML 格式，而且这些 程序是在网络服务端中执行，使用一般的浏览器（如 IE 或 Netscape）都可以正确地获得 ASP 的“执行”结果，并且将这 ASP 执行的结果直接在浏览器中“浏览” 。 ASP 的语言相容性高，与所有的 ActiveX Script 语言都相容。并且它的隐密安全性 也相当高。如果在浏览器中直接查看网页的源文件，那么只能看见 html 文件。而 ASP 程 序代码是看不到的。能够避免 ASP 程序被看见和盗用。再有，使用 ASP 抑郁

14、操控数据库， 它可以通过 ODBC（Open Database Connectivity）驱动程序连接各种不同的数据库，例 如 Access、SQL Server、Oracle 等等。因此选择采用 ASP 结合 dreamweaver8 构架网站。 并使用 IIS5.0 对页面进行调试。 1.2.3 数据库数据库Access Microsoft Access 是一种桌面数据库，只适合数据量少的应用，在处理少量数据和 单机访问的数据库时是很好的，效率也很高。但是它的同时访问客户端不能多于 4 个。 Microsoft Access 数据库有一定的极限，如果数据达到 100M 左右，很容易造成服务

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

16、（Structured Query Language)结构化查询语言，是一种数据库查询和程序设计 语言，用于存取数据以及查询、更新和管理关系数据库系统。同时也是数据库脚本文件的 扩展名。 SQL 是高级的非过程化编程语言，是沟通数据库服务器和客户端的重要工具，允许用 户在高层数据结构上工作。它不要求用户指定对数据的存放方法，也不需要用户了解具体 的数据存放方式，所以，具有完全不同底层结构的不同数据库系统，可以使用相同的 SQL 潍 坊 学 院 本 科 毕 业 设 计 3 语言作为数据输入与管理的 SQL 接口。它以记录集合作为操作对象，所有 SQL 语句接 受集合作为输入，返回集合作为输出，这

17、种集合特性允许一条 SQL 语句的输出作为另一条 SQL 语句的输入，所以 SQL 语句可以嵌套，这使它具有极大的灵活性和强大的功能，在多 数情况下，在其他语言中需要一大段程序实现的功能只需要一个 SQL 语句就可以达到目的， 这也意味着用 SQL 语言可以写出非常复杂的语句。 1.2.5 其他其他 网页制作还用到了一些其他的软件，比如说处理图片的 Photoshop 软件，本次设计的 网页导航图片就是通过 Photoshop 剪切拼合成的。还有另一个制作平面二维动画的 flash 软件，在学生作品展示中，由于资源有限，就在末尾放上了一个自己做过的 flash 动画。 还有一个比较重要的工具就

18、是测试网页用到的 windows 组件IIS。HTM 等格式的 静态网页可以通过网页浏览器直接进行测试，ASP 动态网页的测试则最好是通过 IIS，在 电脑安装系统的时候系统自带了一个服务器测试软件。安装方法如下： 打开控制面板，选择添加或删除程序，再选择添加或删除 windows 组件，钩选中 Internet 信息服务（IIS）点击下一步，按照向导安装上 IIS。安装成功后，将整个网站 放在合适的目录下即可对动态网页进行测试。 潍 坊 学 院 本 科 毕 业 设 计 4 2 2 需求分析需求分析 建立网络平台的主要目的是为了方便教学工作，其最本质的功能在辅助教学方面。 2.12.1 系统功

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

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

21、的问题表。 2.32.3 系统的性能需求系统的性能需求 网络教学平台是一个教育类型的网站，所以必须做到实用、简洁。界面不必太过花哨， 要做到界面简洁明了、导航清晰。用户只要能上网就可以进行学习，以及实现上传，下载 等功能。 并且，网站应该具有可扩充性，此次设计的网络教学平台只是针对单门课程的设计， 还有很多内容还不全面，因此网站的设计要能够方便日后的更改、扩充等。 潍 坊 学 院 本 科 毕 业 设 计 5 3 3 概要设计概要设计 3.13.1 网站结构概要设计网站结构概要设计 对于功能较为全面的网络教学平台来说，一般都有教学大纲、教师信息、讨论答疑、 课程作业、教学笔记、教学邮箱、资源下载

22、等一系列复杂的内容。由于时间，资源的限制， 所以本次设计只能实现其中一部分的功能。 网站主要结构如下图所示。 主页 首页课程 教学 实验 实践 工具 软件 作品 展示 辅导 答应 教学 团队 图 3.1 网站结构 3.23.2 数据库结构概要设计数据库结构概要设计 由于整个网站的内容不是特别多，所以把所以的表设计在了同一个数据库中，数据库 中数据表的情况如图 3.2 所示。 users exercice mnsttzxxsyzdteamquest _ion 图 3.2 数据库结构设计 潍 坊 学 院 本 科 毕 业 设 计 6 4 4 数据库的设计数据库的设计 整体来说包含了六个数据表，第一个

23、是 users 表，用了存储学生注册信息的表；第二 个是 mnst 表，用来存储所以的模拟试题的信息的表；第三个是 tzxx 表，用来存储拓展学 习内容的表；第四个是 syzd 表，用来存储与实验相关内容的表；第五个是 team 表，用来 存储教学团队的信息；第六个是 question 表，用来存储学生问题的表。 4.14.1 用户表（用户表（usersusers） 表 4-1 用户表（users） 字段名数据类型长度是否允许为空 S_num文本20否 S_name文本5否 S_password文本20否 S_class文本20是 S_tel文本12是 以上为用来存储用户的用户表，共有五个字段

24、，其中 S_num 和 S_password 分别用做 用户名和登录密码。并且不允许为空，最长不得超过 20 个字符。S_name 用来存储用户的 姓名，也不允许为空值。S_class 和 S_tel 作为辅助选项，可不填写。 4.24.2 模拟试题（模拟试题（mnstmnst） 表 4-2 模拟试题（mnst） 字段名数据类型长度是否允许为空 id数字长整形否 title文本50是 潍 坊 学 院 本 科 毕 业 设 计 7 content备注是 模拟试题表用来存储模拟题的相关信息，有三个字段，第一个是便于搜索的 id 字段， 第二个是 title 字段，用来存放试题的标题，例如说章节之类的

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

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

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

28、疑问留言（疑问留言（questionquestion） 表 4-6 疑问留言（question） 字段名数据类型长度是否允许为空 S_num文本20否 潍 坊 学 院 本 科 毕 业 设 计 9 SQ备注否 SA备注是 疑问留言（question）表是用来存储学生提交上来的问题的，S_num 是配合前面的用 户表设置的，将这样两个表连接在一起的时候就可以查询到已登录学生的账号和问题了。 SQ 字段用来存储学生的问题，和前一个字段组合形成数据表的主键，避免一个学生提出 相同的问题。SA 则用来存储对某一个问题的答案。 以上是关于本次设计的数据库中所用的到的表的设计，尽最大可能将所用能存储到数 据

29、库中的内容存储到数据库中，以便将来后台进行修改。使用 ASP+Dreamweaver+Access 开发出来的网站只能尽量做到这些。 潍 坊 学 院 本 科 毕 业 设 计 10 5 5 网页功能的设计网页功能的设计 5.15.1 首页首页 首页页面布置如下图： 图 5.1 首页界面 首页的布置是这样的：上面是导航条，且在本次设计中，所有的网页上部都是主要的 导航条。根据一个全局变量的判断，先判断用户是否登录成功。若没有登录的时候，左侧 上方是一个简单的登录界面，要求输入用户名和密码，且两个都不能为空，若输入为空则 显示如下图： 潍 坊 学 院 本 科 毕 业 设 计 11 图 5.2 出错界

30、面 表单的代码设置如下： 用户名： 密 码： 在提交表单的时候先进行的是一个检查函数：checkdata() function checkdata() if( f1.yonghu.value.length20 ) alert(“请输入正确的用户名 !“) return false; if( f1.mima.value.length20 ) 潍 坊 学 院 本 科 毕 业 设 计 12 alert(“请您输入正确的登录密码 !“) return false; 函数对两个输入的文本框进行检查，首先是用户名是否为空或者是超过了规定的长度。 然后检查密码输入是否规范。表单提交后执行的操作是 chklo

31、gin.asp，其代码如下： username=trim(request.form(“yonghu“) password=trim(request.Form(“mima“) rs.open “select * from users“,cn,1,3 do while not rs.eof if username=trim(rs(“S_num“) and password=trim(rs(“S_password“) then response.cookies(“denglu“)=“ok“ response.cookies(“username“)=rs(“S_num“) response.cooki

32、es(“sname“)=rs(“S_name“) response.redirect “index.asp“ end if rs.movenext loop if rs.eof then % MsgBox “对不起，用户名不存在，或密码输入错误“ location.href = “javascript:history.back()“ 以上代码判断从前一个页面传递过来的两个参数是否是正确的用户名和密码，如果用 户名不存在或者密码错误的话则弹出消息框提示用户，用户名不存在或密码输入错误。然 后返回首页重新输入。如果数据库中存在该用户且密码正确，则将全局变量”denglu”的值 设置成”ok”， 并

33、且将用户名作为全局变量保存起来。然后主页用户登录位置则变动如下， 以用户 1234 为例： 潍 坊 学 院 本 科 毕 业 设 计 13 图 5.3 登录成功界面 登录成功后，左侧上方显示的是用户的登录学号以及注册姓名，姓名为空则显示空白。 下方是提供了学校的一些超链接，方便学生访问其他网站。右侧则是和数字多媒体相关的 一些简介。若用户没有进行注册的话，可以点击用户登录的地方，有一个注册按钮，点击 注册按钮可进入注册界面。界面如下： 图 5.4 用户注册界面 潍 坊 学 院 本 科 毕 业 设 计 14 如上图，用户注册界面要求用户输入的信息比较简单，用来做用户名的学号、学生姓 名、密码，班级

34、以及手机号。此注册页面由导航和下方注册信息表单构成。因为用户名和 密码不能为空，所以同样设置了一个检查函数，和首页的检查用户名和密码输入是否为空 的函数原理是一样的，在这里就不过多介绍了。还有一点是密码的确认输入，因为密码要 输入两次，所以在检查函数里有一项是检查两次输入的密码是否相同。在提交表单之后检 查无误的情况下转到处理页面 adduser.asp，其代码如下： MsgBox “注册成功，请重新登录“ location.href = “index.asp“ 此段代码的主要作用是将用户的注册信息写进数据表里，然后提示用户注册成功，再 转到首页重新登录。 5.25.2 课程教学课程教学 课程

35、教学主要是知识课堂知识方面的教学内容以及一些相关的资源。其效果如下图： 潍 坊 学 院 本 科 毕 业 设 计 15 图 5.5 课程教学界面 课程教学的界面是针对多媒体课程的教学。左侧是几个选项，右侧则是用一个框架展 示的类似于目录的一个课程的要点，点击右侧的某个选项，框架内容将自动更新成与选中 的选项相关的网页，网页下端有返回按钮，点击则返回课程教学起始页。左侧的是四个链 接内容。 第一个教学大纲是一个简单的网页，显示的主要内容是关于多媒体的教学内容，教学 要求等信息。第二个选项是课件，点击课件会在右侧提供每一章的教学课件。到时只需要 点击相关的连接即可将相应章节的教学课件下载下来，实现资

36、源的共享。第三个选项是拓 展学习，点击拓展学习之后将刷新到一个新的页面，页面如下： 图 5.6 课程教学之拓展学习 潍 坊 学 院 本 科 毕 业 设 计 16 拓展学习的内容是从数据库中读取出来的，左侧是从数据库中的（tzxx）表中读取出 来的标题行，点击标题，右侧显示相对应的具体介绍。由于每个标题对应的内容都比较多， 所以左侧为每个标题设置锚点，以页内设置连接的方式使右侧全部显示数据库中的内容是 不现实的，这样会占用太多的空间，所以采用一个参数传递自动刷新的方式来显示相对应 的知识点。实现的方式主要还是通过一个框架和两个动态网页的文件。左侧显示标题的代 码如下： “ target=“rig

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

38、坊 学 院 本 科 毕 业 设 计 17 function changechr(str) changechr=replace(replace(replace(replace(str,“,“),chr(13),“),“ “,“ “) end function replace()是一个标准函数，其中有三个参数，第一个参数是一个字符串，必有的参数， 即要被搜索的字符串，第二个参数是所要查找的字符，第三个参数是要替换后的字符。 课程教学的最后一项是模拟试题，模拟试题也是存储在数据库中的记录，使用的方法 和拓展学习的方法是类似的，所以就不过多赘述了。 5.35.3 实验实践实验实践 实验实践的界面如下：

39、 图 5.7 实验实践界面 实验实践页面的主要作用是显示与实验信息相关的内容。将存储在数据库中的实验信 息读取出来存放在当前页面，本次使用的连接方式是锚记的方式，点击左侧选项，右侧则 定位到相关部分，以显示实验的标题、实验目的、实验内容、以及实验要求这些信息。原 理及代码和以上的模拟试题类似，不同之处在于所连接的表的内容不同。 右下角的部分是提供了一个上传作业的功能。学生可以将完成的作业或作品通过网页 提交上去。 实现文件上传的方式有两种，一种是需要先安装一个组件，然后实现文件的上传功能， 另一种则是无组件上传方式，无组件上传代码虽然复杂，但相对于使用组件上传要简单一 潍 坊 学 院 本 科

40、毕 业 设 计 18 些。先将文件上传到服务器，然后在下载到文档中。由于学到的知识有限，这部分代码来 源于互联网。关键代码如下： “/“ then formpath=formpath “ then CurrentPage= CLng(request(“Page“) If CurrentPage rs.PageCount then CurrentPage = rs.PageCount End If Else 潍 坊 学 院 本 科 毕 业 设 计 23 CurrentPage= 1 End If totalPut=rs.recordcount totalput=总记录数 if CurrentPa

41、ge 问题： 回答： 潍 坊 学 院 本 科 毕 业 设 计 29 在左侧最下端有一个“我的问题” ，点击“我的问题”可以进行提问，其功能类似于 留言板。界面显示如下： 图 5.14 提问界面 实现代码为： 学号： 潍 坊 学 院 本 科 毕 业 设 计 30 我的问题： 界面设置比较简单，简单来说就是一个文本框，用来填写留问题的学生的学号，另一 个是一个文本域，用来填写问题。 问题提交的时候同样要进行检查，两个文本都不能是空白的。所使用的函数与上面用 到的 checkdata()类似。检查完毕后转入另一个执行页面，其主要代码为： MsgBox “提交成功“ location.href = “

42、fddy1.asp“ 潍 坊 学 院 本 科 毕 业 设 计 31 实现的主要功能是将提交上来的学号和问题写进数据库中，然后返回一开始的辅导答 疑界面。 5.65.6 教学团队教学团队 教学团队的界面如下： 图 5.15 教学团队界面 随便上传了一张文件中的图片用作例子，效果如上图。下边左侧图片上端显示的是 team 表中的 T_name 信息。下面是图片信息，右端则是显示的介绍性质的文字。其中图片 显示的相关代码如下： 潍 坊 学 院 本 科 毕 业 设 计 32 5.75.7 作品展示作品展示 作品展示的界面如下： 图 5.16 图片展示部分 图 5.17 flash 展示部分 以上是展示

43、了部分学生的图片作品，在网页的最下方则展示的是部分学生的 flash 作 品。 潍 坊 学 院 本 科 毕 业 设 计 33 6 6 结束语结束语 本网站此次主要解决的问题是通过网络教学平台实现网上教学，完成教学内容之后还 有一些习题可供学生进行练习，并且这些习题之后也都有相应的答案。此外，系统还提供 了一些拓展学习，使学生在学习完课内知识的同时可以额外学习一些其他的知识，拓宽知 识面。学生也可以在注册之后登录网站，登录之后可以直接在辅导答疑里面查看自己提出 的问题而不必一个个查找。实验实践里面则是显示需要学生完成的实验的相关内容及要求， 以及实现学生作品上传的功能。很多是内容都是存储在数据库

44、里，因此在网站的后台建设 中，便于管理，实现网站的动态更新，可以直接登录网站的后台进行数据的修改、添加以 及删除等操作。 由于此次设计是本人第一次制作使用多样工具，结构比较复杂的网站。在很多方面的 知识、经验都还有所欠缺。此外，在网站的开发过程中，时间也比较仓促，所以网站必然 存在很多缺陷以及不足之处。 首先从网站的外观来说，颜色比较简单，各项内容看起来也比较单调，在美学方面下 的功夫还很不够。应该尽量让整个网站看起来充实，搭配再合理一些，使其有视觉冲击感。 总之，在这方面的进步空间还很大。在整体设计上，还有很多欠缺的地方，不得不承认规 划是一件相当重要的事情，方方面面的东西都要考虑到。这次由

45、于个人原因，导致时间上 太过仓促，很多内容都是一边做一边想的。有时候做到后面的部分才想起来原来前面的也 可以这样做，可以更好一点。在辅导答疑页面，无答案的那些后面还可以添加一个回答， 这样，不必老师从后台方面登录来回答问题了。知道答案的学生完全可以回答的。诸如此 类的问题还有很多。 其次，是数据库的设计，应该可以分为几个数据库，而不是把所有的数据表集中在同 一个数据库中，虽然在调用这些数据表的时候只用一个连接数据库的文件即可，但是过多 的数据表堆集在一起，容易产生混乱。数据表的结构也可以再详细一些，比如学生提问题 的那些流言，可以加上问题编号以及留言的时间等字段。数据表的设计最好能够更规范一

46、些。 再其次，显示教师资料的页面，可以将教师照片另存在一个文件夹中，把照片的路径 存在教师表里面。显示图片的时候能通过路径显示照片而不是从数据库里面读取照片信息 再显示，因为存取路径比存取照片要更为可靠一些。照片在存入数据库中的时候，并不是 直接将照片存入的，而是先将照片信息转换成二进制数据存入数据库，读取的时候，再将 这些二进制数据还原成一张完整的图片。这样的过程并不是很安全，不能保证每一张图片 都顺利显示在浏览器中。 最后就是对 ASP+Dreamweaver 制作网页的模式运用还不够成熟，而且只能应用一些 简单的 CSS+DIV 布局方式，这样的效果还远远达不到设想的结果。 潍 坊 学

47、院 本 科 毕 业 设 计 34 在这次的毕业设计中我深深感觉到自己的浅薄，我们在课堂上学到的知识真的太少了。 想要学习更多的知识就要不怕枯燥，努力钻研，努力学习。目前我们学到的仅仅是皮毛而 已。老师只是交给我们一把钥匙，我们也仅仅是才刚迈进一小步。我们要走的路还很长。 但无论如何，这次的毕业设计都使我收获很多，受益匪浅。 潍 坊 学 院 本 科 毕 业 设 计 35 参考文献参考文献 1 赵辉 等编著. ASP+Dreamweaver 8 组建动态网站 M 北京：电子工业出版社. 2006 2 张新伟编著 网页经典配色艺术 M北京：电子工业出版社2009 3 览众 张晓景编著. DIV+CS

48、S 网页布局商业案例精粹 M北京：电子工业出版社.2007 4 盖天宇、孙明丽、邹天思编著 ASP 程序开发范例宝典 M 北京：人民邮电出版社2007 5 本书编委会编著. 网页制作 M北京：电子工业出版社2006 6 潘晓南主编. 动态网页设计基础 M北京：中国铁道出版社.2008 7 神龙工作室主编. ASP 网络编程从入门到精通 M北京：人民邮电出版社.2006 8 刘瑞新主编. ASP 动态网站开发毕业设计指导及实例 M北京：机械工业出版社.2006 9 邵丽萍 王馨迪 陆军等编. ASP 动态网页设计 M北京：中国铁道出版社.2006 10 张旭东 汪杰编著. ASP 网络开发实用工

49、程案例 M北京：人民邮电出版社.2008 11 倪洪球编著. Dreamweaver 8+ASP 动态网站开发实例精讲 M北京：人民邮电出版社.2007 12 张芳芳 侯俊杰编著. CSS web 开发学习实录 M北京：清华大学出版社.2011 13 郝荣福 张国权编著. 网页创意与设计 50 例 M北京：电子工业出版社.2005 14 崔教东 于长锐 崔丽丽编著. 数据库技术与应用面向业务分析的 Access M北京：清华 大学出版社.2011 15 闫静等编著. Dreamweaver 与 ASP 动态网页基础与范例 M北京：机械工业出版社.2007 16 龙马工作室编著. ASP+Access 组建动态网站实例精讲 M北京：人民邮电出版社.2008 17 庞娅娟 孙丽丽 吕继迪编著. ASP 网络编程自学手册 M北京：人民邮电出版社.2009 18 邓文达 龚勇编著. 美工神话 Dreamweaver+photoshop+flash 网页设计与美化 M北京：人民