3校园网站设计与实现论文.docx

3校园网站设计与实现论文.docx

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

3校园网站设计与实现论文

毕业设计（论文）

题目校园网站设计与实现

系（分院）信息工程息

学生姓名郭威

学号09523039

专业名称计算机网络

指导教师曾丽娟

2011年3月25日

河南职业技术学院信息工程系（分院）

毕业设计（论文）任务书

姓名

郭威

专业

计算机网络

班级

095

毕业设计（论文）

题目

校园网站设计与实现

毕业设计（论文）选题的目的与意义

学校网站是学校的"商标"，每一所学校都有自己的特色，每一所学校都有自己的个性。

在这个高度信息化的社会里，建立自己学校网站是最直接的宣传手段。

网站没有区域限制的特性，不仅能让地区内的人们了解学校，更可让世界了解你的学校。

凭藉学校网站，学校就可成为教育百花园中一朵鲜艳的花朵.

毕业设计（论文）的资料收集情况（含指定参考资料）

1.吴涛主编，网站全程设计技术（修订本），北京：

清华大学出版社；北京交通大学出版社，2006.7

2.龙马工作室编，ASP+SQLServer组建动态网站实例精讲，北京：

人民邮电出版社，2004.8

毕业设计（论文）工作进度计划

1、2010/11/12------2011/02/15毕业设计系统实现每组一个

2、2011/02/15------2011/03/15毕业设计系统检查及毕业设计论文撰写每人一份

3、2011/03/15------2011/04/01毕业设计论文检查

4、2011/04/01------2011/04/05毕业论文打印及准备答辩

接受任务日期2010年10月31日

要求完成日期2011年3月25日

学生签名：

郭威

2011年3月25日

指导教师签名：

年月日

系（分院）

主任（院长）签名：

年月日

毕业设计（论文）指导教师评阅意见表

姓名

郭威

学号

09523039

性别

男

专业

计算机网络（3+2）

班级

信息095

毕业设计（论文）

题目

校园网络设计与实现

评

阅

意

见

成绩

指导教师签字

年月日

毕业设计（论文）答辩意见表

姓名

郭威

学号

09523039

性别

男

专业

计算机网络（3+2）

班级

信息095

毕业设计（论文）

题目

校园网站设计与实现

答辩时间

地点

答辩

小组

成员

姓名

职称

学历

从事专业

组长

成员

秘书

答

辩

小

组

意

见

答辩成绩：

答辩小组组长签名：

年月日

目录

第一章：

诸论

1．1设计思想……………………………………………………………………………………1

1．2开发工具的选用及介绍………………………………………………………………….1

第二章校园网站设计分析……………………………………………………6

第一节相关术语及解释……………………………………………………………6

第二节校园网站的作用…………………………………………………7

第三节校园网站的设计与规划………………………………………………8

第三章：

详细设计………………………………………………………………………9

第一节数据库设计………………………………………………………………9

第二节页面的设计………………………………………………………………11

第四章：

编码、测试与维护……………………………………………………………21

第一节测试与维护……………………………………………………………21

第二节设计技巧和解决方法……………………………………………………22

结束语…………………………………………………………………………24

谢辞……………………………………………………………………………24

参考文献………………………………………………………………………25

第一章诸论

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

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

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

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

1．1设计思想

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

1.2开发工具的选用及介绍

ASP的优势：

ActiveServerPages：

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

ＡＳＰ的特点：

任何开发工具皆可发展ＡＳＰ

只要使用一般的文书编辑程序，如Windows记事本，就可以编辑。

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

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

语言相容性高

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

隐密安全性高

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

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

易于操控数据库

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

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

面向对象学习容易

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

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

ASP的六大内部对象

对象名称功能描述

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

第二章校园网站设计分析

第一节相关术语及解释

一、Internet

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

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

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

二、站点

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

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

三、超链接

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

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

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

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

四、URL

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

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

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

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

例如，

五、IP地址

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

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

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

（可以删掉）

第二节校园网站的作用

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

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

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

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

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

一、桥梁作用

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

二、引导作用

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

三、育人作用

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

四、窗口作用

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

第三节校园网站的设计与规划

一、明确架设网站的目的

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

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

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

二、校园网站概貌

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

三、功能划分

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

（给出设计草图）

四、功能描述

（一）新闻

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

（二）留言板

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

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

和大家进行沟通。

（三）后台管理页面

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

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

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

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

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

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

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

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

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

第三章详细设计

第一节数据库的设计

一、数据库搭建

使用Access2000实现关系型数据库

（一）用户密码登记表Admin

存储了系统用户和普通用户的信息，包括：

姓名，口令，验证码，名称。

它的设计视图如图1：

图1

（二）留言基本档案表Book

存储了用户的档案包括：

ID,留言者名字、留言者QQ、留言者E-mail,留言内容，留言者主页，留言时间，回复留言，留言头像，留言表情，留言者IP，留言者地址，留言主题,其中ID为该表的主关键字。

它的设计视图如图2：

图2

（三网站基本信息表WebBasicInfo，如图3

图3

以上数据表为Access类型的库文件，将它定名为：

“data.mdb”。

二、连接数据库

在上面，我们已经为我们的程序创建了一个数据库，在这里，我们来用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程序

第二节页面设计

一、界面设计

（一）投票

1、功能

可以迅速有效的查看投票的结果。

2、组成构造

投票显示页面rote.asp：

用来显示所有投票。

站长基本信息显示页面include.asp：

数据库连接页面conn.asp

3、投票页面浏览效果图：

（二）google地图

1、功能

可以供浏览者及时打开地图查看地址。

2、组成结构

地图显示页面xml.asp：

显示google地图页面。

站长基本信息显示页面include.asp

数据库连接页面conn.asp

3、地图页面浏览效果图：

（三）、后台登陆

1、功能

显示登陆页面，可以供管理者登陆。

2、后台登陆页面浏览效果图：

（四）、留言板

1、功能

利用SQL语法过滤特定的用户留言意见，让站长可以针对某位特定用户所发表的意见作出独立的回答，同时，用户在发表个人意见时，若认为意见内容涉及敏感的话题或是意见内容涉及私人隐私，都可用“悄悄话”的方式发言，这些“悄悄话”将不会被显示出来让大家看到，当然，站长拥有管理的能力，只要以密码登录管理模式，就可以进行各个用户的单独意见回复，而且还能看到用户所留下的“悄悄话

2、组成构造

意见留言结果网页gbook.asp：

用来显示用户发言与站长回复内容，同时还具备查看留言和发表留言两个功能。

站长基本信息显示页面include.asp

数据库连接页面conn.asp

3、留言页面浏览效果图,如图13。

图13

4、发表留言浏览效果图，如图14。

图14

二、关键代码设计

（一）页面相同基本信息代码页面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"