校园网站的设计与实现.docx

校园网站的设计与实现.docx

《校园网站的设计与实现.docx》由会员分享，可在线阅读，更多相关《校园网站的设计与实现.docx（31页珍藏版）》请在冰点文库上搜索。

校园网站的设计与实现

毕业论文（设计）

题目：

校园网站的设计与实现

校区（函授站）：

北京培黎职业学院

专业：

计算机应用

班级：

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

毕业设计题目：

校园网站的设计与实现

指导教师评语：

指导教师签名：

年月日

毕业设计（论文）评阅教师评语：

评阅教师签名：

年月日

毕业设计（论文）评分表

年月

姓名

黄伟

年级、专业、班

10级计算机应用自考班

毕业论文题目

校园网站的设计与实现

项目

满分

评分

指

导

教

师

全面完成任务情况（包括成果质量）

20

指导教师

签字：

月日

科学作风、工作态度

10

独立工作能力

10

理论基础、创造性

10

合计

50

评

阅

教

师

问题层次清楚，系统性强、文字精炼通顺

10

评阅教师

签字：

月日

设计符合任务书的要求

15

理论正确，基本理论掌握好

15

设计有使用或重要参考价值

10

合计

50

毕业设计（论文）成绩

100

系（教研室）负责人

签字：

摘要

在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。

Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。

因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。

为了更好的办学，提高学校知名度，特构建长沙市工商职业中专学校网站。

作为学校，需要经常更新内容。

本设计采用的是ASP技术，其基本原理是在MicrosoftWindowsNTServer上集成IIS，由ASP脚本启动ADO控件，通过ODBC驱动程序，实现数据库与Web服务器的连接，通过后台管理程序更新数据库，并将数据库的内容通过前台显示出来，从而解决在Internet或内网通过数据库发布信息的难题，大大减少了网站的文件数量和维护更新的工作量。

关键字：

ASP、校园网站、设计与实现

目录

前言

在大学三年里。

虽然学到了许多专业知识，但是没有机会把它们很好的融会贯通，借此机会，使我巩固了课堂理论和专业应用技能目前网站的制作技术与要求，都已经告别了因特网初期网站制作的“幼稚”期，随着各类网站的迅速增加与浏览者需求的提高，无不要求网站从立意，策划，页面设计到后台程序的全面提高。

无论是校园网站还是企业网站都必须被要求从浏览者角度出发，最大限度的满足用户的要求，这也是以后各类网站发展竞争的真正实质所在。

本次设计由于设计时间较紧，且相关模块比较多，加之设计经验的不足，在网站的整体设计及各模块功能可能设计的不完全，有待于进一步的完善和改进。

第1章设计思想与开发工具

1.1设计思想

通过网站，全面宣传，展示学校风采、优点与特色，发布学校的重大活动安排与招生政策，增强家长与学校之间的联系，在Internet上实现完成部分校务，提高办事效率。

1.2开发工具的选用及介绍

1、ASP的优势：

ActiveServerPages：

“动态服务器网页”，一般简称为“ASP”，ASP之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如IE或Netscape）都可以正确地获得ASP的“执行”结果，并且将这ASP执行的结果直接在浏览器中“浏览”，不像VBScript或JavaScript是在客户端（Client）的浏览器上执行，若使用VBScript来设计程序，客户端（Ｃlient）在ＩＥ浏览器中可以显示程序执行的结果，可是，客户端（Ｃlient）若使用Netscape浏览器就无法显示VBScript的执行结果。

2、ＡＳＰ的特点：

任何开发工具皆可发展ＡＳＰ，只要使用一般的文书编辑程序，如Windows记事本，就可以编辑。

当然，其他网页发展工具，例如，FrontPageExpress、ＦrontPage等也都可以；不过还是建议你用记事本来写，既省钱又方便，若是使用那些所见即所得的网页编辑来写ＡＳＰ，可能会发生一些意想不到的离奇状态，通吃各家浏览。

由于ASP程序是在网络服务器端中执行，执行结果所产生的HTML文件适用于不同的浏览器。

语言相容性高，ASP与所有的ActiveXScript语言都相容，除了可结合HTML，VBScript、JavaScript、ActiveX服务器组件来设计外，并可经由“plug-In（外挂组件模组）的方式，使用其他厂商（ThirdParty）所提供的语言。

隐密安全性高如果我们在浏览器中直接查看网页的原始代码，就只能看到ＨＴＭＬ文件，原始的ＡＳＰ程序代码是看不到的！

这是因杰ＡＳＰ程序先于网站服务（ＷebServer）端执行后，将结果转换成标准ＨＴＭＬ文件，再传送到客户端（Client）的浏览器上，因此，我们所辛苦撰写的ＡＳＰ程序并不会轻易地被看见进而被盗用。

3、易于操控数据库

ASP可以轻易地通过ODBC（OpenDatabaseConnectivity）驱动程序连接各种不同的数据库，例如：

Acess、Foxpro、dBase、Oracle等等，另外，ASP亦可将“文本文件”或是”Excel”文件当成数据库用。

4、面向对象学习容易

ASP具备有面向对象（Object-Oriented）功能，学习容易，ASP提供了五种方便能力强大的内建对象：

Request、Response、Sever、Application以及Session，同时，若使用ASP内建的“Application”对象或”Session”对象所撰写出来的ASP程序可以在多个网页之间暂时保存必要的信息。

1.3ASP的六大内部对象

1、对象名称功能描述

RequestResponseServerSessionApplicationObjectContext从客户端取得信息将信息送给客户端提供一些Web服务器工具储存在一个Session内的用户信息，该信息仅可被该用户访问在一个ASP-Application中让不同的客户端共享信息可以用来配合MicrosoftTransaction服务器进行分布式事务处理

第2章校园网站设计分析

2.1相关术语及解释

1、Internet

Internet（英特网）诞生于上世纪60年代，发展非常慢，到90年代才开始迅速发展。

现在英特网已经是世界上最大的网络的，联在英特网上的电脑有数亿台。

上面的资料、信息数不胜数，所以有人把英特网叫成是信息的海洋、知识的海洋。

2、站点

所谓站点，就是将网页文件和素材文件，有条理地放置站点文件夹里，这些文件与文件夹就构成了网站的实质内容。

站点文件夹里除了网页文件还有素材文件，所谓素材就是网页中所用到的图像、声音、视频等，这些内容是以单独文件的形式存在。

3、超链接

我们在浏览网页时，当鼠标指针指向某段文本或是某个图像，鼠标指针变成小手状，单击鼠标可以打开其他的网页或是跳转到其他的网站，这就是超链接。

采用超链接技术可以将不同的网站、网站中的不同网页、网页中的不同位置彼此串在一起，实现相互间的跳转，方便信息的浏览和查找。

人们通过超链接可以很方便很迅速地访问分布于全球计算机上的海量资源，实现在互联网中的漫游。

超链接能使Web服务存在广泛和持久的生命力，超链接可以说是Web的灵魂。

4、URL

URL（UniformResourceLocator的缩写），统一资源定位器。

互联网中某种信息资源以某种方式存储在网络中的某处，必须用一个惟一的URL来进行标识，这样才能方便查找。

对于Web来说，可以简单并通俗把URL理解为网址。

每个Web网页都有自己的网址，在浏览器地址栏里输入网页的URL，就可以访问这个网页。

例如，

5、IP地址

为了使互联网上的电脑主机在通信时能够相互识别，每台主机都分配一个能表示其位置的IP（InternetProtocol）地址，这如同公用电话网中电话的号码一样。

IP地址是由专门的互联网机构来分配。

IP地址具有惟一性，是由32位二进制数组成，分为四组，每组8位，每组之间用小数点分隔，在实际之中常转换成十进制数表示。

2.2校园网站的作用

互曾几何时我们重视的是传统媒体上的“广播有声、报纸有名、电视有影”。

而今在网络中可是鼠标一点“地球人都知道”。

较之传统媒体的区域性、时效性而言网络具有广泛性、长期性的特点。

我们应该以校园网站为平台树立起具有时代特色的虚拟形象。

对于学校网站的具体作用，归纳如下：

1、桥梁作用

网络一个最重要的特点就是其互动性，对于朋友们提的所有意见和建议，无论好坏，都会认真对待、仔细研究，有一些能够马上回复的问题，都予以及时回复。

2、引导作用

通过引导，非理性的言论就会越来越少，许多正面、富有建设性的言论将会不断涌现，从而达到我们预期的目的。

3、育人作用

有及时报道活动、凸现重点文章、组织各种活动、开展咨询服务、及时渲染氛围.

4、窗口作用

网站的另一个重要作用就是宣传学校.通过充分体现学校的办学特色和师资优势，并突出学校内部与其他校园以及社会群体的信息交流，加强学校与社会、师生与家长的互动沟通，将网站创建成为展示师生风采的舞台，从而实现贯彻教育理念和塑造信息化时代校园品牌的完整统一.

2.3校园网站的设计与规划

1、明确架设网站的目的

通过网站，全面宣传，展示学校的风采、优秀与特点，发表学校的活动安排与招生政策信息内容，使学生与家长增加对学校的了解。

增强学生、家长及学校之间的联系。

在这里学生及家长可以提出意见及想法，互相理解教学之间的意见想法更好有效的办好教学，和学生需要那样的教学方式能够更好的吸纳与接纳，这些都能成为学校的参考，以便更加提高学校的教学质量。

2、校园网站概貌

因为是校园网站，所以建立一个高效率、成本的网络以满足教学工作日益增长的需求是设计这个网站的目标，也能更好提高学校的知名度，为家长和同学们提供一个友谊的桥梁，增加家长与同学们对学校的一些事物的了解。

3、功能划分

网站设计有新闻更新，浏览者可以在首页浏览自己喜欢的新闻，并且可以在留言板和学校交流，在后台管理页面中，通过身份认证，管理员，可以对网站信息进行管理。

4、功能描述

（一）新闻

嵌入XX新闻每日更新代码，使用在本站首页显示今日国内国际新闻，供浏览者浏览。

（二）留言板

是一个学校与大家谈心交流的地方，在留言板中，可以和学校进行交流。

就我们校园内的话题展开讨论。

和大家进行沟通。

（三）后台管理页面

是管理和添加到新内容的地方，为了方便实现信息的经常更新，设计了这个管理页面，经过身份认证后可以进入网站对其中的信息进行管理。

（四）页面组织和数据库设计

在明确了校园网站的风格和定位后，就是网站的材料组织以及网站的页面设计和数据库设计。

建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰。

如果网站结构不清晰，目录庞杂，内容东一块西一块。

结果不但浏览者看得糊涂，自己扩充和维护网站也相当困难。

网站的题材确定后，并且收集和组织了许多相关的资料内容，但如何组织内容才能吸引网友们来浏览网站呢？

栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。

因此我将网站分为五个栏目，分别是关于学校、本网推荐、站内公告、热门文章、留言等。

第3章详细设计

3.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程序中常用的连接数据库的代码：

<%'这是ASP程序的起始

setconn=server.createobject（"adodb.connection"）　　'在服务器上创建了一个连接数据库的对象

connstr="Provider=Microsoft.jet.oledb.4.0;datasource="&server.mappath（"data.mdb"）　　'告诉ASP数据库的接接方法以及路径

conn.openconnstr　　'创建了对象后就用来打开数据库进行连接%>'一切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

<%

setoRs=server.createobject（"adodb.recordset"）

sSql="SelectTop1*FromWebBasicInfo"

oRs.OpensSql,Conn,1,1

IfNotoRs.EofThen

W_ID=oRs（"W_ID"）

W_WebsiteAppe=oRs（"W_WebsiteAppe"）

W_SuppExpl=oRs（"W_SuppExpl"）

W_WebSiteName=oRs（"W_WebSiteName"）

W_WebSiteUrl=oRs（"W_WebSiteUrl"）

W_StatMastName=oRs（"W_StatMastName"）

W_StatMastEmail=oRs（"W_StatMastEmail"）

W_StatMastQQ=oRs（"W_StatMastQQ"）

W_WebSiteKeyword=oRs（"W_WebSiteKeyword"）

W_WebSiteIntr=oRs（"W_WebSiteIntr"）

W_WebSiteCopyInfo=oRs（"W_WebSiteCopyInfo"）

EndIf

oRs.Close

IfW_WebsiteAppe="False"Then

Response.Write"

11pt'>"

Response.WriteW_SuppExpl

Response.Write"