毕业设计-计算机组成原理教学网站的设计与实现论文.doc

毕业设计说明书(论文)计算机组成原理教学网站的设计与实现摘要：本课题是专门为计算机组成原理课程开发的一个教学网站，针对这一特点，本文探讨了计算机组成原理教学网站的设计模式，并提出了技术上的解决方案。本网站前台采用dreamweaver进行页面制作，后台由access数据库支持，通过使用asp技术实现动态网页的效果。整个计算机组成原理教学网站包含课程描述、教师队伍、课程建设、在线学习、课程实践、下载频道、公告栏、留言板、和师生论坛九个功能模块，本文主要针对我设计的四个模块，即课程描述、教师队伍、师生论坛、留言板四个模块的设计与实现进行了论述。通过使用本网站学习计算机组成原理，可以更方便、更灵活、更有效地掌握计算机组成原理课程的知识点、重点和难点，是有效使用互联网的一种体现，具有较高的实用价值。关键词：教学网站，计算机组成原理，asp，accessthe designs and realizing of the teaching website for the course of computer orgaization principles abstract: this subject is a teaching website developed for the course of the computer organization principles, to this characteristic, this text has probed into the design mode of collecting teaching websites and has proposed the solution on technology. this websites front desk adopts dreamweaver to carry on the page animation, the backstage is supported by access database , through using the result of the dynamic webpage of asp technology , reach the operation to the database in order to the request for the user. procedure teaching websites of whole computer organization principles includes nine parts: the course description,teacher ranks, construction of course, the online school, curriculum practice,bulletin board,download channel,web forum for teachers and students,message board.this text is mainly to talk about four parts of them,they are the ourse description,teacher ranks,web forum for teachers and students,message board. using this website to study the computer organization principles can grasp some of knowledge, focal point and difficult point of course of the computer organization principles more convenient, more flexible and more effectively, it is a kind of embodiment using internet effectively, have higher practical value. keywords: teaching websites, computer organization principles, asp, access 目 录序言1第一章 系统分析与研究21.1课题开发背景21.2课题开发的现实意义21.3相关课题发展现状31.4系统目标4第二章 系统开发技术简介52.1 html语言52.2 asp技术62.2.1 asp的工作原理62.2.2 asp的优势72.3 ado82.4 access92.5 dreamweaver mx 20049第三章 系统概要设计103.1系统结构设计103.2系统功能说明103.3运行环境113.3.1 服务器端113.3.2 客户端11第四章 数据库设计134.1 数据库分析134.2 数据库中表的设计154.2.1 user表的设计154.2.2 article表设计154.2.3 reply表设计164.2.4 area表的设计164.2.5 administrator表的设计17第五章 系统详细设计185.1 网站主页的设计185.1.1 首页的风格、色彩和布局设计185.1.2 首页导航的设计185.2 师生论坛模块195.2.1论坛模块结构设计195.2.2论坛模块的功能说明205.2.3 论坛首页215.2.4 用户登录225.2.5 新用户注册235.2.6 发表帖子245.2.7 浏览帖子255.2.8 回复帖子265.2.9 论坛后台管理265.3 课程描述285.4 教师队伍28第六章 系统测试306.1 测试计划306.1.1 测试项目306.1.2 测试人员306.2 测试结果306.3 测试分析31结束语32参考文献33致谢34计算机组成原理教学网站的设计与实现序言随着计算机网络通信技术和internet的飞速发展，基于因特网的计算机网上远程教学已经开始成为一种全新的教学手段，并且越来越受到人们的关注。由于网上教学具有时效性、共享性、交互性和个别化等诸多特点，因此它有着传统教学模式所无法比拟的优点。这样一来，教学网站的开发工作就显得尤为重要。本文依据设计出来的计算机组成原理教学网站，做了全面系统的介绍。全文共六章，按照前期的开发顺序，从系统分析与研究开始，逐一对开发过程做了全面的介绍。在详细设计这一章中的系统实现部分省去了烦琐的程序代码，用比较直观易读的流程图来表示，增强了文章的可读性。第一章，介绍了课题的开发背景、课题开发的现实意义、相关课题的发展现状以及本教学网站预期达到的目标。第二章，概略地介绍了开发本网站多用到的各种技术，比如可以实现动态网页制作的asp技术，功能强大的access数据库技术等。第三章，对本网站的系统结构设计、系统结构功能、运行环境等概要设计阶段所做的工作做了大体介绍。第四章，对数据库进行分析，介绍了数据库以及具体的表的设计。详细介绍了我所设计的四个模块中涉及到的表。第五章，具体介绍了我所负责模块的详细设计过程，如网站首页的设计与实现、师生论坛的设计与实现以及课程描述、教师队伍两个静态模块的设计与实现。第六章，大体介绍了对本系统的测试工作，涵盖了测试计划、测试结果以及测试分析这三个方面的内容。本网站展现了一种全新的教学模式，打破了传统教学模式在时间、空间上的限制，采用了先进的教学手段和教学方法，可以大大提高教学效率和教学效果，使教学活动上了一个新台阶。第1章 系统分析与研究1.1课题开发背景随着计算机网络通信技术和internet的飞速发展，基于因特网的计算机网上远程教学已经开始成为一种全新的教学手段，并且越来越受到人们的关注。由于网上教学具有时效性、共享性、交互性和个别化等诸多特点，因此它有着传统教学模式无法比拟的优点，它创造了一种全新的教学模式，打破了传统教学模式在时间、空间上的限制，采用了先进的教学手段和教学方法，可以大大提高教学效率和教学效果，使教学活动上了一个新台阶。蓬勃兴起的网上教育以其全新的高科技教学手段为解决我国当前资源严重短缺而教育需求日益扩大的矛盾提供了一种投资少、见效快、优质高效的解决方案，它必将成为我国未来教育发展的重要方向。因此，根据自身的特点设计一个师生间具有良好交互性的教学网站，就成为了目前我国教学网站开发面临的紧要任务。1.2课题开发的现实意义2003年4月，教育部关于启动高等学校教学质量与教学改革工程精品课程建设工作的通知下发后，全国高校积极开展了精品课程建设工作。精品课程建设是一项复杂的工程，如何搞好精品课程建设，已经成为广大高校教师十分关注的问题。建设精品课程很重要的一个目的，就是要让好的教学资源能够尽可能的被更多的人来学习使用。这样一来，精品课程网站即教学网站的开发就显得尤为重要。一门精品课程拥有大量的教学资源，我们需要将这些教学资源分门别类地发布在网站上。对于大纲、教案、实验指导书之类的文档教学资源，我们可以将它们制作成html 网页、flash动画、pdf或者doc文档等形式发布到网上，便于其他人查看、下载使用；对于课件，我们可以制作成ppt文件、flash动画、authware 文件等方式发布到网上；对于大量的图片类教学资源，我们可以使用firework提供的相册功能来处理。这样既方便了开发制作者，也方便了使用者；对于音视频类教学资源，可以将其嵌入到网页当中，或者转化为flash然后再发布。对于练习题类教学资源，可以采用doc文件供用户下载使用。在精品课程网站上，除了发布各种教学资源外，还可以提供一些和用户、学生互动的服务。比如，学生在线提问、教师在线答疑、师生在线讨论、在线模拟实验等功能。还可以尝试网上在线考试这种新的考试方法。这个计算机组成原理教学网站的建成将提高学生的学习主动性，提高课程信息传达的及时性，实现课程多种资源的展示与交流，成为教师与学生课下交流的良好平台。1.3相关课题发展现状课程网站搜索引擎的功能是为学生能方便地在整个课程网站中搜索他们想了解的信息。学生网页的功能是能帮助学生在学习过程中相互协作，也为学生提供了一个方便的空间进行简单的网页设计和管理。从研究的结果来看，我国网络教学平台及网站建设已经进入了一个新的发展阶段，这表现在以下三个方面：1网上教学环境已经形成规模1999年，我国首次在4所普通高校开展现代远程教育试点时，网络应用水平是很低的。经过这些年的努力，网络应用水平正在大幅度提高。在调查的53所学院中，单纯利用网络发布教务文件信息、只提供课件共享点播的学院，不到10所。大多数网络学院都在网上提供了答疑、网上交流等学习支持服务，从而加强了教师与分布在各地的学习者之间的互动，增进学习者的学习效果，使我国利用网络的学习走入了新的发展水平。2适合自主学习的网上教学平台正在丰富和完善网上自主学习模式正在被越来越多的网络教育学院接受和应用，一些学院在实时授课的同时，积极探索和鼓励学生采用网上自主学习方式学习。一些能够突出网上教学优势的功能得到采用，如学习自测管理、网上作业提交、作业评分管理、网上选课、分学科分课程的答疑等等。3注意到与普通高校常规教育资源相结合利用普通高校本身的办学优势，可以提高网上教学平台和网站建设的质量，降低成本。1.4系统目标本计算机组成原理教学网站预期实现以下目标：1信息发布方便、快捷、为用户提供全新的服务。2支持资源下载技术。3提供用户在线论坛、留言功能，增强网站的互动性。4网站维护简单、方便。5具有较好的网站安全性。第 44 页 共 34页第2章 系统开发技术简介通过对本系统功能及应用各方面的综合分析，本网站采用dreamweaver作为前台设计工具，在此基础上运用平时所学的动画制作软件flash mx 2004、图形处理软件photoshop8.0等进行辅助设计,制作计算机组成原理多媒体教学资料。后台设计采用asp技术及microsoft access 2000数据库开发工具，通过ado对象访问数据库，最终建设成一个有持久生命力兼容性、安全性、可扩展性良好并可以满足师生获取信息和服务的教学网站。下面对本网站涉及到的技术进行简要的介绍。2.1 html语言html（hyper text markup language，超文本标记语言），它是构成网页的基础，因为程序无法控制浏览器的内存，与浏览器之间只有下载网页及上传数据的关系，所以对html语法必须有一定的了解。www上的每个网页都对应一个文件。我们浏览一个页面，要先把页面所对应的文件从提供这个文件的计算机通过internet传送到我们自己的计算机中，再由www浏览器翻译成为我们见到的有文字、有图形甚至有声音的页面。这些页面对应的文件不再是普通的“文本文件”，文件中除包含文字信息外，还包括了一些具体的链接。这些包含链接的文件被称为超文本文件。 和普通文本相比，超文本文件中多了一些对文件内容的注释，这些注释表明了当前文字显示的位置、颜色等信息，更重要的是，在有些注释中包含了对用户计算机应做出何种反应的说明，这些注释的内容经过浏览器的翻译后就成了不同的操作。为了使各种不同类型的www服务器都能正确地认识和执行，超文本文件要遵从一个严格的标准，这个标准就是超文本标识语言html。我们也可以利用这种语言来编写超文本文件，在internet上制作自己的www的主页。超文本文件的概念出现在多媒体技术迅速发展之前，现在随着多媒体技术应用的日益广泛，超文本应该改叫“超多媒体”更加合适，链接的内容已经从原来文本中的一个词或词组，发展到现在一幅图象或是图象的一部分，通过链接得到的内容也更加广泛，可以是地球另一端的某台计算机上的图片、声音、音乐或者电影。但不管叫超文本还是叫做超多媒体，www上各网页都是通过链接来完成相互间的访问。而要使访问正常进行，必须使这些链接能够正确地指向所要访问的网页。这些工作是通过统一资源定位器(url)来实现的。2.2 asp技术asp（active server page，动态服务器网页），是一种由microsoft公司开发的服务器端的脚本语言运行环境。它是一种包含了使用vb script或jscript脚本程序代码的网页。当浏览器浏览asp网页时, web服务器就会根据请求生成相应的html代码然后再返回给浏览器,这样浏览器端看到的 就是动态生成的网页。asp是微软公司开发的代替cgi脚本程序的一种应用,它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。在了解了vb script或jscript的基本语法后，只需要清楚各个组件的用途、属性、方法，就可以轻松编写出自己的asp系统。因为脚本是在服务器端运行的，所以web服务器完成所有处理后，将标准的html页面送往浏览器。这意味着，asp只能在可以支持的服务器上运行，服务器端的脚本无法被预先复制，用户看到的仅仅是最终产生的html内容。而不可能看到原始脚本程序的代码。2.2.1 asp的工作原理asp脚本是一种服务器端的解释脚本，其后缀名为.asp。当客户端访问一个后缀名为.asp的url时，该url请求被发送到web服务器于是调用相关的asp引擎asp.dll来将该脚本加以解释。在asp.dll中包含有各种asp内置对象的集合以及这些对象的处理信息。所以.asp由asp.dll解析后，将生成相应的html代码，该代码由web服务器返回给客户端浏览器执行，于是用户就在屏幕上看到了该.asp执行的结果。asp的工作原理如图2-1所示：调用asp.dll来解析.asp脚本odbc驱动程序数据库客户浏览器向服务器发出.asp文件请求web服务器返回结果图2-1 asp的工作原理2.2.2 asp的优势asp之所以能深受大家欢迎，主要是因为它所产生的执行结果都是标准的html格式，而且这些程序是在网络服务端中执行，它依据访问数据库的结果集自动生成符合html语言的网页，去响应用户的请求。所有相关的发布工作由web服务器负责。它具有以下几点优势：1灵活易用对于一个有一定脚本语言编程经验的开发人员来说，只要经过简短的学习，在一个小时内就能编出一个完整的应用程序，同时，编程人员并不能局限与使用vb script或jscript来编写应用程序。由于服务器提供了脚本接口，开发人员可以使用自己熟悉的语言来编制asp应用程序，甚至开发人员还可以在同一个页面中混合使用多种编程语言。2强大的可扩充性除了可以让开发人员自由选择编程脚本外，asp还可以在页面中嵌入activex组件，并支持com技术，使得asp页面的功能得到了极大的扩充。3无需编译asp使用普通的文本编辑器，如windows的记事本，即可进行编辑设计。与浏览器无关。用户端只要是用可执行html代码的浏览器，无需编译，即可浏览用asp设计的网页内容。 4独立于浏览器目前流行的浏览器有ie和netscape navigator，用以往的开发工具所开发出来的代码由于是要下载到客户端浏览器运行，所以同一段代码往往会在不同的浏览器上产生不同的效果。而asp是在服务器端运行的脚本，其传递给客户端的均是经服务器运行输出的标准html代码，所以能独立于浏览器运行。2.3 adoado（activex data objects，动态数据对象），实际上是一种提供访问各种数据类型的连接机制。客户端应用程序能够通过 ole db（微软的战略性的通向不同的数据源的低级应用程序接口）提供者访问和操作在数据库服务器中的数据，ado支持用于建立基于客户端/服务器和 web 的应用程序的主要功能。其主要优点是易于使用、高速度、低内存支出和占用磁盘空间较少。ado 同时具有rds（远程数据服务）功能，通过 rds 可以在一次往返过程中实现将数据从服务器移动到客户端应用程序或 web 页，在客户端对数据进行处理然后将更新结果返回服务器的操作。ado对象模型中包括7个对象和3个集合，其中最重要的3个对象的说明如表1-1所示：表1-1 ado重要的对象对象描述connection(连接对象)用来建立数据源和ado程序之间的过程command(命令对象)用来嵌入sql查询，包括对存储过程的调用recordset(记录集对象)用来浏览及操作实际数据库内的数据2.4 accessaccess是微软公司推出的基于windows的桌面关系数据库管理系统（rdbms），是office系列应用软件之一。它提供了表、查询、窗体、报表、页、宏、模块7种用来建立数据库系统的对象；提供了多种向导、生成器、模板，把数据存储、数据查询、界面设计、报表生成等操作规范化；为建立功能完善的数据库管理系统提供了方便，也使得普通用户不必编写代码，就可以完成大部分数据管理的任务。access数据库具有大型数据库的一些基本功能，支持事物处理功能，access不仅是数据库管理系统，而且还是一个功能强大的开发工具。本系统选择使用access，主要是因为： access数据库相比sql要简洁，容易操作和管理。2.5 macromedia dreamweaver mx 2004macromedia dreamweaver mx 2004是集网页制作和网站管理于一身的网页编辑软件，是一套针对专业网页设计者和开发者的可视化网页开发工具。它具有功能强大、代码简洁和操作方便等特点，利用它可以轻而易举地制作出跨越平台限制的充满动感的网页。开发人员可以将其选择的服务器技术与dreamweaver配合使用，建立将用户连接到数据库、web服务和系统强大的internet应用程序。dreamweaver是专业网页设计、网站管理、网页可视化编辑的软件。它采用了多种先进技术，如利用dreamweaver的roundtrip html技术让用户可以随意导入html文件而无需重新设置代码格式，用户还可以利用dreamweaver mx 2004清除或重新格式化html代码，实现代码的优化，使网页创作过程变得非常简单。同时dreamweaver还提供了强大的设计工具，在不用书写一行代码的情况下，就能够快速创建各种极具动态html特性的网页，例如动画和分层等；利用dreamweaver的目标浏览器检查特性，可以创建兼容性极好的网页，以适用于各种平台和各种浏览器。第3章 系统概要设计3.1系统结构设计根据本教学网站的特点，可以将其分为前台和后台两个部分设计。前台主要实现信息浏览、资源下载、在线论坛和留言等功能，后台主要用管理员对网站前台信息、论坛及留言进行管理。我们把该教学网站设计为九大模块，分别是用户系统、课程描述、教师队伍、课程建设、在线学习、课程实践、下载频道、师生论坛、和留言板。 整个计算机组成原理教学网站的系统结构如图3-1所示： 教学网站主页教师队伍课程建设在线学习课程描述课程实践师生论坛留言板下载频道用户系统图3-1网站系统结构图3.2系统功能说明1 课程描述模块介绍了计算机组成原理课程的历史沿革、课程内容、教学计划等相关的课程描述。2教师队伍模块介绍了课程主要负责人情况、教师队伍情况以及本学期的教师日历。3课程建设模块包括我院计算机组成原理课程教学环境、教学方法及教学手段、学院的政策措施等相关内容。4在线学习包括在线辅导、在线课件、在线作业以及在线自测。其中在线辅导包含了计算机组成原理各章节的教学目的、课程的主要内容及教学的重点和难点。5课程实践模块包括了实验介绍、实验平台、实验演示以及实验报告的规范。6下载频道帮助学生下载课件、作业、历届试题、相关软件等课程资源。7论坛主要用于让学生和老师进行一些教学答疑或是学术探讨。 8留言板主要收集一些用户对于网站的意见或建议，以便对网站进行改善。 其中我主要负责首页、课程描述、教师队伍、师生论坛四个模块的设计与实现。3.3运行环境3.3.1 服务器端软件环境：1操作系统：windows 2000 server2web服务器：iis5.03数据库服务器：access20004浏览器：ie5.0硬件环境：1cpu p42内存 ibm 512mb3硬盘 st 60gb3.3.2 客户端软件环境：1操作系统：windows 2000 server2浏览器：ie5.0硬件环境：1cpu p42内存 ibm 512mb3硬盘 st 60gb第4章 数据库设计根据本教学网站的实际需求和数据流量的大小，决定使用小型数据库作为本网站数据库，access数据库具有操作简单、使用方便、性价比高等诸多优点，于是本教学网站采用了access数据库。4.1 数据库分析针对网站功能结构分析，本教学网站可能涉及到的数据项和数据结构如下：1. 用户基本信息 包括的数据项有用户名、用户密码、e-mail等基本信息。2. 管理员基本信息 包括的数据项有管理员名称、管理员密码等基本信息。3. 论坛文章基本信息 包括的数据项有文章标题、文章内容、工作区域名称、发表时间等信息。4. 用户留言基本信息 包括的数据项有留言内容、留言者姓名、留言者qq等信息。为了保证数据库的安全性，我们做了以下工作：需要用户注册登录后才能进入论坛或留言系统。根据上面的分析，设计规划出的实体主要有用户实体、管理员实体、论坛文章实体，工作域实体、用户留言实体。其中我所负责设计的模块所涉及的实体有四个，它们是用户实体、管理员实体、论坛文章实体，工作域实体各实体。各实体e-r图描述如下：用户实体e-r图如图4-1所示：用户文章数量电子邮件用户昵称真实姓名用户密码用户id图4-1 用户实体e-r图管理员实体e-r图如图4-2所示：管理员管理员姓名管理员密码管理员id名图4-2 管理员实体e-r图论坛工作域实体e-r图如图4-3所示：论坛工作域工作域名称版主姓名工作域id图4-3 论坛工作域实体e-r图论坛文章实体e-r图如图4-4所示：论坛文章读帖次数文章内容用户id发表时间回帖时间文章id回帖次数文章标题工作域名称图4-4 论坛文章实体e-r图4.2 数据库中表的设计数据库的内容以及表的设计直接影响到开发的系统的质量，好的设计可以达到方便易用的功能。根据系统的要求,我们采用的数据库是microsoft access，系统拟建三个数据库文件即师生论坛数据库luntan.mdb、留言板数据库liuyan.mdb和管理员数据库db.mdb。由我负责设计的模块所涉及的数据库文件是师生论坛数据库luntan.mdb和管理员数据库db.mdb，其中luntan.mdb数据库中包含的表有用户表user、发表文章表 article、回复文章表reply和工作域表area； db.mdb包含的表是表administrator。4.2.1 user表的设计设计数据库表user，用来存放注册用户的信息，包括用户序列号、用户名、密码、性别、注册时间、电子邮件、个人签名、是否管理员等。user表的结构如表4-1所示：表4-1 user表结构字段名称数据类型说明userid自动编号编号，是用户内容的关键字段，设为主键usernick文本用户昵称username文本用户姓名，设为必填内容userpwd密码用户密码，设为必填内容articlenum数字发贴次数e_mail文本用户邮箱4.2.2 article表设计在数据库luntan.mdb中，设计一个aticle表，该表是用于保存论坛中所有用户所发帖子的信息的，包括帖子序号、主题、内容以及发帖用户名、时间等。aticle表的结构如表4-2示：表4-2 aticle表结构字段名称数据类型说明articleid自动编号帖子序列号，并将该字段设置为主键username文本用户姓名，不能为空posttime日期/时间发帖时间，默认值为“now”replytime日期/时间回复帖子时间，boardname文本选择要讨论的工作域title文本帖子主题content备注帖子内容readcount数字读帖次数replycount数字回帖次数4.2.3 reply表设计在数据库luntan.mdb中，设计一个reply表，该表是用来保存论坛中所有用户所回复帖子的信息，包括回帖序号、被回复帖子的序号、作者用户名、所在工作域名、回帖时间、回复内容。reply表的结构如表4-3所示：表4-3 reply表结构字段名称数据类型说明replyid自动编号帖子序列号，并将该字段设置为主键articleid自动编号被回复主题帖子的序列号username文本用户姓名，设为必填内容boardname文本选择要讨论的工作域posttime时间帖子主题content备注帖子内容4.2.4 area表的设计在数据库luntan.mdb中，设计一个area表，该表用于保存论坛中所有用工作域的信息，包括工作域序号、工作域名称、域主姓名1、域主姓名2、域主姓名3。area表的结构如表4-4所示：表4-4 area 表结构字段名称数据类型说明areaid自动编号工作域序号，并将该字段设置为主键areaname文本工作域名称，不能为空manager1文本版主姓名，不能为空manager2文本版主姓名，不能为空manager3文本版主姓名，不能为空4.2.5 administrator表的设计设计数据库表administrator，用来实现对留言的维护和删除，即存放管理员的帐户和密码。administrator表的结构如表4-5示。表4-5 administrator表结构字段名称数据类型说明administrator文本管理员姓名，设为主键，不能为空password文本密码，不能为空第5章 系统详细设计5.1 网站主页的设计网站主页是用户登录后首先看到的页面，所以主页的设计至关重要，应该亮丽美观、尽可能表现出计算机组成原理教学网站的风格、内容，吸引用户的注意力，否则很难给用户留下深刻的印象。5.1.1 主页的风格、色彩和布局设计根据课程提供的材料和网站本身的性质，经过仔细的分析、策划，选用蓝色作为网站的主色调，同时辅助以紫色、白色，本网站建设的目的是为了方便学生学习，所以要区别于娱乐、游戏等休闲网站，主页要简洁、大方，庄重。尽可能表现出算机组成原理课程的特色。本网站主页设计的特色之一是小图标的运用，这些小图标不仅给整个网页增加了不少趣味，也使网页更加清新、活泼，同时也表达了网站的性质。布局上，主页上部插入我院标志，后面输入课程名称，这样做是为了与我院其他精品课程网站相一致，避免脱离学院精品课程网站主页的风格。主页左侧设计导航栏，列举本站提供的六个相关的课程模块，即课程描述、教师队伍、课程建设、在线学习、课程实践、学生空间。主页中上部输入课程简介，以便没有接触计算机组成原理的来访者能对本站有个初步认识。“课程简介”位置下面设计方便学生及时得到课程相关资源的快速通道，即“下载频道”。学生在此可以下载到近期老师布置的作业、历届计算机组成原理试题、教学课件、课程相关软件等课程资源。主页右侧设置会员登录框及方便学生浏览其他相关网站的“友情链接”，下面设置一个进入师生论坛的标志图片。主页最下部输入本网站的版权信息。5.1.2 主页导航的设计本教学网站规模不是太大，为方便教师、学生使用，主页采用简单的集合导航模式，即把具有逻辑关系的超链接放置在一起，用户可以方便地访问某一类信息。主页效果如如图5-1所示：图5-1 网站主页5.2 师生论坛模块设计师生论坛提供了一个用户自由探讨课程相关话题的场所，在这里教师可以及时地给学生解惑答疑，教师之间也可以探讨教学中所遇到的问题等。为方便管理，本功能对访问权限加了限制，用户要进入论坛必须先登录，对于新用户，要先注册成为会员后才能登录进入论坛系统。用户可选择进入不同的工作域，根据不同的搜索项目可以查看帖子内容，发表帖子或回复帖子，管理员后台对帖子进行查看、删除等管理。5.2.1论坛模块结构设计根据本教学网站的特点，可以将其分为前台和后台两个部分设计。前台主要实现读帖、发帖、回贴、申请版主等功能。后台主要是管理员对论坛前台接受的文章进行管理，实现查询文章、删除主题、删除回复等功能。这里将把该论坛设计为五个子模块，即用户系统、系统管理、生活指南、交流、大家侃侃。师生论坛前台模块结构如图5-2所示。师生论坛前台主页生活指南交流大家侃侃系统管理用户系统图5-2 师生论坛前台模块结构图师生论坛后台的模块结构如图5-3所示。论坛后台主页删除帖子回复帖子查看帖子论坛管理管理员身份验证图5-3 师生论坛后台模块结构图5.2.2论坛模块的功能说明用户登录后进入论坛首页，论坛首页设计有站务讨论、版主申请、生活常识、高手交流、你说我说等工作域，用户点击后可以进入相应的工作域来发表或浏览文章。在站务讨论工域内可以探讨本教学网站功能或管理上存在的不足，提出改进意见等；高手交流供教师讨论课题项目或教学中发现的问题，也可以在此回答学生对本课程提出的疑问；你说我说可以供来访者互相交流学习心得等等。管理员可以在后台管理系统中进行查询帖子、删除主题、删除回复等管理。5.2.3 论坛首页 论坛首页采用表单来设计，里面包含站务讨论、版主申请、生活常识、高手交流、你说我说等工作域模块，户点击后可以进入相应的工作域来发表或浏览文章。论坛首页的结构图如图5-4所示：进入论坛系统管理生活指南交流大家侃侃图5-4 论坛首页结构图论坛首页效果图如图5-5所示：图5-5 论坛首页5.2.4 用户登录在进行身份认证时，就是通过让用户输入各自的注册名和密码，并与user表中的数据相比较来实现。如果该注册名和密码能同时在表的一列中找到，就认为该用户是合法用户，并给该用户一个认证标记。拥有认证标记的用户，才可以进入论坛或留言板。师生论坛模块的登录页面要求输入用户姓名和密码，采用session技术(会话)来保存用户的认证标记并对用户进行跟踪。只有认证合格后才能进入系统，完成相应的发帖、读帖等操作。用户登录流程如图5-6所示：数据库注册成功用户服务器填写登录表单用户名是否正确否密码是否正确是是否检索数据库图5-6 用户登录流程图登录页面如图5-7所示：图5-7 登陆页面5.2.5 新用户注册如果数据库中找不到该用户的名字和昵称，就认为该用户可能输错了自己的名字或者昵称，便显示错误信息，并且系统还提供用户注册功能。check函数检查用户的输入，包括姓名，密码等。程序检查数据库中是否已经有输入的用户的记录，如果有，显示警告：“用户名已存在，请输入新的用户名。”新用户注册流程如图5-8所示：是是数据库注册成功用户填写注册表单是否有重名将用户信息添加到数据库检索数据库两次输入密码是否相同否否图5-8 新用户注册流程图注册页面如图5-9所示。图5-9 注册页面5.2.6 发表帖子设计进入某个工作域后，点击“发表新帖子”可以进入编辑文章页面。用户发表帖子的程序流程如图5-10所示：数据库用户填写文章标题进入发表帖子页面判断文章字数是否大于10否编辑文章内容发表成功是点击“提交文章”按钮点击“全部重写”按钮将文章信息添加到数据库跳出提示页面点击提示页面中“继续”点击提示页面中“退出”退出本页77图5-10 用户发贴流程图用户发贴页面如图5-11所示： 图5-11 用户发贴页面5.2.7 浏览帖子1用户进入每个工作域后即可看到该域的所有帖子，该页面以分页形式显示当前已有的讨论主题，每页显示1个主题，每个主题以超链接形式显示，可以通过单击某个主题来查看详细的内容并回复自己的意见，通过单击页面下的超链接在不同的页面之间跳转。帖子的顺序按发贴时间先后排列。效果如图5-12所示：图5-12 选择工作域浏览文章页面2也可以进入搜索页选择搜索项目搜索帖子。例如：用户进入搜索页后，选择“主题”这一搜索，在文本框里输入要查看的主题，选择帖子发表的时间段，即可看到该时间段内对应主题的所有文章。其中按人气搜索后浏览页面，帖子的排列顺序按article表中readcount列的值从大到小排列。同样，按回复数搜索后浏览页面，帖子的排列顺序按article表中replycount列的值从大到小排列。效果如图5-13所示：图5-13搜索文章页面5.2.8 回复帖子用户浏览的文章页面（如图5-14所示）有回帖功能，点击“回复帖子”按钮即可进入回帖页面，程序流程与发贴部分相似，点击“提交回复”后，回复被提交给savereply.asp文件进行处理。在该文件中，首先检查“作者”、“内容”是否为空字符串，如果为空字符串则重新定向到回帖页面，否则对所提交的数据进行处理。数据处理的内容包括两项工作。一是通过更新article表中的replytime列使当前文章的浏览次数加1；二是将回复者的姓名、回复的内容等保存到reply表中。完成数据处理后，单击页面上的超链接可以返回读帖页面。图5-14 浏览文章页面5.2.9 论坛后台管理论坛的后台管理系统管理员才可以进入，因此在登录时设计了一个身份验证的环节。管理员输入自己的用户名和密码，经程序检索数据库验证输入正确后可以进入，对论坛文章进行查看、删除的管理。效果后台页面效果如图5-15所示：图5-15 管理员进入后台管理页面管理员在后台查看文章与前台用户查看文章的流程相似，这里不多介绍了。对于删除文章的功能可以通过单击查看到的某个文章后的“删除”按钮来实现。因为教学网站与普通的休闲网站相比信息变化不会很频繁，教师不可能非常及时的回复学生在论坛中提出的问题，这里将帖子信息存在周期设置为一个月。删除文章流程如图5-16所示：数据库管理员单击帖子后的“删除”按钮删除相应文章的数据返回查看文章页判断文章存在的时间是否大于一个月进入查看文章页管理员否是图5-16 管理员进删除文章流程图5.3 课程描述为保持网站风格的一致性，子页面采用与主页一样的色调，统一为蓝色为主色调，同时辅助以紫色、白色，网页上部和底部与主页一样，不用改变。不同之处是导航栏增加了一栏。即在网页标志下边列举了和主页里一样的导航内容，使得在每一个网页上都可以进入主要的功能模块，同时在网页左边也列举了对应模块的子导航内容。这样，用户无论在哪一个位置都不会迷失方向，要到另一个功能模块也没有必要撤回主页了。课程描述设计包括课程的历史沿革、教学（实验）大纲以及课程相关的参考网站。课程描述模块页面效果如图5-17所示：图5-17 课程描述页面5.4 教师队伍与课程描述模块设计的方法相同，教师队伍模块包括课程负责人介绍、课程组教师介绍以及各教师课表安排。其中课程负责人介绍可以让用户了解本课程负责老师的情况，如姓名、性别、学历、职称、学术研究情况、所获奖励等信息。教师队伍充分展示了课程组教师的风采。设计本学期教师日历，是为了方便学生与教师的联系，如，某位教师在他的日历里可以说明考前答疑的时间、地点等，学生可以参考教师的活动日历安排学习进度。教师队伍模块页面效果如图5-18所示：图5-18 师队伍页面第6章 系统测试6.1 测试计划这次测试计划主要的目标是能够通过web浏览器访问我们这个小组设计的交互式教学网站。6.1.1 测试项目由于本网上教学系统是由几个模块共同组成的，因此我们将把每个模块作为一个单独的实体来测试，分别设计检验模块正确性的测试方案以确保每个模块作为一个单元能正确运行。这里主要针对下载频道、师生论坛和留言板进行测试。下载频道主要进行课件下载、作业下载、历届试题下载、软件下载的测试。师生论坛主要进行注册登录、发表帖子、回复帖子、删除帖子的测试。留言板主要进行用户签写留言，管理员后台查看、删除、回复留言的测试6.1.2 测试人员指导老师：侯雪亚 学生：徐永亮 刘蕙勇 常丹6.2 测试结果下面是系统测试计划的执行情况1下载频道的使用测试用户可以从网站主页上进入下载频道，选择下载课件、作业、试题或相关软件。2留言板的使用测试用户从学生空间模块进入流言板，可以签写流言，提交或重置。管理员可以从后台查看、删除留言。3师生论坛的使用测试用户可以登录论坛，新用户注册后亦可以登录进入。可以实现发贴，回帖，并可根据主题、作者、内容等不同的搜索途径查看帖子。管理员可通过后台管理帖子。6.3 测试分析在本次的测试过程中，的确发现了一些在开发设计过程中没有发现的问题，如本网站师生论坛中不能正常进行帖子的修改和删除，留言板模块设计是为了学生能把自己对教师或对本站建设的意见或建议写出来，没有权限限制浏览的话会涉及个人隐私问题。还有但是经过对模块内部结构、数据库以及程序代码的检查，权限限制，最终还是找到了问题的原因并进行了修复。结束语经过三个多月时间的设计，总体来说本教学网站操作比较简单，实现了预期的各个功能模块，这对我们来说是一次在老师细心指导下自主开发网站的过程。在此过程中，我们了解了编写大型网络应用程序的一般步骤，获得了很多宝贵的经验。特别是怎样通过理论与实践相结合，把书本上的内容应用到我们做的网站上去。怎样使各个模块实施其详细的功能，特别是各个模块之间的接口，一定要要相当清晰，达到相互协调的作用。其次，我熟悉了asp编程技术和access数据库知识，学会了很多关于程序设计的经验和技巧，使用asp开发动态网页的能力有了很大提高。虽然在网页制作方面挺感兴趣但开发过程并非一帆风顺，由于缺乏开发经验加上在此之前对于asp和vbscript等知识的了解几乎是一片空白，开题报告提交之前我就借了好多相关的书，开始着手准备，但只是反反复复地看书，直到知道老师找我们要看一下进度如何了，我才恍然大悟，时间就这样流掉了。做事情一定要做，看到最后，肯定是不会有结果的。我还有一个感觉，也许自己对书上将讲的内容不明白就是因为没有真正的去动手做做。在实际的整个过程中，我和合作的同学基本上一直是在一起的，因为我们水平都不高，只能反复的琢磨修改，我们通过自己的努力终于把老师规定的项目基本完成了，当然其中还存在着不足，有待进一步的完善。这也要求我们要不断的学习，作品没有最好，只有更好。教学网站是一个相对复杂的网络系统工程，我们在这里所做的探讨也只是初步的，十分有限的。这次的毕业设计是一个不断学习、探索、发现问题和解决问题的过程。从中我也学到了