1、编号潍坊学院毕业设计技术报告课题名称数字媒体技术专业网络教学平台的设计与实现前台学生姓名学号08021140111专业计算机科学与技术班级2008级1班指导教师2012年6月潍坊学院本科毕业设计摘要网络教学平台设计与实现摘要随着科技的进步和互联网的广泛应用，网络教学的应用在教学过程中越来越广泛，并被越来越多的人所认知。网络教学是远程教学的一种重要形式。它是依托电脑和宽带等硬件设施，来实现远距离教学的目的。网络教学不受时间、地点以及教师的限制，只要透过一台能连接上网的电脑就可以随时随地地进行学习。本次设计是关于多媒体课程教学平台的设计与开发，其中主要的主要功能模块包括了基本的课程的教学，实验实践
2、，常用工具软件以及相关工具软件使用教程的下载，能够实现学生问题上传的辅导答疑，介绍相关教师资料的教学团队，以及展示一些学生作品的功能。还能够实现学生的注册与登录功能，提供一些拓展学习的知识。网页主要采用的是ASP与DREAMWEAVER相结合的方式来设计，并使用ACCESS设计数据库来存储相关数据。关键字ASP，多媒体，网络教学，平台开发潍坊学院本科毕业设计摘要DESIGNANDIMPLEMENTATIONOFNETWORKTEACHINGPLATFORMABSTRACTWITHTHEPROGRESSOFSCIENCEANDTECHNOLOGYANDTHEWIDEAPPLICATIONOFIN
3、TERNET,THEAPPLICATIONOFNETWORKTEACHINGINTHECOURSEOFTEACHINGISMOREANDMOREEXTENSIVE,ANDMOREANDMOREPEOPLECOGNITIONNETWORKTEACHINGISANIMPORTANTFORMOFREMOTETEACHINGITISRELYINGONTHECOMPUTERANDBROADBANDFACILITIESANDOTHERHARDWARE,TOREALIZETHEPURPOSEOFREMOTETEACHINGNETWORKTEACHINGISNOTSUBJECTTOTIME,PLACEANDT
4、EACHERSTOTHERESTRICTIONS,ASLONGASONECOMPUTERWHICHCANCONNECTTOTHEINTERNETCANLEARNWHENEVERANDWHEREVERTHISDESIGNISABOUTTHEMULTIMEDIATEACHINGPLATFORMDESIGNANDDEVELOPMENT,OFWHICHTHEMAINFUNCTIONMODULESOFTHISWEBSITEINCLUDEBASICCOURSESTEACHING,EXPERIMENTANDPRACTICE,SOFTWARETOOLSANDRELATEDSOFTWARETUTORIALDOW
5、NLOAD,WHICHCANREALIZETHEUPLOADANDANSWERQUESTIONWHICHAREPUTFORWARDBYSTUDENTSBESIDETHIS,THEWEBCANINTRODUCESTHERELEVANTINFORMATIONOFTHETEACHINGTEAM,ANDSHOWSOMETHEFUNCTIONOFSTUDENTWORKITISABLETOREALIZESTUDENTSREGISTRATIONANDLOGINFUNCTION,ANDPROVIDESSOMEEXPANSIONOFKNOWLEDGETHISDESIGNMAINUSEOFASPCOMBINEDW
6、ITHDREAMWEAVERWAYTODESIGN,ANDTHEUSEOFACCESSDESIGNDATABASETOSTOREDATAKEYWORDSASP,MULTIPLE,NETWORKTEACHING,PLATFORMDEVELOPMENT潍坊学院本科毕业设计目录目录1前言111概述112主要开发工具介绍12需求分析421系统功能需求分析422系统的数据需求分析423系统的性能需求43概要设计531网站结构概要设计532数据库结构概要设计54数据库的设计641用户表（USERS）642模拟试题（MNST）643拓展学习（TZXX）744实验指导（SYZD）745教学团队（TEAM）84
7、6疑问留言（QUESTION）85网页功能的设计1051首页1052课程教学1453实验实践1754工具软件1955辅导答疑1956教学团队3157作品展示326结束语33参考文献35潍坊学院本科毕业设计目录附录36致谢42潍坊学院本科毕业设计11前言11概述21世纪是一个信息化的社会，随着科技的发展，网络已经和人们的生活密不可分了。信息化生活给人们带来了极大的方便。目前，互联网已经广泛地应用在教育上，并对教学过程产生了非常重要的影响。网络教学是传统教学的补充和延伸，它是以学生为中心的一种教学方式。它丰富了教学的方法，扩大了教学的空间。通过网络教学的方式传递教授的信息，实现教师和学生的互动。还
8、可以将一些课堂上小的知识点作为拓展内容放到网络教学平台上，对此有兴趣的同学就可以在上课之余，自己上网去浏览这些拓展信息，丰富自己的知识面。学生也可以随时将自己的问题放在网上，等待老师的解答。学生还可以在网上反复学习以巩固课堂上学到的知识。或是将课件下载下来进行自主学习。这样教学资源的利用率会大大提高。此次的网站是针对单门课程进行设计的网络教学平台（前台）的设计。在此基础上还可以扩充成多门课程的教学平台。然后由后台的服务进行更新。网站的主要目的就是实现教学资源的共享，满足教学的需求，提高教学资源的利用率。学生可以通过系统发布问题，可以搜索相关的问题。可以查看其它学生的问题，教师回答问题，通过这种
9、方式实现师生之间的互动交流。此外，教师也可以动态发布实验的内容和要求。12主要开发工具介绍121梦幻网页的编织者DREAMWEAVERDREAMWEAVER是创建和管理网页的专业化可视编辑器。使用DREAMWEAVER可以轻松创建跨平台、跨浏览器的页面。MACROMEDIA的ROUNDTRIPHTML技术允许用户随意导入HTML文档而无需重新设置代码格式。DREAMWEAVER相对于其他同类软件来说有这样几个特点不生产冗余代码；具有方便的代码编辑，可以自由在可视化编辑和源代码编辑状态之间自由转换；强大的动态页面支持；操作方便，它提供了历史面板、HTML样式、模板等功能避免了重复劳动，除此之外，
10、它还可以直接在页面中插入FLASH等插件。使用十分方便。DREAMWEAVER可以为用户做到使用动态HTML功能（例如具有动态效果的层和行为）而不用写一行代码。它甚至还可以检查用户的工作成果在所有流行的平台和浏览器中可能发生的错误。DREAMWEAVER还是一个可以完全自定义的应用程序。用户可以创建自己的对象和命令潍坊学院本科毕业设计2修改菜单和快捷键，甚至编写JAVASCRIPT代码扩展DREAMWEAVER的行为和属性检查器。122动态网站的脚本语言ASPACTIVESERVERPAGES“动态服务器网页”，一般简称为“ASP”，ASP之所以能受到大家的重视与使用的原因，主要在于所产生的执
11、行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如IE或NETSCAPE）都可以正确地获得ASP的“执行”结果，并且将这ASP执行的结果直接在浏览器中“浏览”。ASP的语言相容性高，与所有的ACTIVEXSCRIPT语言都相容。并且它的隐密安全性也相当高。如果在浏览器中直接查看网页的源文件，那么只能看见HTML文件。而ASP程序代码是看不到的。能够避免ASP程序被看见和盗用。再有，使用ASP抑郁操控数据库，它可以通过ODBC（OPENDATABASECONNECTIVITY）驱动程序连接各种不同的数据库，例如ACCESS、SQLSERVER、ORACLE等等。
12、因此选择采用ASP结合DREAMWEAVER8构架网站。并使用IIS50对页面进行调试。123数据库ACCESSMICROSOFTACCESS是一种桌面数据库，只适合数据量少的应用，在处理少量数据和单机访问的数据库时是很好的，效率也很高。但是它的同时访问客户端不能多于4个。MICROSOFTACCESS数据库有一定的极限，如果数据达到100M左右，很容易造成服务器IIS假死，或者消耗掉服务器的内存导致服务器崩溃。对于需求不算太大的数据库来说，使用ACCESS比较合适，如果网站还需要继续扩充，则可以将数据库的开发工具改为SQLSERVER。数据库的访问方式有很多种，主要有公共网关接口GGI（CO
13、MMONGATEWAYINTERFACE），先进数据库连接器ADC（ADVANCEDATABASECONNECTOR），JAVA/JDBC语言编程，动态服务器页面ASP。相对应以上几种数据库访问方式，ASP编程灵活简洁，具有较高的性能，是目前访问WEB数据库的最佳选择。124SQL查询语言SQL（STRUCTUREDQUERYLANGUAGE结构化查询语言，是一种数据库查询和程序设计语言，用于存取数据以及查询、更新和管理关系数据库系统。同时也是数据库脚本文件的扩展名。SQL是高级的非过程化编程语言，是沟通数据库服务器和客户端的重要工具，允许用户在高层数据结构上工作。它不要求用户指定对数据的存放
14、方法，也不需要用户了解具体的数据存放方式，所以，具有完全不同底层结构的不同数据库系统，可以使用相同的SQL潍坊学院本科毕业设计3语言作为数据输入与管理的SQL接口。它以记录集合作为操作对象，所有SQL语句接受集合作为输入，返回集合作为输出，这种集合特性允许一条SQL语句的输出作为另一条SQL语句的输入，所以SQL语句可以嵌套，这使它具有极大的灵活性和强大的功能，在多数情况下，在其他语言中需要一大段程序实现的功能只需要一个SQL语句就可以达到目的，这也意味着用SQL语言可以写出非常复杂的语句。125其他网页制作还用到了一些其他的软件，比如说处理图片的PHOTOSHOP软件，本次设计的网页导航图片
15、就是通过PHOTOSHOP剪切拼合成的。还有另一个制作平面二维动画的FLASH软件，在学生作品展示中，由于资源有限，就在末尾放上了一个自己做过的FLASH动画。还有一个比较重要的工具就是测试网页用到的WINDOWS组件IIS。HTM等格式的静态网页可以通过网页浏览器直接进行测试，ASP动态网页的测试则最好是通过IIS，在电脑安装系统的时候系统自带了一个服务器测试软件。安装方法如下打开控制面板，选择添加或删除程序，再选择添加或删除WINDOWS组件，钩选中INTERNET信息服务（IIS）点击下一步，按照向导安装上IIS。安装成功后，将整个网站放在合适的目录下即可对动态网页进行测试。潍坊学院本科
16、毕业设计42需求分析建立网络平台的主要目的是为了方便教学工作，其最本质的功能在辅助教学方面。21系统功能需求分析本次设计的是前台，主要实现的是面向学生的这部分功能。主要功能及简介如下（1）注册及登录。学生可以通过注册来获得用户名，获得登录的权力，这有助于在辅导答疑中实现问题的查看（2）上传功能。学生可以将老师布置的部分作业通过网站提交上传。（3）下载功能。现在教师上课一般都有课件，通过后台管理可以将每一章节的内容放到网站上，学生想要再看课件的话可以通过进入网站下载。（4）留言功能。学生可以通过答疑平台将自己的问题提交到网站上，然后由老师回答，学生再次登录的时候可以查看自己的问题是否被回答了。（
17、5）查看功能。整个网络教学平台是要实现教学目的，所以很多教学内容都要放到网页上供学生查看。22系统的数据需求分析数据是系统的灵魂，没有数据的话也就无从谈起管理，系统也就不能发挥它的功效。所以说数据库的选择对系统的开发很重要。虽然本次设计采用的是适用于小型数据存储的ACCESS数据库开发，但SQL查询语句仍然适用。SQL查询语句可以实现一系列复杂的操作。比如说数据的增加、删除、修改等等。配合ASP使用也十分方便。根据网站的设计，需要动态显示的数据最好都放在数据库里。比如说，课下的拓展知识，做练习用的模拟试题，存储用户信息的用户表，存储教师信息的表。存储与实验相关信息的实验表。还有就是存储学生留言
18、提问信息的问题表。23系统的性能需求网络教学平台是一个教育类型的网站，所以必须做到实用、简洁。界面不必太过花哨，要做到界面简洁明了、导航清晰。用户只要能上网就可以进行学习，以及实现上传，下载等功能。并且，网站应该具有可扩充性，此次设计的网络教学平台只是针对单门课程的设计，还有很多内容还不全面，因此网站的设计要能够方便日后的更改、扩充等。潍坊学院本科毕业设计53概要设计31网站结构概要设计对于功能较为全面的网络教学平台来说，一般都有教学大纲、教师信息、讨论答疑、课程作业、教学笔记、教学邮箱、资源下载等一系列复杂的内容。由于时间，资源的限制，所以本次设计只能实现其中一部分的功能。网站主要结构如下图
19、所示。图31网站结构32数据库结构概要设计由于整个网站的内容不是特别多，所以把所以的表设计在了同一个数据库中，数据库中数据表的情况如图32所示。图32数据库结构设计主页首页课程教学实验实践工具软件作品展示辅导答应教学团队USERSEXERCICEMNSTTZXXSYZDTEAMQUEST_ION潍坊学院本科毕业设计64数据库的设计整体来说包含了六个数据表，第一个是USERS表，用了存储学生注册信息的表；第二个是MNST表，用来存储所以的模拟试题的信息的表；第三个是TZXX表，用来存储拓展学习内容的表；第四个是SYZD表，用来存储与实验相关内容的表；第五个是TEAM表，用来存储教学团队的信息；第
20、六个是QUESTION表，用来存储学生问题的表。41用户表（USERS）表41用户表（USERS）字段名数据类型长度是否允许为空S_NUM文本20否S_NAME文本5否S_PASSWORD文本20否S_CLASS文本20是S_TEL文本12是以上为用来存储用户的用户表，共有五个字段，其中S_NUM和S_PASSWORD分别用做用户名和登录密码。并且不允许为空，最长不得超过20个字符。S_NAME用来存储用户的姓名，也不允许为空值。S_CLASS和S_TEL作为辅助选项，可不填写。42模拟试题（MNST）表42模拟试题（MNST）字段名数据类型长度是否允许为空ID数字长整形否TITLE文本50是
21、潍坊学院本科毕业设计7CONTENT备注是模拟试题表用来存储模拟题的相关信息，有三个字段，第一个是便于搜索的ID字段，第二个是TITLE字段，用来存放试题的标题，例如说章节之类的内容。第三个字段是CONTENT，备注类型的字段，可以用来存放较长的文本。43拓展学习（TZXX）表43拓展学习（TZXX）字段名数据类型长度是否允许为空NUM数字长整形否TITLE文本50是CONTENT备注是拓展学习（TZXX）表用来存放拓展学习的相关信息，也有三个字段，第一个是便于搜索或进行参数传递的NUM字段。第二个是TITLE字段，用来存放拓展学习中小的知识点的标题，例如关键字之类的内容。第三个字段是CONT
22、ENT，备注类型的字段，可以用来存储较多较详细的内容。44实验指导（SYZD）表44实验指导（SYZD）字段名数据类型长度是否允许为空S_ID自动编号长整形否S_NAME文本50是S_GOAL备注是潍坊学院本科毕业设计8S_CONTENT备注是S_REQMENT备注是实验指导（SYZD）表是用来存放于实验实践里相关的信息。S_ID字段是自动编号字段，用做搜索或参数传递。S_NAME是用来存放实验名称的字段，长度不超过50个字符长。S_GOAL是存放实验目的的字段，类型为备注类型，可存储比较长的文本。S_CONTENT是存放实验内容的字段，同样是备注类型的字段。S_REQMENT是存放实验要求的
23、字段，数据类型为备注类型。45教学团队（TEAM）表45教学团队（TEAM）字段名数据类型长度是否允许为空T_ID文本20否T_NAME文本8是T_JIESHAO备注是T_IMGOLE对象是教学团队（TEAM）表是用来存放教师相关资料的，T_ID是用来存放一些编号的，比如说教师的员工号，当然也可以在输入数据前将它更改成自动编号，这样每次添加数据的时候就不用反复输入编号。T_NAME用来存储教师姓名或称呼之类的信息。T_JIESHAO则是存储对教师个人资料的详细介绍。T_IMG是一个OLE对象，用来存储相关的照片信息。46疑问留言（QUESTION）表46疑问留言（QUESTION）字段名数据类
24、型长度是否允许为空S_NUM文本20否潍坊学院本科毕业设计9SQ备注否SA备注是疑问留言（QUESTION）表是用来存储学生提交上来的问题的，S_NUM是配合前面的用户表设置的，将这样两个表连接在一起的时候就可以查询到已登录学生的账号和问题了。SQ字段用来存储学生的问题，和前一个字段组合形成数据表的主键，避免一个学生提出相同的问题。SA则用来存储对某一个问题的答案。以上是关于本次设计的数据库中所用的到的表的设计，尽最大可能将所用能存储到数据库中的内容存储到数据库中，以便将来后台进行修改。使用ASPDREAMWEAVERACCESS开发出来的网站只能尽量做到这些。潍坊学院本科毕业设计105网页功
25、能的设计51首页首页页面布置如下图图51首页界面首页的布置是这样的上面是导航条，且在本次设计中，所有的网页上部都是主要的导航条。根据一个全局变量的判断，先判断用户是否登录成功。若没有登录的时候，左侧上方是一个简单的登录界面，要求输入用户名和密码，且两个都不能为空，若输入为空则显示如下图潍坊学院本科毕业设计11图52出错界面表单的代码设置如下用户名密码在提交表单的时候先进行的是一个检查函数CHECKDATAFUNCTIONCHECKDATAIFF1YONGHUVALUELENGTH20ALERT“请输入正确的用户名“RETURNFALSEIFF1MIMAVALUELENGTH20潍坊学院本科毕业
26、设计12ALERT“请您输入正确的登录密码“RETURNFALSE函数对两个输入的文本框进行检查，首先是用户名是否为空或者是超过了规定的长度。然后检查密码输入是否规范。表单提交后执行的操作是CHKLOGINASP，其代码如下USERNAMETRIMREQUESTFORM“YONGHU“PASSWORDTRIMREQUESTFORM“MIMA“RSOPEN“SELECTFROMUSERS“,CN,1,3DOWHILENOTRSEOFIFUSERNAMETRIMRS“S_NUM“ANDPASSWORDTRIMRS“S_PASSWORD“THENRESPONSECOOKIES“DENGLU“OK“R
27、ESPONSECOOKIES“USERNAME“RS“S_NUM“RESPONSECOOKIES“SNAME“RS“S_NAME“RESPONSEREDIRECT“INDEXASP“ENDIFRSMOVENEXTLOOPIFRSEOFTHENMSGBOX“对不起，用户名不存在，或密码输入错误“LOCATIONHREF“JAVASCRIPTHISTORYBACK“以上代码判断从前一个页面传递过来的两个参数是否是正确的用户名和密码，如果用户名不存在或者密码错误的话则弹出消息框提示用户，用户名不存在或密码输入错误。然后返回首页重新输入。如果数据库中存在该用户且密码正确，则将全局变量”DENGLU”的
28、值设置成”OK”，并且将用户名作为全局变量保存起来。然后主页用户登录位置则变动如下，以用户1234为例潍坊学院本科毕业设计13图53登录成功界面登录成功后，左侧上方显示的是用户的登录学号以及注册姓名，姓名为空则显示空白。下方是提供了学校的一些超链接，方便学生访问其他网站。右侧则是和数字多媒体相关的一些简介。若用户没有进行注册的话，可以点击用户登录的地方，有一个注册按钮，点击注册按钮可进入注册界面。界面如下图54用户注册界面潍坊学院本科毕业设计14如上图，用户注册界面要求用户输入的信息比较简单，用来做用户名的学号、学生姓名、密码，班级以及手机号。此注册页面由导航和下方注册信息表单构成。因为用户名
29、和密码不能为空，所以同样设置了一个检查函数，和首页的检查用户名和密码输入是否为空的函数原理是一样的，在这里就不过多介绍了。还有一点是密码的确认输入，因为密码要输入两次，所以在检查函数里有一项是检查两次输入的密码是否相同。在提交表单之后检查无误的情况下转到处理页面ADDUSERASP，其代码如下MSGBOX“注册成功，请重新登录“LOCATIONHREF“INDEXASP“此段代码的主要作用是将用户的注册信息写进数据表里，然后提示用户注册成功，再转到首页重新登录。52课程教学课程教学主要是知识课堂知识方面的教学内容以及一些相关的资源。其效果如下图潍坊学院本科毕业设计15图55课程教学界面课程教学
30、的界面是针对多媒体课程的教学。左侧是几个选项，右侧则是用一个框架展示的类似于目录的一个课程的要点，点击右侧的某个选项，框架内容将自动更新成与选中的选项相关的网页，网页下端有返回按钮，点击则返回课程教学起始页。左侧的是四个链接内容。第一个教学大纲是一个简单的网页，显示的主要内容是关于多媒体的教学内容，教学要求等信息。第二个选项是课件，点击课件会在右侧提供每一章的教学课件。到时只需要点击相关的连接即可将相应章节的教学课件下载下来，实现资源的共享。第三个选项是拓展学习，点击拓展学习之后将刷新到一个新的页面，页面如下图56课程教学之拓展学习潍坊学院本科毕业设计16拓展学习的内容是从数据库中读取出来的，
31、左侧是从数据库中的（TZXX）表中读取出来的标题行，点击标题，右侧显示相对应的具体介绍。由于每个标题对应的内容都比较多，所以左侧为每个标题设置锚点，以页内设置连接的方式使右侧全部显示数据库中的内容是不现实的，这样会占用太多的空间，所以采用一个参数传递自动刷新的方式来显示相对应的知识点。实现的方式主要还是通过一个框架和两个动态网页的文件。左侧显示标题的代码如下“TARGET“RIGHT“这段代码是将TZXX表中的标题全部显示在左侧，并为每一个标题设置一个连接，在更新网页的时候更新的位置是名字是“RIGHT”的一个框架，就是整个页面的右下方区域。同时将该标题所对应的NUM值作为一个ID参数传递到T
32、ZXX1ASP中。TZXX1ASP的主要代码如下根据上一个网页传递过来的ID参数，在数据库中进行查找，查找到与参数相符的记录，然后将对应的记录内容显示在网页上。其中用到了一个转换函数，CHANGECHR。其主要功能是将数据库中的文字原样输出，否则网页中显示的文字将显得非常不规范排列不整齐。CHANGECHR，函数的代码如下潍坊学院本科毕业设计17FUNCTIONCHANGECHRSTRCHANGECHRREPLACEREPLACEREPLACEREPLACESTR,“,“,CHR13,“,“,“ENDFUNCTIONREPLACE是一个标准函数，其中有三个参数，第一个参数是一个字符串，必有的参
33、数，即要被搜索的字符串，第二个参数是所要查找的字符，第三个参数是要替换后的字符。课程教学的最后一项是模拟试题，模拟试题也是存储在数据库中的记录，使用的方法和拓展学习的方法是类似的，所以就不过多赘述了。53实验实践实验实践的界面如下图57实验实践界面实验实践页面的主要作用是显示与实验信息相关的内容。将存储在数据库中的实验信息读取出来存放在当前页面，本次使用的连接方式是锚记的方式，点击左侧选项，右侧则定位到相关部分，以显示实验的标题、实验目的、实验内容、以及实验要求这些信息。原理及代码和以上的模拟试题类似，不同之处在于所连接的表的内容不同。右下角的部分是提供了一个上传作业的功能。学生可以将完成的作
34、业或作品通过网页提交上去。实现文件上传的方式有两种，一种是需要先安装一个组件，然后实现文件的上传功能，另一种则是无组件上传方式，无组件上传代码虽然复杂，但相对于使用组件上传要简单一潍坊学院本科毕业设计18些。先将文件上传到服务器，然后在下载到文档中。由于学到的知识有限，这部分代码来源于互联网。关键代码如下“/“THENFORMPATHFORMPATH“THENCURRENTPAGECLNGREQUEST“PAGE“IFCURRENTPAGERSPAGECOUNTTHENCURRENTPAGERSPAGECOUNTENDIFELSE潍坊学院本科毕业设计23CURRENTPAGE1ENDIFTOT
35、ALPUTRSRECORDCOUNTTOTALPUT总记录数IFCURRENTPAGE1THENIFCURRENTPAGE1MAXPERPAGE提问内容“,CHR13,“,“,“ENDFUNCTIONQREQUESTQUERYSTRING“S_NUM“RSOPEN“SELECTFROMQUESTIONWHERESQ“学号潍坊学院本科毕业设计30我的问题界面设置比较简单，简单来说就是一个文本框，用来填写留问题的学生的学号，另一个是一个文本域，用来填写问题。问题提交的时候同样要进行检查，两个文本都不能是空白的。所使用的函数与上面用到的CHECKDATA类似。检查完毕后转入另一个执行页面，其主要代码
36、为MSGBOX“提交成功“LOCATIONHREF“FDDY1ASP“潍坊学院本科毕业设计31实现的主要功能是将提交上来的学号和问题写进数据库中，然后返回一开始的辅导答疑界面。56教学团队教学团队的界面如下图515教学团队界面随便上传了一张文件中的图片用作例子，效果如上图。下边左侧图片上端显示的是TEAM表中的T_NAME信息。下面是图片信息，右端则是显示的介绍性质的文字。其中图片显示的相关代码如下潍坊学院本科毕业设计3257作品展示作品展示的界面如下图516图片展示部分图517FLASH展示部分以上是展示了部分学生的图片作品，在网页的最下方则展示的是部分学生的FLASH作品。潍坊学院本科毕业
37、设计336结束语本网站此次主要解决的问题是通过网络教学平台实现网上教学，完成教学内容之后还有一些习题可供学生进行练习，并且这些习题之后也都有相应的答案。此外，系统还提供了一些拓展学习，使学生在学习完课内知识的同时可以额外学习一些其他的知识，拓宽知识面。学生也可以在注册之后登录网站，登录之后可以直接在辅导答疑里面查看自己提出的问题而不必一个个查找。实验实践里面则是显示需要学生完成的实验的相关内容及要求，以及实现学生作品上传的功能。很多是内容都是存储在数据库里，因此在网站的后台建设中，便于管理，实现网站的动态更新，可以直接登录网站的后台进行数据的修改、添加以及删除等操作。由于此次设计是本人第一次制
38、作使用多样工具，结构比较复杂的网站。在很多方面的知识、经验都还有所欠缺。此外，在网站的开发过程中，时间也比较仓促，所以网站必然存在很多缺陷以及不足之处。首先从网站的外观来说，颜色比较简单，各项内容看起来也比较单调，在美学方面下的功夫还很不够。应该尽量让整个网站看起来充实，搭配再合理一些，使其有视觉冲击感。总之，在这方面的进步空间还很大。在整体设计上，还有很多欠缺的地方，不得不承认规划是一件相当重要的事情，方方面面的东西都要考虑到。这次由于个人原因，导致时间上太过仓促，很多内容都是一边做一边想的。有时候做到后面的部分才想起来原来前面的也可以这样做，可以更好一点。在辅导答疑页面，无答案的那些后面还
39、可以添加一个回答，这样，不必老师从后台方面登录来回答问题了。知道答案的学生完全可以回答的。诸如此类的问题还有很多。其次，是数据库的设计，应该可以分为几个数据库，而不是把所有的数据表集中在同一个数据库中，虽然在调用这些数据表的时候只用一个连接数据库的文件即可，但是过多的数据表堆集在一起，容易产生混乱。数据表的结构也可以再详细一些，比如学生提问题的那些流言，可以加上问题编号以及留言的时间等字段。数据表的设计最好能够更规范一些。再其次，显示教师资料的页面，可以将教师照片另存在一个文件夹中，把照片的路径存在教师表里面。显示图片的时候能通过路径显示照片而不是从数据库里面读取照片信息再显示，因为存取路径比
40、存取照片要更为可靠一些。照片在存入数据库中的时候，并不是直接将照片存入的，而是先将照片信息转换成二进制数据存入数据库，读取的时候，再将这些二进制数据还原成一张完整的图片。这样的过程并不是很安全，不能保证每一张图片都顺利显示在浏览器中。最后就是对ASPDREAMWEAVER制作网页的模式运用还不够成熟，而且只能应用一些简单的CSSDIV布局方式，这样的效果还远远达不到设想的结果。潍坊学院本科毕业设计34在这次的毕业设计中我深深感觉到自己的浅薄，我们在课堂上学到的知识真的太少了。想要学习更多的知识就要不怕枯燥，努力钻研，努力学习。目前我们学到的仅仅是皮毛而已。老师只是交给我们一把钥匙，我们也仅仅是
41、才刚迈进一小步。我们要走的路还很长。但无论如何，这次的毕业设计都使我收获很多，受益匪浅。潍坊学院本科毕业设计35参考文献1赵辉等编著ASPDREAMWEAVER8组建动态网站M北京电子工业出版社20062张新伟编著网页经典配色艺术M北京电子工业出版社20093览众张晓景编著DIVCSS网页布局商业案例精粹M北京电子工业出版社20074盖天宇、孙明丽、邹天思编著ASP程序开发范例宝典M北京人民邮电出版社20075本书编委会编著网页制作M北京电子工业出版社20066潘晓南主编动态网页设计基础M北京中国铁道出版社20087神龙工作室主编ASP网络编程从入门到精通M北京人民邮电出版社20068刘瑞新主
42、编ASP动态网站开发毕业设计指导及实例M北京机械工业出版社20069邵丽萍王馨迪陆军等编ASP动态网页设计M北京中国铁道出版社200610张旭东汪杰编著ASP网络开发实用工程案例M北京人民邮电出版社200811倪洪球编著DREAMWEAVER8ASP动态网站开发实例精讲M北京人民邮电出版社200712张芳芳侯俊杰编著CSSWEB开发学习实录M北京清华大学出版社201113郝荣福张国权编著网页创意与设计50例M北京电子工业出版社200514崔教东于长锐崔丽丽编著数据库技术与应用面向业务分析的ACCESSM北京清华大学出版社201115闫静等编著DREAMWEAVER与ASP动态网页基础与范例M北
43、京机械工业出版社200716龙马工作室编著ASPACCESS组建动态网站实例精讲M北京人民邮电出版社200817庞娅娟孙丽丽吕继迪编著ASP网络编程自学手册M北京人民邮电出版社200918邓文达龚勇编著美工神话DREAMWEAVERPHOTOSHOPFLASH网页设计与美化M北京人民邮电出版社200919梁立燕梁芳编著网页设计与制作M北京清华大学出版社200920解勇编著网页设计视觉形态M沈阳辽宁美术出版社200421腾飞科技何秀芳编著网页制作与网站建设从入门到精通M北京人民邮电出版社200722张杰王诚主编网页与网站设计M北京中国石化出版社2006潍坊学院本科毕业设计36附录附录1数据库连接
44、文件CONNINC附录2文件上传处理文件UPLOADINCDIMUPFILE_5XSOFT_STREAMCLASSUPLOAD_5XSOFTDIMFORM,FILE,VERSIONPRIVATESUBCLASS_INITIALIZEDIMISTART,IFILENAMESTART,IFILENAMEEND,IEND,VBENTER,IFORMSTART,IFORMEND,THEFILEDIMSTRDIV,MFORMNAME,MFORMVALUE,MFILENAME,MFILESIZE,MFILEPATH,IDIVLEN,MSTRVERSION“IFREQUESTTOTALBYTES0ANDIF
45、ILENAMESTARTISTARTTHENMFILESIZEIENDISTART4ELSEMFILESIZE0ENDIFSETTHEFILENEWFILEINFOTHEFILEFILENAMEGETFILENAMEMFILENAMETHEFILEFILEPATHGETFILEPATHMFILENAMETHEFILEFILESIZEMFILESIZETHEFILEFILESTARTISTART4THEFILEFORMNAMEFORMNAMEFILEADDMFORMNAME,THEFILEELSEISTARTINSTRINGIEND1,VBENTERVBENTERIENDINSTRINGISTA
46、RT4,VBENTERSTRDIVIFIENDISTARTTHENMFORMVALUESUBSTRINGISTART4,IENDISTART4ELSEMFORMVALUE“潍坊学院本科毕业设计38ENDIFFORMADDMFORMNAME,MFORMVALUEENDIFIFORMSTARTIFORMENDIDIVLENIFORMENDINSTRINGIFORMSTART,STRDIV1WENDENDSUBPRIVATEFUNCTIONSUBSTRINGTHESTART,THELENDIMI,C,STEMPUPFILE_5XSOFT_STREAMPOSITIONTHESTART1STEMP“FO
47、RI1TOTHELENIFUPFILE_5XSOFT_STREAMEOSTHENEXITFORCASCBUPFILE_5XSOFT_STREAMREAD1IFC127THENIFUPFILE_5XSOFT_STREAMEOSTHENEXITFORSTEMPSTEMPCHRASCWCHRBASCBUPFILE_5XSOFT_STREAMREAD1CHRBCII1ELSESTEMPSTEMPCHRCENDIFNEXTSUBSTRINGSTEMPENDFUNCTIONPRIVATEFUNCTIONINSTRINGTHESTART,VARSTRDIMI,J,BT,THELEN,STRINSTRING0
48、STRTOBYTEVARSTRTHELENLENBSTRFORITHESTARTTOUPFILE_5XSOFT_STREAMSIZETHELENIFIUPFILE_5XSOFT_STREAMSIZETHENEXITFUNCTIONUPFILE_5XSOFT_STREAMPOSITIONI1潍坊学院本科毕业设计39IFASCBUPFILE_5XSOFT_STREAMREAD1ASCBMIDBSTR,1THENINSTRINGIFORJ2TOTHELENIFUPFILE_5XSOFT_STREAMEOSTHENINSTRING0EXITFORENDIFIFASCBUPFILE_5XSOFT_STR
49、EAMREAD1ASCBMIDBSTR,J,1THENINSTRING0EXITFORENDIFNEXTIFINSTRING0THENEXITFUNCTIONENDIFNEXTENDFUNCTIONPRIVATESUBCLASS_TERMINATEFORMREMOVEALLFILEREMOVEALLSETFORMNOTHINGSETFILENOTHINGUPFILE_5XSOFT_STREAMCLOSESETUPFILE_5XSOFT_STREAMNOTHINGENDSUBPRIVATEFUNCTIONGETFILEPATHFULLPATHIFFULLPATH“THENGETFILEPATHLEFTFULLPATH,INSTRREVFULLPATH,“ELSEGETFILEPATH“ENDIFENDFUNCTION潍坊学院本科毕业设计40PRIVATEFUNCTIONGETFILENAMEFULLPATHIFFULLPATH“THENGETFILENAMEMIDFULLPATH,INSTRREVFULLPATH,“1ELSEGETFILENAME“ENDIFENDFUNCTIONPRIVATEFUNCTIONTOBYTESTRDIMI,ICODE,C,ILOW,
