校园网站的设计与实现

毕业论文（设计）毕业论文（设计） 题目：校园网站的设计与实现 校区(函授站)： 北京培黎职业学院 专 业： 计算机应用 班 级： 10 级自考 学 号： 1003z1114 学生姓名： 黄伟 导师姓名： 常敏慧 起止时间：2012.01.20 至 2013.05.10 北京信息科技大学继续教育学院北京信息科技大学继续教育学院 北京信息科技大学继续教育学院 毕业论文（设计）任务书毕业论文（设计）任务书 学生姓名 黄伟 指导教师 常敏慧 职称副教授 校区(函授站) 北京培黎职业学院 专业 计算机应用 题目 校园网站的设计与实现 任务与要求 任务： 一、校园网站建设的需求分析及设计思想 二、校园网站设计的开发工具的选用及介绍 三、网站的总体分析与设计 四、网站的详细设计步骤 需求: 网站设计中用到的开发工具可以选用 photoshop、flash、dreamweaver、vbscript 脚本 语言以及 access 等 开始日期 2013.01.20 完成日期 2013.05.10 北京信息科技大学继续教育学院 毕业论文（设计）工作计划毕业论文（设计）工作计划 年年 月月 日日 学生姓名 黄伟 指导教师 常敏慧 职称 副教 授 校区(函授站) 北京培黎职业学院 专业 计算机应用 题目 校园网站的设计与实现 工作进程起止时间 工作内容 2013.01.20-2013.02.10 确定论文方向 2013.02.10-2013.02.15 准备相关的参考文献资料 2013.02.15-2013.03.23 毕业设计系统实现 2013.03.23-2013.04.05 毕业设计系统检查 2013.04.05-2013.04.20 毕业设计论文撰写 2013.04.20-2013.05.10 毕业设计论文修正及检查 主要参考书目（资料） 1 孙卫佳网络系统集成技术与实训北京：电子工业出版社， 2005 2 沈 辉，曹国良，袁家政，付立新 计算机网络工程与实训 北京：清华大学出版社， 2001 3 李继林，刘庆杰 计算机网络工程与实践 北京：清华大学 出版社，2005 学生姓名： 黄伟 学号：1003z1114 毕业设计题目：校园网站的设计与实现 指导教师评语： 指导教师签名： 年 月 日 毕业设计（论文）评阅教师评语： 评阅教师签名： 年 月 日 毕毕 业业 设设 计计 （论（论 文）文） 评评 分分 表表 年 月 姓名姓名黄伟黄伟 年级、专业、年级、专业、 班班 1010 级计算机应用自考班级计算机应用自考班 毕业论文题目毕业论文题目校园网站的设计与实现校园网站的设计与实现 项项 目目 满满 分分 评评 分分 全面完成任务情况（包括成果质量）全面完成任务情况（包括成果质量） 2020 科学作风、工作态度科学作风、工作态度 1010 独立工作能力独立工作能力 1010 理论基础、创造性理论基础、创造性 1010 指指 导导 教教 师师 合合 计计 5050 指导教师指导教师 签字：签字： 月月 日日 问题层次清楚，系统性强、文字精炼通问题层次清楚，系统性强、文字精炼通 顺顺 1010 设计符合任务书的要求设计符合任务书的要求 1515 理论正确，基本理论掌握好理论正确，基本理论掌握好 1515 设计有使用或重要参考价值设计有使用或重要参考价值 1010 评评 阅阅 教教 师师 合合 计计 5050 评阅教师评阅教师 签字：签字： 月月 日日 毕业设计（论文）成绩毕业设计（论文）成绩 100100 系（教研室）负责系（教研室）负责 人人 签字：签字： 摘摘 要要 在 Internet 飞速发展的今天，互联网成为人们快速获取、发布和传递 信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作 用。Internet 上发布信息主要是通过网站来实现的，获取信息也是要在 Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。 因此网站建设在 Internet 应用上的地位显而易见，它已成为政府、企事业 单位信息化建设中的重要组成部分，从而倍受人们的重视。为了更好的办 学，提高学校知名度，特构建长沙市工商职业中专学校网站。 作为学校，需要经常更新内容。本设计采用的是 ASP 技术，其基本 原理是在 Microsoft Windows NT Server 上集成 IIS，由 ASP 脚本启动 ADO 控件，通过 ODBC 驱动程序，实现数据库与 Web 服务器的连接， 通过后台管理程序更新数据库，并将数据库的内容通过前台显示出来，从 而解决在 Internet 或内网通过数据库发布信息的难题，大大减少了网站的 文件数量和维护更新的工作量。 关键字：关键字：ASP、校园网站、设计与实现 目目录录 摘摘 要要.7 前前 言言.9 第第 1 章章设计思想与开发工具设计思想与开发工具.10 1.1设计思想.10 1.2开发工具的选用及介绍.10 1.3ASP 的六大内部对象.11 第第 2 章章校园网站设计分析校园网站设计分析.12 2.1相关术语及解释.12 2.2校园网站的作用.13 2.3校园网站的设计与规划.14 第第 3 章章详细设计详细设计.16 3.1数据库的设计.16 3.2连接数据库.17 3.3页面设计.18 3.4留言板.20 3.5关键代码设计.21 3.6网站管理系统.28 第第 4 章章编码、测试与维护编码、测试与维护.32 4.1测试与维护.32 4.2维护.35 结结 束束 语语.36 致致 谢谢.37 参考参考 文献文献.38 前前 言言 在大学三年里。虽然学到了许多专业知识，但是没有机会把它们很好 的融会贯通，借此机会，使我巩固了课堂理论和专业应用技能目前网站的 制作技术与要求，都已经告别了因特网初期网站制作的“幼稚”期，随着 各类网站的迅速增加与浏览者需求的提高，无不要求网站从立意，策划， 页面设计到后台程序的全面提高。无论是校园网站还是企业网站都必须被 要求从浏览者角度出发，最大限度的满足用户的要求，这也是以后各类网 站发展竞争的真正实质所在。 本次设计由于设计时间较紧，且相关模块比较多，加之设计经验的不 足，在网站的整体设计及各模块功能可能设计的不完全，有待于进一步的 完善和改进。 第第 1 章章 设计思想与开发设计思想与开发 工具工具 1.1 设计思想设计思想 通过网站，全面宣传，展示学校风采、优点与特色，发布学校的重大活动 安排与招生政策，增强家长与学校之间的联系，在 Internet 上实现完成部 分校务，提高办事效率。 1.2 开发工具的选用及介绍开发工具的选用及介绍 1、ASP 的优势的优势： Active Server Pages：“动态服务器网页”，一般简称为“ASP”，ASP 之所以 能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的 HTML 格式，而且这些程序是在网络服务端中执行，使用一般的浏览器 （如 IE 或 Netscape）都可以正确地获得 ASP 的“执行”结果，并且将这 ASP 执行的结果直接在浏览器中“浏览”，不像 VBScript 或 JavaScript 是 在客户端（Client）的浏览器上执行，若使用 VBScript 来设计程序，客户 端（lient）在浏览器中可以显示程序执行的结果，可是，客户端 （lient）若使用 Netscape 浏览器就无法显示 VBScript 的执行结果。 2、的特点：、的特点： 任何开发工具皆可发展，只要使用一般的文书编辑程序，如 Windows 记事本，就可以编辑。当然，其他网页发展工具，例如， FrontPage Express、 rontPage 等也都可以；不过还是建议你用记事本来 写，既省钱又方便，若是使用那些所见即所得的网页编辑来写，可 能会发生一些意想不到的离奇状态，通吃各家浏览。由于 ASP 程序是在 网络服务器端中执行，执行结果所产生的 HTML 文件适用于不同的浏览 器。语言相容性高，ASP 与所有的 ActiveX Script 语言都相容，除了可结 合 HTML，VBScript、Java Script、Active X 服务器组件来设计外，并可 经由“plug-In（外挂组件模组）的方式，使用其他厂商（Third Party）所提 供的语言。隐密安全性高如果我们在浏览器中直接查看网页的原始代码， 就只能看到文件，原始的程序代码是看不到的！这是因杰 程序先于网站服务（eb Server）端执行后，将结果转换成标准 文件，再传送到客户端（Client）的浏览器上，因此，我们所辛 苦撰写的程序并不会轻易地被看见进而被盗用。 3、易于操控数据库、易于操控数据库 ASP 可以轻易地通过 ODBC(Open Database Connectivity)驱动程序连接各 种不同的数据库，例如：Acess、Foxpro、dBase、Oracle 等等，另外， ASP 亦可将“文本文件”或是”Excel” 文件当成数据库用。 4、面向对象学习容易、面向对象学习容易 ASP 具备有面向对象（Object-Oriented）功能，学习容易，ASP 提供了五 种方便能力强大的内建对象：Request、Response、Sever、Application 以 及 Session，同时，若使用 ASP 内建的“Application”对象或”Session”对象 所撰写出来的 ASP 程序可以在多个网页之间暂时保存必要的信息。 1.3 ASP 的六大内部对象的六大内部对象 1、对象名称 功能描述 RequestResponseServerSessionApplicationObjectContext 从客户端取得信息 将信息送给客户端提供一些 Web 服务器工具储存在一个 Session 内的用户 信息，该信息仅可被该用户访问在一个 ASP-Application 中让不同的客户 端共享信息可以用来配合 Microsoft Transaction 服务器进行分布式事务处 理 第第 2 章章 校园网站设计分校园网站设计分 析析 2.1 相关术语及解释相关术语及解释 1 1、InternetInternet Internet(英特网)诞生于上世纪 60 年代，发展非常慢，到 90 年代才开 始迅速发展。现在英特网已经是世界上最大的网络的，联在英特网上的电 脑有数亿台。上面的资料、信息数不胜数，所以有人把英特网叫成是信息 的海洋、知识的海洋。 2 2、站点站点 所谓站点，就是将网页文件和素材文件，有条理地放置站点文件夹里， 这些文件与文件夹就构成了网站的实质内容。站点文件夹里除了网页文件 还有素材文件，所谓素材就是网页中所用到的图像、声音、视频等，这些 内容是以单独文件的形式存在。 3 3、超链接、超链接 我们在浏览网页时，当鼠标指针指向某段文本或是某个图像，鼠标指 针变成小手状，单击鼠标可以打开其他的网页或是跳转到其他的网站，这 就是超链接。采用超链接技术可以将不同的网站、网站中的不同网页、网 页中的不同位置彼此串在一起，实现相互间的跳转，方便信息的浏览和查 找。人们通过超链接可以很方便很迅速地访问分布于全球计算机上的海量 资源，实现在互联网中的漫游。超链接能使 Web 服务存在广泛和持久的 生命力，超链接可以说是 Web 的灵魂。 4 4、URLURL URL（Uniform Resource Locator 的缩写） ，统一资源定位器。互联网 中某种信息资源以某种方式存储在网络中的某处，必须用一个惟一的 URL 来进行标识，这样才能方便查找。对于 Web 来说，可以简单并通俗 把 URL 理解为网址。每个 Web 网页都有自己的网址，在浏览器地址栏里 输入网页的 URL，就可以访问这个网页。例如， http 超文本传输协议访 问新浪网的首页，由于网页均是通过 http 超文本传输协议进行访问，默 认下， “http:/”可以省略不输。 5 5、IPIP 地址地址 为了使互联网上的电脑主机在通信时能够相互识别，每台主机都分配 一个能表示其位置的 IP（Internet Protocol）地址，这如同公用电话网中电 话的号码一样。IP 地址是由专门的互联网机构来分配。IP 地址具有惟一 性，是由 32 位二进制数组成，分为四组，每组 8 位，每组之间用小数点 分隔，在实际之中常转换成十进制数表示。 2.2 校园网站的作用校园网站的作用 互曾几何时我们重视的是传统媒体上的“广播有声、报纸有名、电视 有影”。而今在网络中可是鼠标一点“地球人都知道”。较之传统媒体的 区域性、时效性而言网络具有广泛性、长期性的特点。我们应该以校园网 站为平台树立起具有时代特色的虚拟形象。对于学校网站的具体作用，归 纳如下： 1、桥梁作用、桥梁作用 网络一个最重要的特点就是其互动性，对于朋友们提的所有意见和建 议，无论好坏，都会认真对待、仔细研究，有一些能够马上回复的问题， 都予以及时回复。 2、引导作用、引导作用 通过引导，非理性的言论就会越来越少，许多正面、富有建设性的言 论将会不断涌现，从而达到我们预期的目的。 3、育人作用、育人作用 有及时报道活动、凸现重点文章、组织各种活动、开展咨询服务、及 时渲染氛围. 4、窗口作用、窗口作用 网站的另一个重要作用就是宣传学校. 通过充分体现学校的办学特色 和师资优势，并突出学校内部与其他校园以及社会群体的信息交流，加强 学校与社会、师生与家长的互动沟通，将网站创建成为展示师生风采的舞 台，从而实现贯彻教育理念和塑造信息化时代校园品牌的完整统一. 2.3 校园网站的设计与规划校园网站的设计与规划 1 1、明确架设网站的目的、明确架设网站的目的 通过网站，全面宣传，展示学校的风采、优秀与特点，发表学校的活 动安排与招生政策信息内容，使学生与家长增加对学校的了解。增强学生、 家长及学校之间的联系。在这里学生及家长可以提出意见及想法，互相理 解教学之间的意见想法更好有效的办好教学，和学生需要那样的教学方式 能够更好的吸纳与接纳，这些都能成为学校的参考，以便更加提高学校的 教学质量。 2 2、校园网站概貌、校园网站概貌 因为是校园网站，所以建立一个高效率、成本的网络以满足教学工作 日益增长的需求是设计这个网站的目标，也能更好提高学校的知名度，为 家长和同学们提供一个友谊的桥梁，增加家长与同学们对学校的一些事物 的了解。 3 3、功能划分、功能划分 网站设计有新闻更新，浏览者可以在首页浏览自己喜欢的新闻，并且 可以在留言板和学校交流，在后台管理页面中，通过身份认证，管理员， 可以对网站信息进行管理。 4 4、功能描述、功能描述 (一) 新闻 嵌入百度新闻每日更新代码，使用在本站首页显示今日国内国际新闻， 供浏览者浏览。 (二) 留言板 是一个学校与大家谈心交流的地方，在留言板中，可以和学校进行交 流。就我们校园内的话题展开讨论。和大家进行沟通。 (三) 后台管理页面 是管理和添加到新内容的地方，为了方便实现信息的经常更新，设计 了这个管理页面，经过身份认证后可以进入网站对其中的信息进行管理。 (四) 页面组织和数据库设计 在明确了校园网站的风格和定位后，就是网站的材料组织以及网站的 页面设计和数据库设计。 建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确， 层次清晰。如果网站结构不清晰，目录庞杂，内容东一块西一块。结果不 但浏览者看得糊涂，自己扩充和维护网站也相当困难。网站的题材确定后， 并且收集和组织了许多相关的资料内容，但如何组织内容才能吸引网友们 来浏览网站呢？栏目的实质是一个网站的大纲索引，索引应该将网站的主 体明确显示出来。因此我将网站分为五个栏目，分别是关于学校、本网推 荐、站内公告、热门文章、留言等。 第第 3 章章 详细设计详细设计 3.1 数据库的设计数据库的设计 1 1、数据库搭建、数据库搭建 使用 Access2000 实现关系型数据库 (一)用户密码登记表 Admin 存储了系统用户和普通用户的信息，包括：姓名，口令，验证码， 名称。它的设计视图如图 1： 图 3-1 (二)留言基本档案表 Book 存储了用户的档案包括：ID,留言者名字、留言者 QQ、留言者 E-mail,留 言内容，留言者主页，留言时间，回复留言，留言头像，留言表情，留言 者 IP，留言者地址，留言主题,其中 ID 为该表的主关键字。它的设计视图 如图 3-2： 图 3-2 (三)网站基本信息表 WebBasicInfo，如图 3-3 图 3-3 以上数据表为 Access 类型的库文件，将它定名为：“data.mdb” 。 3.2 连接数据库连接数据库 在上面，我们已经为我们的程序创建了一个数据库，在这里，我们来 用 ASP 把程序和数据库连接起来，以后就可以连接到数据库、在 ASP 中 显示数据库中的数据以及更复杂的插入、修改和删除。 一起看以下代码，这就是 ASP 程序中常用的连接数据库的代码： 一切 OK 了!结束 ASP 程序 3.3 页面设计页面设计 一、界面设计一、界面设计 （一）投票 1、功能 可以迅速有效的查看投票的结果。 2、组成构造 投票显示页面 rote.asp：用来显示所有投票。 站长基本信息显示页面 include.asp： 数据库连接页面 conn.asp 3、投票页面浏览效果图： (二)google 地图 1、功能 可以供浏览者及时打开地图查看地址。 2、组成结构 地图显示页面 xml.asp：显示 google 地图页面。 站长基本信息显示页面 include.asp 数据库连接页面 conn.asp 3、地图页面浏览效果图： (三)、后台登陆 1、功能 显示登陆页面，可以供管理者登陆。 2、后台登陆页面浏览效果图： 3.4 留言板留言板 1、功能 利用 SQL 语法过滤特定的用户留言意见，让站长可以针对某位 特定用户所发表的意见作出独立的回答，同时，用户在发表个人 意见时，若认为意见内容涉及敏感的话题或是意见内容涉及私人 隐私，都可用“悄悄话”的方式发言，这些“悄悄话”将不会被 显示出来让大家看到，当然，站长拥有管理的能力，只要以密码 登录管理模式，就可以进行各个用户的单独意见回复，而且还能 看到用户所留下的“悄悄话 2、组成构造 意见留言结果网页 gbook.asp：用来显示用户发言与站长回复内 容，同时还具备查看留言和发表留言两个功能。 站长基本信息显示页面 include.asp 数据库连接页面 conn.asp 3、留言页面浏览效果图,如图 13。 图 13 4、发表留言浏览效果图，如图 14。 图 14 3.5 关键代码设计关键代码设计 (一) 页面相同基本信息代码页面 include.asp 3.6 网站管理系统网站管理系统 （一）完成站长对网站信息管理及更新的系统，包括以下几部分： 1、管理登陆页面 Login.asp 2、风格管理页面 Admin_Css.asp 3、文章管理页面 Admin_Article.asp 4、链接管理页面 Admin_Linkn.asp 5、留言管理页面 GuestBook.asp 一、管理登陆 管理系统的登陆页面，主要用于管理登陆和判断用户是否已注册。 1、 其中判断是否是非法登陆的代码为： 2、 其中验证码验证代码： （三）主要功能程序段 1、打开数据库 2 数据库查询操作 大类查讯 setrs=server.CreateObject(adodb.recordset) 只读方式打开 rs.openselectanclass,anclassidfromanclass,conn,1,1 dowhilenotrs.eof response.writeAhref=javascriptturnX(r&rs(anclassidtarget=_blank)& ) &trim(rs(anclass)&A rs.movenext loop rs.close 小类查询 dimrs2 setrs2=server.CreateObject(adodb.recordset) rs2.openselectnclass,nclassidfromnclasswhereanclassid=&rs(anclassi d)&orderbynclassidorder,conn,1,1 dowhilenotrs2.eof response.writeAhref=class.aspaid=&rs(anclassid)&nid=&rs2(nclass id)&trim(rs2(nclass)&A rs2.movenext loop 3、添加记录操作 setrs=server.CreateObject(adodb.recordset) 可写方式 rs.openselectbookid,username,zhuangtai,zongerfromactions,conn,1,3 rs.addnew 添加一条新记录 rs(bookid)=bookid 添加相应的记录 rs(username)=username rs(zhuangtai)=6 rs(zonger)=0 rs.update 更新数据库 4、删除记录操作 从表 actions 中删除 actionid 匹配的记录 conn.executedeletefromactionswhereactionid= &request.QueryString(actionid) 5、记录的修改和查看 setrs=server.CreateObject(adodb.recordset) rs.Openselectfrombookswherebookid=&bookid,conn,1,3 rs(anclassid)=int(request(anclassid)修改各项记录 rs.Update rs.Close 第第 4 章章 编码、测试与维编码、测试与维 护护 4.1 测试与维护测试与维护 一、一、IIS(InternetIIS(Internet 信息服务信息服务) )安装配置（删掉）安装配置（删掉） 可以在添加或删除程序 添加/删除 Windows 组件对话框中把 Internet 信息服务(IIS)前的勾选中，点下一步进行安装就 行了(注：在这之前应把系统安装盘放到光驱)。 IIS 装好之后 再作一下简单的配置。定位到开始管理工具Internet 信息 服务(IIS)管理器，打开 IIS 管理器。在本地计算机网站 默认网站上右键单击，在快捷菜单里选属性(或者直接在操作 菜单下选属性)，弹出如下对话框图 15: 图 4-1 切换到主目录标签(图 2)，重新选择网站根目录(我选择的是 E 盘下的 my web 目录)，默认是系统盘:Inetpubwwwroot,因 为系统盘不宜放太多的非系统文件，所以在这里重设默认网站要 目录，如果嫌麻烦可以跳过这步。再切换到文档标签，通过 添加、删除、上移、下移 ，把站点的默认文档设置如图 16： 图 4-2 可能有些朋友会疑惑，设置默认内容文档有什么作用？细心的朋 友应该会发现，在浏览一些大网站的首页时用它的一级域名就行 了，并不需要指定请求页的文件名，这就是设置了默认内容文档 的缘故，它的作用就是在浏览器请求没有指定文档的名称时，将 默认文档提供给浏览器。要得到更详尽的解释说明，可以点击图 3 中的“帮助”。之所以有这步，是因为网站的默认内容页中没 有 index.asp，不大符合国人习惯。 二、二、DreamDream weaverweaver 测试站点和用测试站点和用 IISIIS 测试本地站点（删掉）测试本地站点（删掉） Dream weaver MX 提供了全面检测站点的功能，它比检测链 接更全面。全面地检测内部、外部链接、去除错标签、空标签、 多余的标签等，它的使用相当简单，使用全面检测站点功能如下： 1、选择菜单中【站点】的【报告】命令，打开一个窗口。 2、选择检测范围，在【报告】选项中有四个内容供选择： Current Document、Entire Local Site、Select Files in site、Folder。 3、对工作流方面的信息进行检测。 4、对 HTML 文件的信息做出检查。 把编好的网站文件复制到 D:/my web 文件夹中，可以打开浏 览器，在地址栏中输入 http:/localhost/my web/index.asp ,就 会看见网站了。 4.2 维护维护 网站建成后并不意味着网站建设的结束，网站内容需要不 断更新，这样才会不断的吸引更多的浏览者访问，才能成为一个 优秀的网站。通过 FTP 软件将更新过的网页上传到服务器或通过 Dream weaver MX 来远程管理站点，同时还要认真回复浏览者的 电子邮件和留言，做到有问比答。平时多收集资料，多听听别人 建议，定期更新版面，还有推广站点。 结结 束束 语语 经过曾老师耐心细致的指导，及同学之间的相互交流，同时翻阅了大 量的资料(包括网上资料，书本及学校的一些相关资料)经过近一段时间的 努力，校园网站的设计制作告一段落。总结这次“校园网站”开发制作过 程，我们综合使用了目前因特网上比较流行的各种静态制作方法及交互式 动态网站的制作设计手段，并对初步利用后台程序完成了网站的动态响应 与生成网页的技术。同时也从中学习了对静态页面的处理风格，色彩搭配， 页面导航方面有了一定经验。对用 Javascript 语言制作动态效果也有了更 进一步的认识。在交互式网页设计学会了如何使用 Access 建立数据库， 以及对数据库浏览，修改，添加，查询。如何用 ASP 编写程序来方便用 户在网上查看网站各方面的信息和交流。 目前网站的制作技术与要求，都已经告别了因特网初期网站制作的 “幼稚”期，随着各类网站的迅速增加与浏览者需求的提高，无不要求网 站从立意，策划，页面设计到后台程序的全面提高。无论是校园网站还是 企业网站都必须被要求从浏览者角度出发，最大限度的满足用户的要求， 这也是以后各类网站发展竞争的真正实质所在。 本次设计由于设计时间较紧，且相关模块比较多，加之设计经验的不 足，在网站的整体设计及各模块功能可能设计的不完全，有待于进一步的 完善和改进。 致致 谢谢 在我的论文完成过程中，得到了很多人的帮助与支持。首先，最感谢 的是我的指导老师曾丽娟老师，对我毕业设计与论文给予悉心指导，提出 了许多批评建议，