当前位置:文档之家› 网站建设毕业设计论文

网站建设毕业设计论文

网站建设毕业设计论文
网站建设毕业设计论文

本文就企业网站的规划与建设,以软件工程的方法对全过程进行了分析与研究。本文的主要工作集中在:对Web页进行概述,主要是对Internet的历史和发展作了回顾,并对Web页的定义和特性进行阐述。并对网站开发过程中使用的开发工具和技术作了简要的介绍;对网站建设中提及到的术语进行了解释;对企业网站从规划到建设进行了详细的分析;使用ASP+IIS+Access技术实现了企业网站的各种功能,其中和数据库的连接使用到了ODBC技术;就网站建设提出了自己的观点与建议。

关键词:网站、ASP、SQL Server、风格、创意

Abstract

This article on corporate Web site planning and construction of software engineering methods to the whole process of analysis and research.This article mainly focused on:an overview of Web pages,mainly on the Internet's history and development is reviewed,and Web pages set out the definition and characteristics.Web site development process as well as the use of development tools and techniques are briefly described;mentioned on the Web site construction terms are explained;right business from planning to construction site carried out a detailed analysis;the use of ASP+IIS+Access technology to achieve the enterprise Web site features,including the use and database connections to the ODBC technology;on the Web site building their views and suggestions.

Keywords:Web,ASP,SQL Server,style,creativity

摘要 (1)

目录 (3)

第一章绪论 (3)

1.1Web页概述 (3)

1.2开发工具的介绍及选择 (4)

1.3关系型数据库的选择 (6)

第二章企业网站概要设计 (7)

2.1相关术语及解释 (7)

2.2企业网站设计与规划 (8)

第三章详细设计 (9)

3.1数据库的设计 (9)

3.2页面设计 (14)

第四章编码、测试与维护 (19)

4.1测试与维护 (19)

4.2设计技巧和解决方法 (21)

参考文献 (21)

结束语 (21)

致谢 (22)

第一章绪论

在已跨入21世纪的今天,人类使用和学习信息的方式以及信息的包装方式正在进行着不可阻挡的革命,这次革命将比印刷术的出现所产生的影响以及对社会发展的推动远为复杂而巨大。目前,我国上网的人口已近一个亿,成立世界上网民最多的国家,许多人在需要查询信息,首先想到的就是上网。网站的迷人之处在于综合使用文本、图象、声音、动画和视频的信息和内容,具有丰富的多媒体表现与互动特点,无可置疑,网站已成为最吸引人的也最有效的信息传递手段和方式。随着网络技术的发展,各类网站纷纷出现。企业网站应用广泛。

1.1Web页概述

1、页面描述

Web(World Wide Web,简称WWW,又称万维网)是目前Internet上应用最广泛也是最重要的信息服务类型,它的影响已经进入了Internet上的广告、新闻、电子商务和展示信息等各个服务领域。

Web采用浏览器/服务器(B/S)工作模式,其运作模式可以描述为:请求→处理→应答。

Web以超文本标记语言HTML(Hyper Text Markup Language)与超文本传输协议HTTP(Hyper Text Transfer Protocol)为基础,通过浏览器为用户提供方便友好的信息浏览界面。

Web将位于全世界互联网上不同网址的相关信息有机地编织在一起。在Web服务方式中,信息以页面(或称Web页)的形式存储在Web服务器中,这些页面采用超文本的方式对信息进行组织,通过链接将一页信息链接到另一页信息。这些相互链接的页面既可以放置在同一台主机上,也可以放置在不同的主机上。页面到页面的链接信息由统一资源定位器URL(Uniform Resource Locator)维持。用户通过客户端应用程序(即浏览器)向Web服务器发出请求,服务器根据客户端的请求将保存在服务器中的某个页面返回给客户端,浏览器接收到页面后对其进行解释,最终将信息以图、文、声并茂的形式呈现给用户。

Web服务的特点在于高度的集成性,它能够实现不同类型的信息(如文本、图像、声音、动画和视频等)和服务(如New、FTP、Telnet、Gopher及Mail等)的无缝链接,特别适合于广域网中信息的组织、检索与显示。

2、Web技术综述

在信息技术领域中,Web技术几乎汇集了当前信息处理的所有技术手段,以求最大限度地满足人性化的特点。Web界面五颜六色,既有文字、彩图、动画、声音、视频和一些相关信息或目录摘要,还可根据需要进入你想去的任何地方。只要你愿意或是你能

想到的服务,Web几乎都能实现。

Web技术涉及诸多技术领域:

(一)网络硬件技术

从两台或多台机器组成的对等网,到主机控制的以太网,再到生动活泼的因特网,每一处都需要有特定的硬件支持。1968年,当“LOGIN”的“LO”从美国加州洛杉矶分校的电脑屏幕跳到斯坦福大学的电脑屏幕上时,标志着人类首次组网的成功!组网技术经过几十年的锤炼,而今已经相当成熟了。

网络硬件技术包括很多方面,其主要的作用就是把网络中的各种资源通过相关网络连接设备连接起来,实施网络通信和达到共享网络资源的目的。

(二)Web管理技术

网络管理技术是一个永久的话题。网络管理的难点是安全性问题,涉及到防止来自内部和外部的攻击,这对管理员自身的技术是一个严峻的考验。一个合格的网管人员,除了管好网络,还得和黑客做技术上的较量。网络管理涉及的方面可谓种类繁多,简单地说,网络管理就是为保证网络系统能够持续、稳定、安全、可靠和高效地运行,不受外界干扰,而维持网络系统设施所采取的一系列方式和措施。网络管理由网管员通过驾驭网络操作系统和网络管理软件来实现。

Web管理则是在网络管理的基础上,针对网络建设和维护所进行的一系列管理。诸如架设Web服务器、文件传输服务器、邮件服务器、域名服务器、代理服务器以及用户管理和计费管理等等。

1.2开发工具的介绍及选择

1、梦幻网页的编织者------Dreamweaver8.0

Dreamweaver是创建和管理网页的专业化可视编辑器。使用Dreamweaver可以轻松创建跨平台、跨浏览器的页面。Macromedia的Roundtrip HTML技术允许用户随意导入HTML文档而无需重新设置代码格式。

Dreamweaver可以为用户做到:使用动态HTML功能(例如具有动态效果的层和行为)而不用写一行代码。它甚至还可以检查用户的工作成果在所有流行的平台和浏览器中可能发生的错误。

Dreamweaver工作区是非常灵活的,因此它可以适应各种不同的工作风格和使用水平。常用的Dreamweaver工作区组件有以下若干种:

(一)文档窗口可显示当前文档,文档的外观和浏览器中看到的非常相似。

(二)装载器中包含一些打开和关闭常用检查器和模板的按钮。

(三)对象工具栏包含创建不同类型的对象(例如图象、表格和层等)的按钮。

(四)属性检查器显示选定对象的属性。

(五)快捷菜单可以使用户对当前选择或区域快速执行某些命令。

(六)可固定的浮动工具栏允许用户将浮动窗口、检查器和工具栏组合在一个或多个选择窗口中。

2、网页动画的制作软件----Micromedia Flash8.0

Micromedia Flash8.0用于web站点的交互式的矢量图形和动画的制作,它可制作出

用于浏览时的导航控制、制作动画图标、带同步声音的大段的动画,创建出生动的富于表现力的网页。Flash中的图形都是矢量的,占据存储空间较少,因而下载时间短,且能很好地适应浏览者不同尺寸的屏幕。

Flash的交互性的大部分设置就在Action和Fs Command里,通过对Action和Fs Command的设置,你可以随意的设置各事件发生的效果,还有对变量及函数的设置。

3、图形图像制作软件—Adobe Photoshop8.0

Photoshop8.0是目前最流行的图形、图像编辑设计软件,在数码影像处理、图像编辑合成、广告设计、封面设计、美术绘画、网页设计等领域都被广泛地应用。

(一)文字处理更加方便

(二)增加的图层集使图层管理更有序。

(三)新增图像功能:图像的剪切和剪裁更加方便。

(四)将所有工具的选项板改进为工具选项栏放置在工作区顶部,方便先项参数的设置。

(五)为了更方便地用路径绘画,改进增加了几何形状工具,通过选择工具的不同工作模式,可创建路径、几何形状或几何填充区,使得矢量绘图功能得到了加强。

4、动态网站的脚本语言--ASP

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

ASP的特点:

1、任何开发工具皆可发展ASP

只要使用一般的文书编辑程序,如Windows记事本,就可以编辑。当然,其他网页发展工具,例如,FrontPage Express、FrontPage等,并且各家浏览由于ASP程序是在网络服务器端中执行,执行结果所产生的HTML文件适用于不同的浏览器。

2、语言相容性高

ASP与所有的ActiveX Script语言都相容,除了可结合HTML,VBScript、Java ScriptActive X服务器组件来设计外,并可经由“plug-In(外挂组件模组)的方式,使用其他厂商(Third Party)所提供的语言。

3、隐密安全性高

如果我们在浏览器中直接查看网页的原始代码,就只能看到HTML文件,原始的ASP程序代码是看不到的!这是因为ASP程序先于网站服务(Web Server)端执行后,将结果转换成标准HTML文件,再传送到客户端(Client)的浏览器上,因此,我们所辛苦撰写的ASP程序并不会轻易地被看见进而被盗用。

4、易于操控数据库

ASP可以轻易地通过ODBC(Open Database Connectivity)驱动程序连接各种不同的数据库,例如:Acess、Foxpro、dBase、Oracle等等,另外,ASP亦可将“文本文件”或是”Excel”文件当成数据库用。

5、面向对象学习容易

ASP具备有面向对象(Object-Oriented)功能,学习容易,ASP提供了五种方便能力强大的内建对象:Request、Response、Sever、Application以及Session,同时,若使用ASP内建的“Application”对象或”Session”对象所撰写出来的ASP程序可以在多个网页之间暂时保存必要的信息。

6、ASP的六大内部对象

Request Response Server Session Application ObjectContext从客户端取得信息将信息送给客户端提供一些Web服务器工具储存在一个

Session内的用户信息,该信息仅可被该用户访问在一个

ASP-Application中让不同的客户端共享信息可以用来配合

Microsoft Transaction服务器进行分布式事务处理

所以我选择了ASP结合Dreamweaver架构个人站点。

1.3关系型数据库的选择

1、Access

Microsoft Access是一种桌面数据库,只适合数据量少的应用,在处理少量数据和单机访问的数据库时是很好的,效率也很高。但是它的同时访问客户端不能多于4个。Microsoft Access数据库有一定的极限,如果数据达到100M左右,很容易造成服务器iis假死,或者消耗掉服务器的内存导致服务器崩溃。

2、SQL Server

Microsoft SQL Server是基于服务器端的中型的数据库,可以适合大容量数据的应用,在功能上管理上也要比Microsoft Access要强得多。在处理海量数据的效率,后台开发的灵活性,可扩展性等方面强大。因为现在数据库都使用标准的SQL语言对数据

库进行管理,所以如果是标准SQL语言,两者基本上都可以通用的。Microsoft SQL Server还有更多的扩展,可以用存储过程,数据库大小无极限限制。

本站属于个人站点采用Access数据库就行了。

第二章企业网站概要设计

2.1相关术语及解释

1、Internet

Internet(英特网)诞生于上世纪60年代,发展非常慢,到90年代才开始迅速发展。现在英特网已经是世界上最大的网络的,联在英特网上的电脑有数亿台。上面的资料、信息数不胜数,所以有人把英特网叫成是信息的海洋、知识的海洋。

2、站点

所谓站点,就是将网页文件和素材文件,有条理地放置站点文件夹里,这些文件与文件夹就构成了网站的实质内容。站点文件夹里除了网页文件还有素材文件,所谓素材就是网页中所用到的图像、声音、视频等,这些内容是以单独文件的形式存在。

3、超链接

我们在浏览网页时,当鼠标指针指向某段文本或是某个图像,鼠标指针变成小手状,单击鼠标可以打开其他的网页或是跳转到其他的网站,这就是超链接。采用超链接技术可以将不同的网站、网站中的不同网页、网页中的不同位置彼此串在一起,实现相互间的跳转,方便信息的浏览和查找。人们通过超链接可以很方便很迅速地访问分布于全球计算机上的海量资源,实现在互联网中的漫游。超链接能使Web服务存在广泛和持久的生命力,超链接可以说是Web的灵魂。

4、URL

URL(Uniform Resource Locator的缩写),统一资源定位器。互联网中某种信息资源以某种方式存储在网络中的某处,必须用一个惟一的URL来进行标识,这样才能方便查找。对于Web来说,可以简单并通俗把URL理解为网址。每个Web网页都有自己的网址,在浏览器地址栏里输入网页的URL,就可以访问这个网页。例如,https://www.doczj.com/doc/5b18353147.html,/index.html,其意思就是采用http超文本传输协议访问新浪网的首页,由于网页均是通过http超文本传输协议进行访问,默认下,“http://”可以省略不输。

5、IP地址

为了使互联网上的电脑主机在通信时能够相互识别,每台主机都分配一个能表示其位置的IP(Internet Protocol)地址,这如同公用电话网中电话的号码一样。IP地址是由专门的互联网机构来分配。IP地址具有惟一性,是由32位二进制数组成,分为四组,每组8位,每组之间用小数点分隔,在实际之中常转换成十进制数表示。

2.2企业网站的设计与规划

1、明确架设网站的目的及客户要求

通常情况下,架设企业网站主要是为了通过互联网表达企业在商业、科技、交际、生活等方面的信息需求或者进行信息的交流,具有较强的目的性,我的企业网站一般体现在:为了展示自己的风采,让大家和我一起分享我的心得与经验,让和我有共同爱好的朋友有一个倾诉的地方。

2、我的企业网站概貌

因为是企业网站,所以符合企业的风格,,还应用了现在流行的网站设计技术和数据库技术。因此将网站设计分为前台页面展示平台和后台在线管理平台。

3、主要功能介绍

网站设计有新闻更新,浏览者可以在首页浏览每日企业的新闻,并且可以在留言板和大家交流,在后台管理页面中,通过身份认证,管理员——我,可以对网站信息进行管理。站内的其它页面均是我自己的精心收藏,与大家一起分享。

4、功能描述

(一)企业简介,新闻咨询,企业荣誉。

企业简介:详细介绍企业的历史与发展。

新闻咨询:在本站首页显示企业新闻,供浏览者浏览。

企业荣誉:展示企业获得的荣誉。

(二)客户留言

是一个我与大家谈心交流的地方,在留言板中,我们可以畅所欲言,和大家进行交流。就我们感兴趣的话题展开讨论。和大家进行沟通。

(三)会员中心

提供会员注册,会员登录,修改资料等。

(四)下载中心

显示下载信息,下载记录,并且提供下载。

(五)营销网络

在其中展示营销产品,朋友们可以购买自己喜爱的产品。

(六)后台管理页面

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

(七)页面组织和数据库设计

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

建立一个网站好比写一篇文章,首先要拟好提纲,文章才能主题明确,层次清晰。如果网站结构不清晰,目录庞杂,内容东一块西一块。结果不但浏览者看得糊涂,自己扩充和维护网站也相当困难。网站的题材确定后,并且收集和组织了许多相关的资料内容,但如何组织内容才能吸引网友们来浏览网站呢?栏目的实质是一个网站的大纲索引,索引应该将网站的主体明确显示出来。因此我将自己的企业网站分为九个栏目,分别是:企业简介、新闻资讯、产品展示、下载中心、企业荣誉、营销网络、人才招聘、客户留言、会员中心;。

第三章详细设计

3.1数据库的设计

1、数据库搭建

使用Access2000实现关系型数据库

用户密码登记表Admin

存储了系统用户信息,包括:用户名,密码,用户权限,时间等等。它的设计视图如图1-1:

图1-1

客户留言基本档案表feedback

存储了用户的档案包括:用户名,公司名称、公司地址、邮编,联系人,联系电话,手机,传真,E-mail,网址,管理员反馈,反馈主题,反馈内容,日期回复日期,Publish。它的设计视图如图1-2:

图1-2

会员基本信息表user,如图1-3:

图1-3网上调查表vote,如图1-4:

图1-4新闻小类表SmallClass-new,如图1-5:

图1-5

下载小类表SmallClass_down,如图1-6:

图1-6

产品小类表SmallClass,如图7:

图1-7

新闻大类表BigClass_New,如图1-8:

图1-8

网站模板表Skin,如图1-9:

图1-9

以上数据表为Access类型的库文件,将它定名为:“0791idc.mdb”。

2、连接数据库

在上面,我们已经为我们的程序创建了一个数据库,在这里,我们来用ASP把程序和数据库连接起来,以后就可以连接到数据库、在ASP中显示数据库中的数据以及更复杂的插入、修改和删除。

一起看以下代码,这就是ASP程序中常用的连接数据库的代码:

<%这是ASP程的起始

set conn=server.createobject("adodb.connection")'在服务器上创建了一个连接数据库的对象

connstr="Provider=Microsoft.jet.oledb.4.0;data

source="&server.mappath("0791idc.mdb")'告诉ASP数据库的接接方法以及路径conn.open connstr'创建了对象后就用来打开数据库进行连接

%>

3.2页面设计

(一)企业简介,新闻资讯,企业荣誉

企业简介:详细介绍企业的历史与发展。

新闻咨询:在本站首页显示企业新闻,供浏览者浏览。

企业荣誉:展示企业获得的荣誉。

1、功能

利用ASP对象语句显示企业简介,新闻咨询,企业荣誉信息。让大家可以看见所有有关信息。

2、组成构造

企业简介结果显示页面Aboutus.asp:用来显示企业信息。

新闻咨询显示页面Conews.asp:

企业荣誉显示页面CompHonor.asp:

数据库连接页面conn.asp

通用包含页面

3、页面浏览效果图,如图2-1,2-2,2-3:

图2-1

图2-2

图2-3

(二)客户留言

是一个我与大家谈心交流的地方,在留言板中,我们可以畅所欲言,和大家进行交流。就我们感兴趣的话题展开讨论。和大家进行沟通。

1、功能

利用ASP对象语句分类显示客户留言记录。

2、组成结构

客户留言信息页面FeedbackView.asp:显示所有留言信息

留言页面Feedback.asp

数据库连接页面conn.asp

通用包含页面

3、页面浏览效果图,如图2-4,2-5:

图2-4

图2-5

(三)会员中心

主要提供会员登录,修改会员资料、会员密码、查看自己留言等。

1、功能

完成会员修改资料。

2、组成结构

会员中心页面UserServer.Asp

数据库连接页面conn.asp

通用包含页面

3、页面浏览效果图页面浏览效果图,如图2-6。

图2-6

(四)下载中心

显示下载信息,下载记录,并且提供下载。

1、功能

提供用户下载。

2、组成结构

下载中心页面download.Asp

数据库连接页面conn.asp

通用包含页面

3、下载中心页面浏览效果图,如图2-7。

图2-7

(五)营销网络

显示产品营销的地区。

1、功能

介绍产品营销地。

2、组成结构

营销网络主页面HomeMarket.asp

数据库连接页面conn.asp

通用包含页面

3、浏览效果图,如图2-8。

图2-8

(六)后台管理页面

完成网站的管理。

1、功能

完成网站的管理:添加,修改,删除。

2、组成结构

后台管理页面admin/default.asp:完成网站添加,修改,删除的页面。

数据库连接页面conn.asp

通用包含页面

3、浏览效果图,如图2-9.

图2-9

第四章编码、测试与维护

4.1测试与维护

1、IIS(Internet信息服务)安装配置

可以在"添加或删除程序>>添加/删除Windows组件"对话框中把"Internet信息服务(IIS)"前的勾选中,点"下一步"进行安装就行了(注:在这之前应把系统安装盘放到光驱)。IIS装好之后再作一下简单的配置。定位到"开始>>管理工具>>Internet信息服务(IIS)管理器",打开IIS管理器。在"本地计算机>>网站>>默认网站"上右键单击,在快捷菜单里选"属性"(或者直接在操作菜单下选"属性"),弹出如下对话框图3-1:

图3-1

切换到"主目录"标签,重新选择网站根目录(我选择的是E盘下的my web目录),默认是"系统盘:\Inetpub\wwwroot",因为系统盘不宜放太多的非系统文件,所以在这里重设默认网站要目录,如果嫌麻烦可以跳过这步。再切换到"文档"标签,通过"添加"、"删除"、"上移"、"下移",把站点的默认文档设置如图3-2:

图3-2

可能有些朋友会疑惑,设置默认内容文档有什么作用?细心的朋友应该会发现,在浏览一些大网站的首页时用它的一级域名就行了,并不需要指定请求页的文件名,这就是设置了默认内容文档的缘故,它的作用就是在浏览器请求没有指定文档的名称时,将默认文档提供给浏览器。要得到更详尽的解释说明,可以点击图3中的“帮助”。之所以有这步,是因为网站的默认内容页中没有index.asp,不大符合国人习惯。

2、Dreamweaver测试站点和用IIS测试本地站点

Dreamweaver 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,就会看见网站了。

3、维护

网站建成后并不意味着网站建设的结束,网站内容需要不断更新,这样才会不断的吸引更多的浏览者访问,才能成为一个优秀的网站。通过FTP软件将更新过的网页上传到服务器或通过Dream weaver来远程管理站点,同时还要认真回复浏览者的电子邮

相关主题
文本预览
相关文档 最新文档