1、【摘要】：“OS”课程教学网站是针对“计算机操作系统”而建立的网上教学网站。此站建立是为了配合西南科技大学创建优秀大学，提高“计算机操作系统”课程的教学质量和效率。目前各大学关于一门课程教学网站很多，其设计思想和风格各不相同但是最终实现的目的都是一样：方便学生学习，减轻教师工作，提高教学质量。本教学网站架构设计以 Dreamweaver MX2004 作为开发工具，采用 Active Server Page（asp）技术，结合 Access2000 数据库。学生通过教学网站能够完成知识点的复习，了解本学科前沿最新动态，及时了解教学信息。设计实现了：公告信息的发布，文章发布，课件的下载；为信息交
2、流，在线考试，提供空间。并且具有一定的延展性，可扩展性。【关键字】：网站架构；公告发布；文章发布；后台管理 引言随着网络的日益发展，人与人之间的距离，变得越来越近。因特网逐步改变人们的通信方式。这种新的大众传媒比以往的任何一种媒体都要快。很多人都能用被称为继印刷媒介（报纸，书刊，杂志）广播，电视后的第四媒体-“互联网”为自己带来方便。毫不例外，对教育的影响也是巨大的。网上教育站点迅速的增加，是对传统教育的强大补充。将现代最新科学技术-网络技术运用于传统教学，其目的就是为了提高教学质量、提高教学效率。网络教学是近期发展起来的新事物，网络作为新时代的产物遍及社会的各个角落。通过网络进行学习的一种新
3、型学习方式（网络教育）也应运而生。引言 1第一章 绪论 31.1 课题背景 .31.2 网上教学网站的发展 .31.3 课题目标 .3第二章 “OS”网站调查分析 52.1 详细调查-“OS”课程教学网站架构设计 .52.2 系统处理事物流程图 .52.3 用户数据处理流程图 62.4 管理员事物处理流程图 .62.5 数据字典 .7第三章 可行性分析调查 83.1 可行性的初步调查 .83.2 系统可行性的研究 .83.2.1 技术可行性 .83.2.2 操作可行性 .93.2.3 社会可行性 .9第四章 设计思想及工具选用 104.1 概要设计 104.2 开发工具的选用和介绍 .10(1
4、)ASP10(2) Dreamweaver MX200410(3)Microsoft Access 2000114.3 网站结构 .114.4 网站架构功能分析 .124.5 设计思想(实现功能和机制) .124.6 系统模块 .124.6.1 文章模块 124.6.2 电子公告模块 .134.6.3 管理员模块 .144.6.4 管理员的信息表 pwd154.6.5 文章表 wenzhang154.6.6 公告表 ggao154.6.7 主页表 homepage16第五章系统设计与实现 175.1“OS”课程教学网站架构开发的运行环境 175.1.1 本系统的运行环境 .171.硬件平台：
5、172软件平台 175.2 主页设计 .185.3 文章的发布系统设计 .205.4 电子公告的设计 .215.5 后台管理模块设计 .245.5.1 登录窗口设计 .245.5.2 修改管理员信息 .265.5.3 文章管理界面： .275.5.4 下载课件界面 .305.5 系统测试 .30第六章 结论 31第一章 绪论1.1 课题背景网络教育就是网络化学习，即在教育领域建立互联网平台，学生通过 PC 上网，以“网上冲浪”的形式获取、传输、处理、应用信息，从而达到接受教育的目的。这种网络教育离不开网络技术和多媒体技术支持的开放型网络环境。在网络环境中汇集了大量的数据、资料、程序、教学软件、
6、兴趣讨论组、新闻组等学习资源，形成了一个高度综合集成的信息库，并随时向学生开放。这种开放式的网络教育对培养新型人才创造了最有利的条件。网络化教学正是这种教育环境下的产物。1.2 网上教学网站的发展在国内的比较著名的就是一九九九年四川电大通过成立清华大学、北京大学远程教育四川教学站，将清华、北大的优秀教育资源引进西部四川。清华、北大通过“星网合一”传输教育资源，面向社会而建立的区域性校外站点。四川教学站作为清华、北大远程校外站，开办了专升本、研究生课程进修班各层次及专业的学历及非学历远程教育，经过了多年来的实践，取得了一定成绩。一九九九年，我国首次在 4 所普通高校开展现代远程教育试点时，网络应
7、用水平是很低的。经过多年的努力，网络应用水平正在大幅度提高。在调查的 53 所学院中，单纯利用网络发布教务文件信息、只提供课件共享点播的学院，不到 10 所。大多数网络学院都在网上提供了答疑、网上交流等学习支持服务，从而加强了教师与分布在各地的学习者之间的互动，增进学习者的学习效果，使我国利用网络的学习走入了新的发展水平。 美国作为信息技术高度发展的国家。美国的远程教育，归纳起来主要有两个特点：一是实现了以视频会议系统为主的实时远程教育，二是实现了以互联网为主的自主式远程教育。美国远程教育方面进行了大量的研究和试点，例如夏威夷大学、马里兰大学分别开设了远程教育本科或硕士学位课程或专业，有的专业
8、只进行网络远程教育，据调查统计 75%的美国大学将提供网上教育，5000 万成年人在学习。在美国财务科没有类似于我们国内同步教育的网校，美国远程教育的主体是高等教育，成人教育、继续教育和职业技术教育的发展增加了大众接受高等教育的机会与选择。美国远程教育采取了了卫星电视双向传递和英特耐特网两种方式。美国的远程教育正以惊人的速度在规模、层次和水平上不断向前发展。1.3 课题目标在计算机网络时代，学生获取信息的渠道多元化，学生自主学习的机会逐渐增加。对教师教学有明显的辅助作用。学生能够通过“人机对话” 主动获取自身需要的知识。网上自主学习模式被越来越多的学校学院接受和应用，学院在实时授课的同时，采用
9、网上自主学习方式学习。读者通过对电子课件的观看学习，能够掌握更多的知识，能够弥补课堂老师讲课不能面面俱到的弱点。除了对电子课件的学习读者还能够通过留言系统能及时的同其他读者以及老师交流。并且能够通过在线考试系统检验自己的学习情况。老师也能够通过在线考试系统来检验学生的学习情况。极大的提高了教学效率。操作系统教学网站架构设计就是要实现:文章发布系统设计，电子公告系统设计，下载的设计，主页的设计，以及与文章公告相关的数据库的设计。第二章 “OS”网站调查分析2.1 详细调查-“OS”课程教学网站架构设计网站的架构首先是要高效：不论是什么系统，都希望架构是高效的。这一点对于教育网站系统来说也是。延展
10、：需要架构具有一定的延展性，以适应未来可能的变化。简明：一个复杂的架构不论是测试还是维护都是困难的。架构能够在满足目的的情况下尽可能的简单明了。架构设计是在动态中完成的，架构设计具备了灵活性，拓展性。这样，可以在架构上进行二次开发或更加具体的开发。提高教学质量和教学效率，利用网络的强大功能来辅助教学。 “计算机操作系统”网上教学网站的建设，增加“计算机操作系统”教学途径，丰富教学内容，及时发布教学信息加强老师和学生之间的沟通。要突出网络教育的特色功能，突出现代教育的新观念、新思想、新模式，应该彻底打破时间、空间的限制，使学习者完全自主学习。既可能个人独立学习，又可以多人合作学习；既可以学习课程
11、、查阅资料又可以方便获取学习指导，了解学习进度，获取学习评价；既可能实时学习，又可以非实时学习；既可以双向交互，又可以多向交互；在 Internet 上完成部分教学任务，极大的提高教学效率。2.2 系统处理事物流程图123 4图 2.2.1 系统处理事物流程图2.3 用户数据处理流程图主页数据库用户 用户访问主页浏览相关信息主页调用数据库信息图 2.3.1 用户数据处理流程图2.4 管理员事物处理流程图管理员主页数据库管理员通过主页登录成功登录后就对数据进行操作管理员对数据操作后数据库自动更新，刷新主页信息图 2.4.1 管理员事物处理流程图2.5 数据字典名字：管理员表别名：admin描述：
12、存放管理员的帐号，密码定义：admin=id+username+password位置：库存清单名字：文章表别名：wenzhang描述：存放文章的内容定义：wenzhang=id +title+content位置：库存清单名字：公告表别名：ggao描述：存放公告的内容定义：ggao=id +title+content位置：库存清单名字：主页表别名：homepage描述：存放主页地址定义：homepage =id+content位置：库存清单第三章 可行性分析调查3.1 可行性的初步调查现代化的计算机通信网络技术的发展和因特网的迅速普及，为网上现代远程教育奠定了物质基础，提供了先进的科学技术手段。
13、仅就近年来中国电信部门的光纤网络发展，具有较高的传输速率和吞吐量。中国教育科研网也正在提速，主干网的速率将从 2Mb 提高到 155Mb 以上，并将在年内通达 36 个省市节点。此外，基于超文本的课件技术已经完全能够满足一般的教学需要，而因特网的各种应用软件发展更是日新月异。为教学网站建设提供了强大的技术保证。3.2 系统可行性的研究随着西南科技大学的发展和建设，校园网络发展也非常迅速，目前已经覆盖到学生寝室。这种网络化校园的形成，使基于网上教学的实时更具有可行性。传统的教学和网络教学的结合是将来教学方面发展的必然趋势。本校网络覆盖高是能够展开网络教学的一个方面，计算机技术和通讯技术的飞速发展
14、也是展开网上教学的另一个强大的软件条件。校园网络的迅猛发展，是学生获得知识的另外的一个途径。创造了新的教学传播途径以及信息来源渠道。学校的机房建设现在非常完善，能够同时满足几百人上机。就计算机学院的机房能同时满足两个班的学生同时上网。在网络硬件方面已经达到网络教学的要求。据初步统计在计算机科学与技术学院大一新生到校平均每个寝室有两台电脑，到大二就达到三到四台。这个说明了不仅在网络方面具备条件，而且在最末端学生端也具备相当的硬件条件。3.2.1 技术可行性网站建设及管理的分析： 选择 条件适合自行建设1. 具有大量信息背景的人力。2. 组织内具有中型规模之 MIS 部门。3. 拥有或即将设置网络
15、教育训练专职单位或组织。适合将主机委外托管1. 除 MIS 部门外，具有少量信息背景之人员。2. 组织 MIS 部门委外或仅有几名技术性人员。3. 未设置有网络教育训练专职单位或组织。适合直接委托其它单位管理 1. 除 MIS 部门外，无信息背景之人员。2. 组织 MIS 部门仅有几名技术性人员。表 3.2.1 网站建设及管理分析表根据现有设备和规模就能够和好的实施这项工程，建设完成后可以直接放在学校的服务器上直接运行，不需要投资其他的设备。3.2.2 操作可行性Asp 技术非常成熟，利用 Asp 和 Dreamweaver MX2004，Access 2000 能够很好的完成所设计的项目。首
16、选 Asp 的原因是 Asp 技术相当成熟而且也较容易掌握。很容易和我们所学的数据库知识相连接。C/S（Client/Server）模式是由客户机与服务器合作完成的二层结构系统模式。Client 向 Server 发送应用请求代码，由数据库服务代码 Server 处理后得到结果数据，通过中间件回传给 Client。C/S 模式在客户端有一套完整的应用程序,可以有很强的交互性,并能完成较强的功能。B/S 模式中，用户界面处理、业务功能处理、数据处理这三个子模型相互独立，分别由不同的资源、代码来实现。在 B/S 模式中，客户端的标准配置是标准通用浏览器，业务功能处理从 C/S 代码中彻底分离出来，
17、由独立的应用服务器处理，Web 服务器成为应用处理的标准配置；数据处理仍然由数据服务器完成。C/S 模式和 B/S 模式两种模式比较：1. C/S 模式只有两层逻辑结构，而 B/S 模式为三层逻辑结构，因此 C/S 模式的网络通讯量要低于 B/S 模式，而且对 C/S 模式在客户端有一套完整的应用程序，可以有很强的交互性。处理相同任务，C/S 模式的速度总体上要比 B/S模式快。2. B/S 模式在客户端安装的是标准、易用的通用浏览器。而无需像 C/S 模式那样在不同的客户端安装不同的应用程序。3. B/S 模式的功能都在 Web 服务器上实现，使开发和维护工作简单易行。 综合比较其功能我们选
18、择了 B/S 模式。3.2.3 社会可行性据学校的发展和建设，非常需要建设“操作系统”网上教学网站主要是方便教学，提高教学效率。第四章 设计思想及工具选用4.1 概要设计本阶段的主要任务是根据需求分析确定设计目标，以及它们的优先顺序，并根据目标确定最适合的设计方法，制定各种规范。将系统按功能划分成模块的层次结构。确定每个模块的功能，建立与已确定的软件需求的对应关系。确定模块之间的调用关系，确定模块之间的接口，即模块之间传递的消息。设计好接口的信息结构，评估模块划分的质量及导出模块结构的规则。完成数据库设计，避免数据大量冗余。4.2 开发工具的选用和介绍(1)ASP即 Active Server
19、 Page 的缩写。它是一种包含了使用 VB Script 或 Jscript 脚本程序代码的网页。当浏览器浏览 Asp 网页时, Web 服务器就会根据请求生成相应的Html 代码然后再返回给浏览器,这样浏览器端看到的就是动态生成的网页。Asp 是微软公司开发的代替 CGI 脚本程序的一种应用,它可以与数据库和其它程序进行交互。是一种简单、方便的编程工具。在了解了 VB Script 的基本语法后，只需要清楚各个组件的用途、属性、方法，就可以轻松编写出自己的 Asp 系统。Asp 的网页文件的格式是*.aspAsp 的特点：Asp 与所有的 ActiveX Script 语言都相容，除了可结
20、合 Html，VBScript、Java Script、Active X 服务器组件来设计外，并可经 “plug-In” （外挂组件模组）的方式，使用其他厂商（Third Party）所提供的语言。隐密安全性高:如果在浏览器中直接查看网页的原始代码，就只能看到文件，原始的 Asp 程序代码是看不到的！这是 Asp 程序先于网站服务（Web Server）端执行后，将结果转换成标准 Html 文件，再传送到客户端（Client）的浏览器上，因此，Asp 程序并不会轻易地被看见进而被盗用。(2) Dreamweaver MX2004一款专业的 HTML 编辑器，用于对 Web 站点、Web 页和
21、Web 应用程序进行设计、编码和开发。无论您愿意享受手工编写 Html 代码时的驾驭感，还是偏爱在可视化编辑环境中工作，Dreamweaver MX2004 都会为您提供有用的工具，使您拥有更加完美的 Web 创作体验，这是目前功能较为强大，使用相对方便的一个网页制作工具。其优越之处在于：它的可视化编辑和对代码的操作可以完美地融合。在页面编辑上，可以不用书写代码就制作出具有动态效果的 DHTML 页面；在页面布局上，可以像绘画一样规划页面的布局。对代码生成有着精确的控制，通过可视化操作所生成的代码可以同步地显示在页面中。同时对 HTML 代码的修改也可以同步地显示在可视化操作的窗口里。可以创建
22、兼容性极好的网页，以适应各种平台的各种浏览器的支持。利用起目前浏览器的检查特征，可以观察一个页面在各种浏览器中的兼容情况。在 Dreamweaver 中，可以定义动态内容的多种来源，其中包括从数据库提取的记录集、表单参数和 JavaBeans 组件。若要在页面上添加动态内容，只需将该内容拖动到页面上即可。您可以通过设置页面来同时显示一个记录或多个记录，显示多页记录，添加用于在记录页之间来回移动的特殊链接，以及创建记录计数器来帮助用户跟踪记录。正因为它有这么多的优点，我们把它作为我们的开发工具。(3)Microsoft Access 2000数据库技术是在 20 世纪 60 年代后期产生并发展起
23、来的，这是信息技术中发展最快的领域之一，主要是面向解决数据处理的非数值计算问题，例如仓库管理、档案管理、图书数据管理等数据处理问题。该类处理的特点是资料量比较大，数据处理的主要内容为资料的存储、查询、修改、分类排序以及支持决策功能。数据库技术就是针对这类资料的处理而产生发展起来的，并且仍在不断地、迅速地发展和完善.数据库是为了满足某一部门中多个用户的多种应用的需要。按照一定的数据模型在计算机系统中组织、存储和使用的互相联系的资料集合。数据库系统是管理大量的、持久的、可靠的、共享的资料的工具。4.3 网站结构管理员主页进入留言版后台管理用户用户浏览信息进入聊天室在线考试管理文章管理公告管理试题图
24、 4.3 网站结构图4.4 网站架构功能分析在整个设计中，网站架构设计主要就是包括了公告发布，文章发布，课件下载，主页设计，后台管理以及为其他模块：在线考试，信息交流，电子课件设计出发布空间。使整个网站融为一体，更加和谐。网站的主页和设计风格对整个网站有着很大的影响，主页风格是给访问者留下的第一印象。一个好的主页会对整个网站有着非常大的意义。也就体现出网站架构设计的重要性。通过访问网站的主页能够获得的信息主要有：可访问性，访问效率，内容表达，和内容的质量等。在主页的设计中，两个最重要的标准是可访问性和效率。这是因为如果一个站点的主要入口点，不能很容易地被访问，或者相当的缓慢，那么它的内容或者表
25、达形式就会失去相应的意义。之所以使用 B/S 模式就是考虑到访问效率的问题。B/S 模式在访问的速度上是比较快。浏览者只有在阅读以后才能评价内容的质量。通常，一个站点提供给用户什么，是由它的内容所决定的。文章发布设计是在主页上设立了专门的区域来发表“计算机操作系统”相关的文章，在这里的文章可以是国内国外的新发表的，经过整理添加上来。主要是让学生了解本学科的前沿动态和研究现状。为了方便管理就是管理员直接登录后再后录入文章的标题和内容就行了。在后台数据库中有一个文章的表，使用来存储文章。当读者在主页面浏览文章的时间，系统就自动相对应文章的信息。这样对于网站方面来说是便于管理。电子公告的设计主要是考
26、虑到在教学上方便学生，主要就是实现教师能够在网站上发布公告，学生随时了解最新教学动态。教师通过后台能够随时的添加和修改并且删除公告。下载区域是设计课件及软件下载。4.5 设计思想(实现功能和机制)按照网站的设计,一般的用户访问网站的时间就使直接访问主页。在主页上能够浏览信息包括查看文章，阅读公告，观看电子课件,下载。用户与用户之间还能够进行信息交流。通过留言版用户还能够跟老师和管理员沟通。后台管理主要使管理员登录发布本学科前沿文章，并且实现修改和删除功能。发布,修改，删除公告，更改管理员信息。按照系统开发的基本观点对网站进行分解，从内容上可对网站作如下划分：（1）通过主页一定程度的展现计算机学
27、院的风采，包含相关图片链接学校网站。（2）发布操作系统前沿文章，通过主页展现操作系统前沿领域的发展现状。（3）软件下载，信息发布，通过公告栏实现教务和各种活动安排。 4.6 系统模块4.6.1 文章模块主要功能是发布“操作系统”相关文章，使读者了解学科动态。实现方式为：asp语句调用数据库信息。主页文章管理员用户管理员登录数据库浏览主页调用文章信息更新文章图 4.6.1 文章模块4.6.2 电子公告模块主要功能是发布教学信息，使学生了解教学动态。实现方式为：asp 语句调用数据库信息管理员用户主页公告 数据库更新公告查看公告调用信息图 4.6.2 电子公告模块4.6.3 管理员模块身份验证非法
28、用户成功登录修改管理员信息修改文章添加文章删除文章添加公告修改公告删除公告对网站日常维护操作完毕退出管理员失败通过图 4.6.3 管理员模块采用的数据库是 Microsoft Access2000 ，拟建立 tao.mdb 库文件，包含如下几个表文件：pwd 管理员信息表ggao 公告信息表wenzhang 前沿文章信息表homepage 设置首页信息表；connect 联系信息表4.6.4 管理员的信息表管理员的信息表，记录管理员的资料字段名称 类型 是否为空 说明ID 自动编号 Notnull 管理员的身份证号码Loginid 文本 Notnull 管理员登录帐号Name 文本 Null
29、管理员名称Password 文本 Notnull 管理员登录密码Provence 文本 Null 管理员所在省份City 文本 Null 管理员所在城市Sex 文本 Null 管理员性别Sfz 数字 Null 管理员的身份证号码Phone 数字 Null 管理员的电话号码Email 文本 Null 管理员的邮箱Duty 文本 Null 管理员的职务Ismanager 布尔 是否是管理员的判别表 4.6.1 管理员信息表4.6.5 文章表字段名称 类型 是否为空 说明ID 自动编号 是文章的自动编号（id 号） ，唯一标志Title 文本 Notnull 记录文章的题目Content 备注 No
30、tnull 记录文章的内容Addtime 日期/时间 Notnul 记录文章添加时间表 4.6.2 文章表4.6.6 公告表字段名称 类型 是否为空 说明ID 自动编号 Null 是公告的自动编号（id 号） ，唯一标志Title 文本 Notnull 记录公告的题目Content 备注 Notnull 记录公告的内容Addtime 日期/时间 Notnul 记录公告添加时间表 4.6.3 公告表4.6.7 主页表homepage 表是用来存放网站首页地址。字段名称 类型 是否为空 说明ID 自动编号 Notnull 自动编号（id 号） ，唯一标志Homepage 文本 Notnull 具体
31、的 url 地址表 4.6.4 主页表第五章系统设计与实现5.1“OS”课程教学网站架构开发的运行环境整个系统采用 B/S 体系结构（Browser/Server 的简称，浏览器/服务器模式） 。基于 Web 的 B/S 方式其实也是一种客户机/服务器方式，只不过它的客户端是浏览器。它有明显的优势是其异地浏览和信息采集的灵活性。任何时间、任何地点、任何系统，只要可以使用浏览器上网，就可以使用 B/S 系统的终端。所有的数据处理均在服务器端运行，将 WWW 服务器与数据库服务器合为一台服务器。即服务器采用 ACCESS 数据库系统和 ASP 组件来构成在线测试系统的应用服务系统，客户端采用浏览器
32、来完成测试的全过程，同时可进行远程系统维护和管理。B/S 结构，客户端只能完成浏览、查询、数据输入等简单功能，绝大部分工作由服务器承担为保证系统运行的效率和可靠性，系统服务器应具有较高的软硬件配置，而对客户端基本无要求。这对服务器的要求很高。 服务器：安装 2000 或者是 NT、Access、Macromedia Dreamweaver、防火墙。硬件配置要求比较高硬盘最好是 80G 以上，而且是双硬盘便于做备份，内存最好是 512M 以上。客户端：WINDOWS 98 以上的任何一个版本都可以，安装客户端。硬件 CPU：1G 以上、内存：128M 以上 。5.1.1 本系统的开发环境1.硬件
33、平台：个人电脑硬盘 40G，内存 256M，CPU1.3G，一般显示器。2软件平台：操作系统 Windows2000，Access 数据库 Macromedia DreamweaverMX20045.2 主页设计网站主页采用静、动相结合的方式，即静态的主画面和动态的文字相结合，从多方面来对“计算机操作系统”进行介绍。用 ASP 与数据库结合的技术建立数据库公告系统和前沿文章发布系统，采用交互式的动态的 web 画面来实现。大致如图所示图 5.2.1 主页界面用户访问主页主要是能够对主页信息浏览。此模块建有：课程简介，主讲教师，观看课件，聊天室，留言版，设为主页，加入收藏夹 ，联系站长，管理员登
34、录。点击它们将链接到相应的网页上，一目了然。模块调用方法：ASP 调用。主页的中间设计的是文章显示区域，右上是设计的一个电子日历和电子公告。用户还能够直接点击网络考场直接进行在线考试。class=Bottomonclick=“this.style.behavior=url(#default#homepage);this.setHomePage();“ href=“设为主页是设为主页的语句。调用数据库信息数据库的链接是：class=Bottom href=“javascript:window.external.addFavorite(,西南科技大学计算机科学与技术学院);“加入收藏 这句实现的是
35、加入收藏夹功能语句。class=Bottom href=“mailto:“联系站长 实现的是给站长发电子邮件的功能。这里的实现方式都是采用 asp 调用数据库信息。电子日历的实现：图 5.2.2 电子日历这里是采用 java 脚本调用本机时间实现。部分主要代码：var now = new Date();var year = now.getYear();var month = now.getMonth() + 1;var date = now.getDate();var hours = now.getHours();var minutes = now.getMinutes();var secon
36、ds = now.getSeconds();var day = now.getDay();Day = new MakeArray(7);Day0=“星期日“;Day1=“星期一“;Day2=“星期二“;Day3=“星期三“;Day4=“星期四“;Day5=“星期五“;Day6=“星期六“;var timeValue = “;timeValue += year + “年“;timeValue += (month 友情链接: 西南科技大学 |中国教育科研网 |教育部考试中心 |中国科技数据库 |新浪搜索 |网易 |搜狐 |Yahoo 中文 target=_blank 是实现的自动弹出窗口。“ ta
37、rget=_self详情这里的点击详情是链接的 neirong.asp 页面里面就是对于没篇文章的具体的详细内容。如果点击”更多 ”那么进入的就是 gengduowenzhang.asp 页面.在这里就是罗列了所有的文章.排序仍然是按照时间升序排列。相关文章的页面如下：addwenzhang.asp 是管理员登录以后添加文章的页面addwenzhangsub.asp 是具体执行添加文章的语句包括更新数据库delwenzhang.asp 是管理员登录以后删除文章的页面delwenzhangsub.asp 是具体执行删除文章的语句包括更新数据库wenzhangdetial.asp 是查看文章的详细
38、页面，包含了一篇文章的所有信息xiugaiwenzhang.asp 是管理员登录以后修改文章的页面xiugaiwenzhangdisplay.asp 是文章的一个详细列表页面。xiugaiwenzhangsub.asp 是具体执行修改文章的语句包括更新数据库这里一共显示的是八篇文章每一篇文章只是显示的标题和上传时间。如果要了解详细内容就点击“详情”就能够阅读全文。实现显示八篇文章的语句为：=8 then exit dors.movenext loop %在这两句 asp 语句就是实现的显示八篇文章的功能。文章的存放地点都是在数据库中所以这里有链接数据库的语句这里要说明的是文章的排序是按时价升序
39、排列，最近发布的文章显示在最前面。5.4 电子公告的设计电子公告的作用就及时的发布教学信息，让学生在第一时间了解到教学方面的内容。电子公告的设计采用滚动显示加后台数据库的形式。在主页面上建立电子公告的显示窗口，每次共滚动显示 5 条公告，当鼠标指到其中的任何一条公告时，此公告便立即停止滚动，以方便浏览。并且可以从“所有公告”处查看所有的公告。新发布的电子公告都是显示在最前面的，以前的公告不是就删除而是存放在数据库当中，仍然可以查询到。大致图示如图图 5.4.1 电子公告实现方式：这里是设置的电子公告显示框的头目的高度,颜色是电子公告滚动显示语句：这里制定动显示方向，滚动的速率，当鼠标指向一条公
40、告时公告便停留不动。显示 5 条公告的语句为：=5 then exit dors1.movenext loop %这就是循环执行的公告显示 5 条公告。链接后台数据库的语句为：这里的 3 条 asp 代码是分别是公告的标题，内容和发表的时间。在整个 asp 文件中addggao.asp 是管理员登录以后添加公告的页面。addggaosub.asp 是具体执行添加公告的语句包括更新数据库。delggao.asp 是管理员登录后删除公告的页面delggaosub.asp 是具体执行删除公告的语句包括更新数据库。ggaodetial.asp 是查看公告的详细页面，包含了一条公告的所有信息。xiuga
41、iggao.asp 是管理员登录后修改公告的页面。xiugaiggaodisplay.asp 是公告的一个详细列表页面。xiugaiggaosub.asp 是具体执行修改公告的语句包括更新数据库suoyouggao.asp 用户点击主页的“所有公告”后弹出的页面，包含所有的公告信息。图 5.4.2 课程简介页面图 5.4.3 文章详细信息页面5.5 后台管理模块设计这里设计出管理员后台管理这一目的主要就是：管理员对网站的日常维护，对文章的更新，发表新的公告,修改管理员的资料等等。在主页有链接管理员的登录窗口。5.5.1 登录窗口设计图 5.5.1 管理员登录界面前三次登录如果不一致的用户名和密
42、码那么系统的提示就将是：图 5.5.2 错误提示这里实现的方式：set conn=server.createobject(“ADODB.Connection“)conn.open “driver=microsoft access driver (*.mdb);dbq=“dbq=“DefaultDir=;DRIVER=Driver do Microsoft Access (*.mdb);“sql=“insert into wenzhang (tittle,addtime,content) values(“ “ “ DefaultDir=;DRIVER=Driver do Microsoft Ac
43、cess (*.mdb);“sql=“insert into wenzhang (tittle,addtime,content) values(“ & “window.close()“ & “ %修改文章的列表页面是：图 5.5.11 文章列表页面这里通过选中文章，就能对文章进行修改。修改文章必须有文章的标题和内容。图 5.5.12 文章修改页面文章修改完毕这后点击提交就会出现如下提示。具体实现是：set rs=server.createobject(“adodb.recordset“)set conn=server.createobject(“ADODB.Connection“)conn.open “driver=microsoft access driver
