通用中学网站的设计与实现.doc

《通用中学网站的设计与实现.doc》由会员分享，可在线阅读，更多相关《通用中学网站的设计与实现.doc（27页珍藏版）》请在三一文库上搜索。

1、忻忻 州州 师师 范范 学学 院院 计算机系本科毕业（设计）论文计算机系本科毕业（设计）论文 二零一零年六月 课题名称 通 用 中 学 网 站 的 设 计 与 实 现 专 业 计 算 机 科 学 与 技 术 姓 名 学 号 指导教师 目 录 1 引言引言.2 1.1开发和研究背景与现状2 1.2开发目的与意义2 1.3开发环境3 1.4论文组织与结构3 2 网站需求分析网站需求分析4 2.1运行需求分析4 2.2功能需求分析4 2.3可行性分析5 3 网站的设计网站的设计7 3.1整体设计7 3.2详细设计9 3.3数据库设计11 4 网站实现网站实现.13 4.1网站主页13 4.2管理员登

2、录模块13 4.3文章管理模块14 4.4用户注册模块15 4.5栏目管理模块15 4.6留言网站15 4.7数据加密技术16 4.8数据库的连接17 5 网站测试与维护网站测试与维护.18 5.1测试方法18 5.2测试内容与结果18 5.3测试分析19 5.4网站的维护19 6 结束语结束语20 致致 谢谢21 参考文献参考文献22 忻州师院计算机系本科学士学位论文 1 通用中学网站的设计与实现 摘摘 要：要：学校网站是实现教育资源分配的桥梁网络有巨大的教育资源库，它集全社会的力 量，使教育资源无限增长。通用中学网站是为大部分甚至全部中学学校所设计的一款学校 校园网站模板，用户只要修改相关

3、的信息就可以使用，这样将会使中学学校都可以拥有自 己的网站，进一步宣传自己学校的信息，也可以了解更多相关的信息。 本文讲述了利用 Dreamweaver MX 和 Asp 进行网站设计的开发过程，对网站的设计及 网站的实现进行了详细的说明。本文的主要内容主要是利用 Asp 和 Dreamweaver MX 的开 发环境的架设开始，一步步实现中学网站各个功能模块。本文的主要内容主要包括 Html，Dreamweaver MX，Asp，Microsoft Access 2003 语言的基本概念及高级应用，Asp 与 数据库的连接。 关键字关键字：学校网站 ASP 模板 网站设计 Abstract：

4、School site is the bridge distribution of educational resources to achieve a huge educational resource network library,which combines the power of the whole society,so that unlimited growth of educational resources.General secondary site for most if not all secondary schools in a school campus desig

5、ned website templates,users can modify the relevant information can be used,This will provide secondary schools can have their own websites to further publicize their information in schools,you can learn more information. This paper describes the use Dreamweaver MX and Asp for web design development

6、 process,website design and website on the implementation of a detailed description.The main contents of this paper is to use Asp and Dreamweaver MX development environment set up the beginning,a middle school site step by step to achieve the various functional blocks.The main contents include Html，

7、Dreamweaver MX,Asp,Microsoft Access 2003 language,basic concepts advanced applications,Asp and database. Keywords: School Site Asp Template Web Design 通用中学网站的设计与实现 2 1 引言引言 1.1 开发和研究背景与现状开发和研究背景与现状 Internet 正在改变世界，由于 Internet 具有传播信息容量极大、形态多样、 迅速方便、全球覆盖、自由和交互的特点，已经发展成为新的传播媒体，现在 很多学校和众多企业部门都已经建立了自己的网站

8、，通过计算机网络实现宣传、 交流及资源的整合。但是，据最近网上调查，只有部分比较发达的学校有，如 黄冈中学，重庆万州中学，以及部分学校或者私人所开设的精品课程，对于大 部分中学还不具备这样的网络条件，更没有一套属于自己的网站。所以可以看 出通用中学网站研究的必要性。 学校网站能够提供个性化的学习平台，不同的学生理解世界的方式各不相 同，认知世界有诸多方式。网络提供的丰富资源可以使学生寻觅不同的教育方 式，各取所需。学校网站允许不同的学生沿着自己的途径，按自己的速度接受 教育与学习，学生将有机会享受最佳的教育机会，充分发掘自己的内在潜力， 培植独特的个性和人格。 Html 作为一种样式语言，随着

9、 Internet 上信息量的增多和交互性的加强使 Html 显得越来越难以胜任的情况之下，而 Asp 能够彻底实现用户与管理人员的 交互性，在 Asp 编程语言高度发展的形式下，Asp 能够很好的解决这些复杂交 互的动态性，于是也开始了对学校网站的动态开发，即而让学校网站更加的互 动。 1.2 开发目的与意义开发目的与意义 随着计算机技术的发展，网络技术对大家的学习、生活和工作显得越来越 重要，特别是现在信息高度发达的今天，人们对最新信息的需求和发布迫切的 需要及时性。而动态交互式网页刚好提供了这些功能，本网站就是一个能够在 网上实现新闻，文章，资源等的网上发布，多栏目管理，实时的进行行为统

10、计 和记录的网上交互网站，达到师生间、家校间的交流。 通用中学网站的开发，等于给大部分学校制作了一个简单的网络平台，让 更多的学校更快更好的拥有自己的一个网站，接受更多流动信息，以及刚好的 宣传自己学校和企业等；它是一款开放而自动化的网站，即使你不会网站或者 网站建设，但是你可以通过这样的模板的后台的相关信息的修改、删除、添加 等，以及更改用户资料来拥有一个真正属于自己的网站。 忻州师院计算机系本科学士学位论文 3 1.3 开发环境开发环境 1.3.1 网站平台 采用 Browser/Server 体系结构，服务器端采用运行最低配置要求（全部为 中文环境）操作网站 Windows XP 以上版

11、本，安装 Microsoft Internet Explorer 7.0 以上版本既可获得： Web 服务器 Asp 服务器 数据引擎 Microsoft Access 2003 权限要求 对 Microsoft Access 2003 数据库具有建表、备份的权限 空间大小 初次安装至少 10M 可用空间 硬件要求 PIII500 CPU 256M 内存或更高 带宽要求 10M 共享或更高 客户端软件，包括单机操作网站和浏览器软件，分别选用 Windows XP 和 Internet Explorer，数据库网站采用 Microsoft Access 2003 有利于方便操作。 1.3.2 开

12、发工具 基于 Web 的网站开发工具应使开发者使用各种各样的技术来创建动态的 Web 应用程序，并且应是一个可视化的工具2。我所采用的是 Dreamweaver MX 进行开发，它是用来快速创建数据驱动 Web 应用程序的基于团队的开发环境， 支持 Asp，以 ODBC 连接数据库，脚本语言为简单易学的 JavaScript 或 VBScript。 1.4 论文组织与结构论文组织与结构 第一部分：引言，主要介绍了通用中学网站的发展现状和背景，以及本论 文的研究背景和研究工作，该网站的设计目的。 第二部分：网站的需求分析，本章主要对网站的需求做了分析，包括用户 需求、技术需求和功能需求，便于论文

13、后面的描述。 第三部分：网站的设计，给出了网站的设计原则以及该网站的整体设计和 详细设计，以及数据库的设计。 第四部分：网站模块的实现，将各个模块加以实现。 第五部分：网站的测试，对网站各个模块和整体进行测试并进行分析。 第六部分：总结，本章对全文工作进行总结，指出了还需改进的地方。 通用中学网站的设计与实现 4 2 网站需求分析网站需求分析 Internet 正在改变世界，由于 Internet 具有传播信息容量极大、形态多样、 迅速方便、全球覆盖、自由和交互的特点，已经发展成为新的传播媒体。作为 现代化的学校，拥有一套完整的应用网络已经是最基本的设施了，其规模与水 平将充分的体现和衡量学校

14、教学水平的高低的一个重要依据。通过网站，全面 宣传，展示学校风采、优势与特色，发布学校重大活动安排与招生信息，增强 家长与学校之间的联系，在 Internet 上实现完成部分校务，提高办事效率。这个 学校网站是个集新闻、信息、交流为一体的网站，网站的各种功能设计能够符 合学校网站的要求，新闻信息、公告、文章等发布功能的实现，能够给网站更 多的生气，更多的实现了用户与学校之间的交互性。 2.1 运行需求分析运行需求分析 在调试和运行过程中，应该能够让网站正常使用时不出错，若运行时遇到 不可恢复的网站错误，也应该保证数据完好无损，对数据的精确度、时间特性、 适应性等都有一定要求，要求网站运行时，能

15、够保证数据的正确性、信息的可 靠性、实现的高效性、网站的易使用性、网站管理的可维护性、信息的可测试 性、数据的复用性、数据库的安全保密性、数据的可移植性以及网络互联性。 2.2 功能需求分析功能需求分析 1.基本功能： （1）网站基本资料设置（网站名称、网址、等等的一些基本设置） 。 （2）页底部功能菜单设置内容增加更改。 （3）可添加无数条公告在前台自动显示。 （4）内新闻及教学文章添加与修改。 （5）模板添加和管理，导入，导出。 （6）投票网站后台可添加多个投票项目，可以设置前台显示例数；前台发 表评论功能。 （7）对密码进行了 MD5 加密。 2.文章功能：文章分类栏目管理功能，专题栏目

16、管理功能，分类模版设置 管理。文章添加功能是否推荐，固顶，热门等功能，支持 Url 转向，如果设置 了网址，那么打开此文章后，自动跳转到设置的 Url ，前台支持固顶文章，推 荐文章和热点文章的调用，文章模糊搜索功能，内部使用了多功能编辑器可方 忻州师院计算机系本科学士学位论文 5 便地用拖动的方式进行图文混排、图片文件上传、微缩图上传显示效果处理等 操作。 3.图片功能：图片栏目分类管理与修改，添加图片可自行上传图片自动识 别图片的大小。 4.友情连接功能：可添加无数分类 例为 LOGO 连接和文字连接，后台直 接添加连接和前台申请链接，链接修改，删除，审核链接等一些功能。 5.网站公告管理

17、功能：所有栏目公告，其他页面栏目公告，链接修改，删 除，审核链接等一些功能。 6.留言本功能：留言本前台浏览留言和发表留言功能，管理员回复，修改， 删除等功能。 7.用户密码功能：管理员在线修改密码。 8.数据库管理：在线数据库压缩需 FSO 的支持，在线数据库备份，在线数 据库操作注意，请备份好数据库在进行操作。 2.3 可行性分析可行性分析 学校网站的核心是，提供各种信息资源的共享，包括教学资源、教育知识、 管理信息等的共享，以加强师生，家长与学校和教师与教师之间的沟通与交流； 以及管理人员与教师之间的交互，从而为学校教育的现代化和管理的科学化提 供良好的基础。 2.3.1 技术可行性 本

18、网站用 Html，Dreamweaver MX，Asp 和 Microsoft Access 2003 语言的应 用，以及 Asp 与数据库的连接。他们分别有各自的不同优势，所以合在一起运 用将很方便。 1.Asp 技术分析 Asp 是一个位于服务器端的脚本运行环境。通过这种环境，用户可以创建 和运行动态的交互式 Web 服务器应用程序，如交互式动态网页，包括使用 Html 表单收集和处理信息、上传与下载等。Asp 开发 Web 应用程序的主要特点： （1）完全嵌入 Html，与 Html、Script 语言完美结合。 （2）无需编译，容易编写，可在服务器端直接执行。 （3）ActiveX S

19、erver Components 具有无限可扩充性。 通用中学网站的设计与实现 6 （4）使用脚本语言（JavaScript、VBScript 或 PERL）编写。 （5）存取数据库轻松容易（使用 ADO 组件） 。 （6）可使用任何语言编写自己的 ActiveX Server 组件。 （7）无浏览器兼容问题。 （8）程序代码隐藏，客户端仅能看到 Asp 输出的 Html 文件。 （9）缩短 Web 开发时间。 2.Microsoft Access 2003 的分析 （1）存储方式单一 ； （2）面向对象； （3）界面友好、易操作 ； （4）集成环境、处理多种数据信息 ； （5）Microso

20、ft Access 2003 支持 ODBC（开发数据库互连， Open Data Base Connectivity），利用 Microsoft Access 2003 强大的 DDE（动态数据交 换）和 OLE（对象的联接和嵌入 ）特性，可以在一个数据表中嵌入位图、 声音、Excel 表格、Word 文档，还可以建立动态的数据库报表和窗体等。 Microsoft Access 2003 还可以将程序应用于网络，并与网络上的动态数据相联 接。利用数据库访问页对象生成 Html 文件，轻松构建 Internet/Intranet 的 应用。 2.3.2 可靠性和安全性分析 1.可靠性：建设的通

21、用网站应该有高的可靠性的，达到二十四小时的不间 断，无故障，能稳定运行。 2.安全性：由于整个学校的管理事务都将放到网络上，部分数据将要求绝 对安全，可以访问和不可以访问已经严格限制。 2.3.3 用户可行性分析 用户可以通过口令验证或者直接注册进入网站，可以实现的相关功能，而 如果是管理员，也同样能实现相关功能。如管理员的信息修改：可以是主页上 的图片，新闻或者文章等。 忻州师院计算机系本科学士学位论文 7 3 网站的设计网站的设计 通过对网站需求分析和数据库分析，把本网站分为前台和后台管理，其中 前台管理中，用户可以浏览主页先关内容、用户注册、管理员登录、在线投票、 发表留言等，后台管理主

22、要是对文章信息、留言信息、主页信息等进行添加、 删除、修改。 3.1 整体设计整体设计 3.1.1 网站主页设计 网站主页采用静、动相结合的方式，即静态的主画面和动态的图片相结合， 体现学校的勃勃生气。主页主要的结构图如图 3.1 所示： 图 3.1 主页结构图 3.1.2 界面设计 设置公开地联系方式及其用户信息反馈的留言网站； 设置网站整体信息与用户为一体；设置完善地个性化会员管理与交互网站； 网站的整体颜色：白色为导航颜色；主体颜色：天蓝色；字体：宋体； 网站统一顶部为导航条：学校概况、走进学校、教学科研、校园建设、教 师园地、学生活动、工会建党、家校互动、财务管理、社区论坛，教学管理；

23、 学 校 概 况 学 生 活 动 招 生 信 息 教 师 园 地 学 生 活 动 党 建 管 理 规 章 制 度 支 部 活 动 实 践 活 动 招 生 简 章 会 考 信 息 留 言 板 教 学 管 理 财 务 管 理 家 校 互 通 教 育 科 研 家 访 记 录 来 访 登 记 教 学 进 度 作 息 时 间 授 课 计 划 其 他 功 能 用 户 注 册 主页 通用中学网站的设计与实现 8 网站上中部：网站图片与动态的 Flash 结合，全站搜索；位置导航； 网站中部：网站信息；视频点播；站点统计；热点关注；公告栏；图文信 息；在线投票；社会调查；学校版块；站点导航；最新留言等。 网站

24、底部：后台管理登陆；网站版面制作；版权信息。 3.1.3 网站模块结构图 图 3.2 网站模块结构图 3.1.4 结构设计 本网站的各个功能入口比较多，因此需要一个专门的文件来显示各种后台 入口，而且在网页中还要显示出用户在留言板块和管理员在后台模块的信息， 因此整个网站使用了框架（Frame）结构，这样操作比较方便，结构美观。 3.1.5 网页布局设计 实际内容占据网页的大部分空间，为 50%80%，导航部分不超过 20%。 颜色的选择以蓝白色为主，没有使用太多的颜色来修饰某个对象，此外，正文 和背景色的对比度较大，一般字色为默认的黑色。为了提高网页的可读性，标 网站基本结构图 文章管理模块

25、 栏目管理模块 资源管理模块 登录验证模块 会员论坛工具模块 会员浏览模块 会员注册模块 系统留言模块 网站浏览模块 本站专题模块 图片欣赏模块 网 站 前 台 模 块 后 台 管 理 模 块 会 员 模 块 忻州师院计算机系本科学士学位论文 9 题区、标题行和正文区使用了不同大小的字体，正文使用的是静止的文字，且 字体足够大，以便于阅读。 3.1.6 相关站点引导链接 一个好的网站的基本要素是用户进入后，与本网站相关的信息都可以方便 快捷地找到，其中要借助于相关的站点，所以做好导引是一项重要的工作。超 文本这种结构使全球所有联上因特网的计算机成为超大规模的信息库，链接到 其它网站轻而易举。在

26、设计网页的导引组织时，应该给出多个相关网站的链接， 使得用户感到想得到的信息就在鼠标马上就可以点击的地方。 3.2 详细设计详细设计 3.2.1 功能设计 这个中学学校网站主要实现新闻、信息等功能，目标用户主要是在校学生 和教师。 先明确这个学校网站提供的主要功能： 1.注册登录网站：提供用来在论坛中发表建议和交流功能。 2.学校留言网站：提供学校在线技术支持和咨询的功能。 3.教学科研专区：提供学校教师在个方面的成果及发表文章等功能。 4.新闻公告专区：提供有关学院的公告通知，学校的最新资讯。 3.2.2 前台新闻文摘显示设计 可以根据网站的需要,进行各种方式的插入,自动更新，如显示栏目导航

27、,显 示某栏目的最新 N 条新闻等。 本网站使用管理网站制作动态网页,可在需要的 地方插入相应的代码,即可以多种形式显示新闻 文章的栏目或内容。 3.2.3 后台管理模块的网站设计 1.文章栏目管理：增加,修改,删除一级,二级文章栏目。 2.文章添加：按不同栏目添加文章,Html 格式或源代码显示,支持图片上传。 3.新闻文章：在后台管理网站中上传一些文章和图片等，并可以在前台查 询这些文章。 4.管理员管理：后台管理网站的管理员信息设置。 5.其他项目管理：邮件处理，主机环境变量，组件支持情况，后台使用帮 通用中学网站的设计与实现 10 助，文章在线管理等。 6.留言网站管理：发表，删除，回

28、复留言等。 7.友情链接管理：分类管理，添加链接，链接管理，审核申请的链接等。 8.图片文件管理：分类管理，添加新文章，管理已存在的文章等。 3.2.4 用户功能设计 要判断是否可以进入后台操作，必须通过身份验证，来判断是普通用户还 是管理员等，对不同的用户设定不同的权限。对于普通用户来说，可以注册登 录、修改用户资料、浏览、下载、查询信息、在线交流、留言等，而对于管理 员用户来说，权限很大，还可以进行更改登录信息和口令，修改删除用户信息， 以及网站信息的管理等。该流程图是从用户的角度开始的，登录用户可以更好 地使用本站提供的信息服务、个性化服务及定期的网站活动；而未登录用户仅 仅可以浏览信息

29、，无法进行社区等本站相关的活动及服务。 用户管理模块工作流程分解如图 3.3 所示: 图 3.3 用户管理模块工作流程图 用户登录 验证口令 判断权限 普 通 用 户 管 理 员 用 户 查询信息 浏览信息 修改个人信息 留言板 系统更改 信 息 录 入 用 户 权 限 修 改 口 令 修 改 信 息 删 除 信 息 修 改 忻州师院计算机系本科学士学位论文 11 3.2.5 信息结构设计 1.确定栏目：栏目是网站主要内容的体现，合理的划分和安排栏目，将网 站的主题明确的显示出来，并且尽量方便访问者的浏览和查询。 2.确定网站的目录结构:建立良好的目录结构，方便站点的维护。学校网站 的目录结构

30、如下： DATA 默认数据库存放目录 UploadAdpic 上传的广告文件 UploadFiles 上传的文件 UploadPhotos 上传的图片文件 Images 网站图片文件 Inc 网站配置目录 3.网站装饰风格:采用了蓝色和白色为主导航颜色，首页中运用最新更新图 片，以及文字交错排版，使整个网站看上去符合跳动的风格。 4.网站的链接结构 学校首页、教育科研、学校概况、走进学校、校园建设、教学管理、教师 园地、学生活动、财务管理、工会党建、家校互通和招生论坛相互之间均有链 接。 注册 / 注册新用户 / 新用户注册页面 /用户管理页面（论坛）/管理员登 陆页面 / 管理员页面 3.2

31、.6 可视化设计 网站可视化设计的主要目的是提供给用户一个关于网站的信息展示方案， 一个良好有效的网站可视化设计能给用户留下深刻的印象，使得用户能够自然、 友好的浏览 Web 站点所提供的信息，也是网站设计中重要的一环。 可视化设计最重要的是确定网站的页面布局，然后设计网页的表现框架， 建立页面模型。 3.3 数据库数据库设计设计 此网站采用该网站采用了 Microsoft Access 2003 数据库，共创建了 18 张表， 主要表是如表 3.4 至表 3.7 所示： 表 3.4 E_board：公告栏信息表 列名列名字段类型字段类型主键主键长度长度描述描述 Id 自动编号Yes4自增主键

32、 Title 文本No50公告栏题目 Content 备注No300公告栏内容 Inuse 数字No2添加到公告栏 Dateandtime 日期/时间No10发表时间 通用中学网站的设计与实现 12 表 3.5 E_Admin：管理员信息表 列名列名字段类型字段类型主键主键长度长度描述描述 ID自动编号Yes4自增主键 UserName文本No20用户名 PassWD文本No20密码 Fullname文本No10全名 Sex文本No2性别 Birthday日期No10生日 Emai文本No30邮箱 Question备注No30密码提示问题 Answer备注No30密码提示答案 Lastlogi

33、n 日期/时间No10最后一次登录时间 Logins 数字No4登录次数 表 3.6 E_type：导航栏标题信息表 列名列名字段类型字段类型主键主键长度长度描述描述 Typeid自动编号Yes 4自增主键 Typename 文本No20标题名称 typecontent备注No100标题内容 Typeorder 数字No20标题排列顺序 Typemaster 文本No10编辑人 Typeview 文本No10浏览 Url 文本No30连接相关网址 表 3.7 ECfd_User： 用户信息表 列名列名字段类型字段类型主键主键长度长度描述描述 UserID自动编号Yes4自增主键 Usernam

34、e 文本No20用户名 UserPassword文本No20密码 Usersex文本No2性别 UserQuestion备注No30密码提示问题 UserAnswer备注No30密码提示答案 Birthday时间No10生日 UserEmail文本No30邮箱 Content备注No400自我介绍 Lastlogin日期No10最后一次登录时间 UserLogins数字No4用户登录次数 Userphoto文本No20用户相片 忻州师院计算机系本科学士学位论文 13 4 网站实现网站实现 4.1 网站主页网站主页 网站首页是学校的一个标志，一般用户可以浏览主页，并通过注册进入论 坛，发表评论（

35、包括对文章）等，而如果指管理员则可以直接从主页进入后台 修改，管理主页信息。 1.首页的最顶部排列显示大类新闻或文章，用户可以直接点击查看各项大 类新闻里面的各项小类新闻，直到阅读每条详细信息。 2.学校概况，教学科研，教师园地，学生活动，家校互通等各个栏目，后 台可以控制排序和位置调整，或显示条数设置。 3.图片，显示可以任意排序，而且可以直接点击查看相关信息进行查看和 更新信息。 4.设有专题显示和网站调查网站，以及网站的一些统计数据信息，可以按 不同条件进行文件信息搜索。 5.公告部分显示最新发布的各项学校通知信息。主页界面如图 4.1 所示： 图 4.1 网站首页（无测试数据） 4.2

36、 管理员登录模块管理员登录模块 管理员登录页面是整个网站的核心，是管理员进行后台管理的入口，在此 完成管理员的登录和身份验证，如果是合法的用户。读出用户权限，然后转如 后台管理页面进行网站的整体管理，本网站中的管理员登录页面是 Admin_Loginasp，下面详细的介绍一下登陆页面的创建设计方法。管理员登 录页面如图 4.2 所示： 通用中学网站的设计与实现 14 图 4.2 管理员登陆模块图 登陆页面目的是进行验证身份，这就需要和数据库打交道了，所以首先调 用前面设计好的数据库连接文件，调用代码是： 登陆页面大部分代码都为 Html 代码，但是我用了验证码技术，因此需要读取验 证码信息。通

37、过管理员信息和验证码信息，使用户登录更具安全性。在进行编 辑处理文件信息的时候能够有比较友好的界面提示，在管理菜单中来选择需要 的管理项目，其中按照需求分析管理项目工分为 5 大模块，分别是新增新闻， 栏目管理，修改管理员信息和查看网站信息。 下面进行网站测试，成功登陆后台网站后，它的界面如图 4.3 所示： 图 4.3 管理员登录成功界面 4.3 文章管理模块文章管理模块 文章管理模块：包括文章的管理：编辑，删除，添加等。用户注册以后只 可以发表相关文章。管理员进入后台也可以发表，编辑和删除文章。其相关模 块图如图 4.4 所示： 忻州师院计算机系本科学士学位论文 15 图 4.4 文章管理

38、模块图 4.4 用户注册模块用户注册模块 用户注册模块：用户通过注册以后才能进入论坛，并对相关文章发表评论， 包括对网站留言等功能。相关模块图如图 4.5 所示： 图 4.5 用户注册模块图 4.5 栏目管理模块栏目管理模块 栏目管理模块：栏目管理主要对主页的导航栏进行管理，包括删除添加和 保存功能。如图 4.6 所示： 图 4.6 栏目管理模块图 4.6 留言网站留言网站 留言板的基本功能是让使用者撰写留言或查看别人的留言。一个功能完善 的留言板也有着比较复杂的功能，这种复杂性表现在留言板的管理权限和留言 丰富的表现形式两个方面。只有撰写者自己才能够重新编辑他自己写的留言， 超级管理员可以删

39、除回复留言。 通用中学网站的设计与实现 16 因为使用 Microsoft Access 2003 创建数据库最自然的方式就是使用图形界 面来创建，所以这里没有必要给出创建这表的 SQL 脚本。本网站应该包含以下 的模块： 撰写留言模块 浏览留言模块 保存操作（撰写，删除，回复）模块 在制作的过程中留言本功能模块全部结合在一个文件 guestbookasp 里面， 留言本页面如图 4.7 所示： 图 4.7 留言本页面 撰写留言页面的表单部分代码： 这部分代码主要是实现显示 IP 地址和显示留言信息的， 这部分代码主要是实现在线留言搜索。留言网站嵌入了 UBB 功能，用户在 编辑留言时就有了自

40、己想要的格式和效果，给用户新意，产生好印象，给下次 访问网站带来基础和前提。 4.7 数据加密技术数据加密技术 有很多理由使开发者需要对某些敏感数据进行加密，比如这里的管理员登 陆模块，此时有必要对传递的密码进行存储加密。MD5 加密，这里不可能去研 究加密算法，所以只能够简单的介绍一下如何使用最常见的加密技术。在客户 端进行加密的意义是用加密的信息在代替没有加密的信息在网络中传送。网络 是不安全的，现在有很多侦听软件可以侦听网络中传送的数据。但这种加密应 该是单向的，即不能够将加密过的数据采用一定的算法（通常刚好是原加密工 忻州师院计算机系本科学士学位论文 17 具的算法反算）还原。否则，由

41、于客户端代码是源代码可见的，侦听者了解了 原算法，也就可以设计出反向的算法。 MD5 杂凑加密算法是最常用的一直加密算法。它是不可逆的。所以它可以 用于服务器端加密。下面来对它的用法作一下简单介绍。 MD5.asp 程序片段： m_lOnBits(0) = CLng(1) m_lOnBits(1) = CLng(3) Dim x Dim k Dim AA Const S11 = 7 Const S12 = 12 Const S13 = 17 x = ConvertToWordArray(sMessage) a = &H67452301 b = &HEFCDAB89 md5_FF a, b, c

42、, d, x(k + 0), S11, &HD76AA478 md5_FF d, a, b, c, x(k + 1), S12, &HE8C7B756 Md5=FF b,c,d,a,x(k+15),S14,&H49B40821 首先要在使用 MD5 加密的也面上包含它： 在加密的时候可以使用函数 md5(strItem)，如 md5(strUserName)，在加密的 过程中,“asp”加密后的结果是 dcc13a25e6103328，这就是存储在数据库的最 终结果。 4.8 数据库的连接数据库的连接 数据只有用数据库来管理才能有自动化管理的可能。所以一开始就要仔细 慎重地搭建一个完整而合理的

43、结构。Microsoft Access 2003 数据库相对其它的数 据库来说要简单容易操作些，本网站信息发布网站中的数据库文件就是 Microsoft Access 2003 类型的数据库。 以下是本网站与数据库建立连接的 conn.asp 源代码： 数据库文件 data.mdb 在连接文件嵌入下，各页面都能够访问数据库，这是 实现交互性的前题。 通用中学网站的设计与实现 18 5 网站测试网站测试与维护与维护 5.1 测试测试方法方法 测试方法主要分三种：单元测试、集成测试、功能测试。 1.单元测试：单元测试是针对网站中各模块，进行正确性检验的测试，其 目的在于发现各模块内部可能存在的各种

44、差错。 2.集成测试：集成测试也叫组装测试或联合测试，在单元测试的基础上， 将所有模块按照设计要求组装起来，进行集成测试。 3.功能测试：主要是对网站各功能进行验证，根据功能测试用例，逐项测 试，检查网站是否达到用户要求的功能11。 5.2 测试内容与结果测试内容与结果 5.2.1 单元测试 1.文章添加模块：主要测试是否能从数据库中正常读取数据并正确显示文 章标题及内容到相关页面上去。此模块中如果其中相关信息填错将不能发表文 章，但是本模块的发表时间是日期类就对了，在测试中出现的问题是如果写成 日期则提示信息应该填数字，但是相关文章已经发表到相关页面上，这点我还 没有分析清楚原因何在。同时上

45、传图片的功能尚未成功。 结果如图 5.1 所示： 图 5.1 文章发表测试结果图 2.网上留言模块：主要测试用户所留言内容是否符合标准，如果不符合就 将不能留言，例如你留言的内容是不文明的话，由于代码的限制将自动取消你 的留言资格。同时留言人的信息必须填对，不然也不让留言。 3.网站主页管理模块：主要测试管理员是否能正确添加或删除库和后台中 的信息，同时显示到相关页面上去。 4.用户登录模块：用户登录需要用户名和密码，以及验证码，但是如果用 忻州师院计算机系本科学士学位论文 19 户名雷同，密码和验证码错误，网站此刻将如何处理。 管理人员在后台操作实现的是所见即所得的效果，如果三项有任何一项出

46、 问题都不能够成功登录，图 5.2 和图 5.3 所示是用户名或密码错误时： 图 5.2 管理员登录失败界面 当验证码出现错误时： 图 5.3 登录验证码出错时界面 管理员进入后台数据库进行信息的添加和修改，删除等操作，测试并能顺 利完成并反馈在前台显示。 5.2.2 功能测试内容 1.页面链接测试：测试每一个链接是否都能正确的链接到对应的页面。 2.信息重复测试：在一些需要命名，且名字应该唯一的信息输入，检查网 站对重复的名字有没有处理，是否会报错。 3.用户登录测试：测试用户是否能正常登录，并能正常查看权限范围东西。 4.管理测试：管理员是否能正常登录，并对相关的信息进行添加与删除。 5.

47、3 测试分析测试分析 在整个测试过程中，网站基本达到了预期效果，但是由于时间的制约，其 中还有一部分模块功能不全，实现效果不佳，故在实用性方面来说还有所欠缺， 但是已经基本实现了设计的要求。 5.4 网站的维护网站的维护 当一个网站建设完成后，网络的内容在一段时间后需要更新与维护，尤其 是新闻和公告烂及其热点关注等等内容更应该几时更新，静态和动态的更新和 维护都不一样，如静态的添加删除修改，动态支持在线更新等等，这样就需要 专业人员进行管理。其次，管理员应该经常到后台去管理页面，如删除留言、 评论、文章等等。并且要定期对数据进行检测，防止在网站运行的过程中有不 通用中学网站的设计与实现 22

48、安全因素干扰或者直接影响网站的运行。 忻州师院计算机系本科学士学位论文 21 6 结束语结束语 该网站通过几月的调查、分析、设计，以及编码的完成。发现以前所学习 的感到很抽象的课程，如软件工程、数据库原理、面向对象程序设等变得清晰 起来。感觉到这几门理论课程的重要性。 以前做一些应用的网站开发，随意性大，想到那里做到那里，没有统一的 规划，一旦网站成型，出现错误返工修改工作量大，最终的网站可靠性不高。 另外一直以来，进行程序设计均采用结构化开发方法，对网站的全貌难以在开 发前看到，导致实现的网站不满足需求。 由于自己自学学习时间的限制，网站中还存在一些不足之处,如网页色彩方 面，少部分功能还有

49、待更正与实现，因此如果从实用性这方面来将将会存在一 部分欠缺。这些问题有待于今后进一步的学习与完善。 通用中学网站的设计与实现 22 致致 谢谢 首先感谢曹建芳老师的指导，在网站开发及其论文写作过程中，本人针对 疑难问题，曾多次请教曹建芳老师，她都给予耐心的指导，并给出中肯的建议； 并对论文进行全面的修改和审核，使我的论文及其设计能够顺利的完成，再次 表示感谢！ 最后要感谢所有指导过我的老师，感谢你们让我具有一定的理论知识与实 际经验，这样才使论文能够以很好的理论知识作后盾，使论文能够流畅的完成。 同时也要感谢我的父母，我学习四年的所有老师和周围的同学们，是你们 的支持，是你们的鼓励，我才能顺利的完成大学学业。 谢谢你们！ 2010 年 6 月 5 日 忻州师院计算机系本科学士学位论文 23 参考文献参考文献 1 高英，张晓冬Access 数据库应用网站开发与实例M北京：人民邮电出版社， 2006，01 2 荣欣科技ASP+Dreamweaver MX2004 数据库网站开发与实例M北京：清华大学出 版社，2004 3 张俊超，何玉洁数据库技术应用及上机指导M北京：机械工业出版社，2003 4 伍孝金基于 A