个人动态网站设计毕业论文.doc

个人动态网站设计毕业论文.doc

《个人动态网站设计毕业论文.doc》由会员分享，可在线阅读，更多相关《个人动态网站设计毕业论文.doc（33页珍藏版）》请在冰点文库上搜索。

河南农业大学

本科生毕业论文（设计）

题目个人动态网站设计

学院机电工程学院

专业班级

学生姓名

指导教师

撰写日期：

5

摘要

现在网络已经成为了我们生活中不可缺少的元素，简单的HTML网页但它已不能满足人们想互动或者随时更新网站内容的需求，所以应用而生的是一种动态网页技术。

本网站是用ASP语言和Vbscript脚本语言实现，后台数据选用officeAccess数据库，可以实行最基本的功能如，站内留言，写日志，音乐播放与下载，相册浏览，网站浏览人数统计以及后台管理的功能。

其中留言，日志和音乐页面用到了动态ASP技术，实现网站的即时更新，相册，个人档案等则是纯粹的静态页面.可以这样理解，动态网页其实是服务器根据用户提交的条件而生成的一个静态页面。

关键词：

ASP技术，动态网站，网页

Personaldynamicwebsitedesign

Abstract

Nowthenetworkhasbecomeindispensableelementsinourlife,PastsimpleHTMLpagecannotsatisfyustodosomethinglikeinteractingorupdatingwebsitecontent,Sothedynamicwebtechnologycomes.ThissitehasbeendevelopedbyVbscriptandASPscriptinglanguage,AndtheofficeAccessdatabasehasbeenused,whichcanimplementedsomebasicfunctionssuchasmessage,log,musicplayingordown,browsingthephotosofmyself,countingthevisitorsofmyweb,aswellastheback-stagemanagement.Inotherwords,thedynamicwebactuallyisastaticpagegeneratedbytheserverwhichisbasedontheuser’scondition.

KeyWords：

ASPtechnology；dynamicwebsite；webpage

目录

1引言 1

2开发技术 2

2.1IIS 2

2.1.1IIS的添加 3

2.1.2IIS的运行 3

2.2ASP简介 4

2.3officeAccess数据库 4

2.4MicrosoftDreamweave8简介 5

2.5adodePhotoshopCS 5

3网站设计 5

3.1数据库的设计 5

3.2图片准备 7

3.3首页的制作 8

3.4音乐页面制作 9

3.4.1音乐数据库链接 9

3.4.2播放与下载页面 11

3.5留言页面制作 13

3.5.1留言模板的建立 13

3.5.2查看留言 14

3.5.3写留言 15

3.5.4管理员回复与删除 15

3.6日志页面制作 17

3.7相册页面的制作 18

3.8友情链接板块 19

参考文献 20

致谢 21

附录1：

写留言模块源代码 22

附录2：

管理员删除页面源代码 28

1引言

随着科技的进步，时代的发展，计算机信息行业的逐步壮大，加上人们也越来越离不开各种各样的信息，对信息的追求更是越来越迫切了，因此计算机信息的发展也必须适应这一潮流。

然而现代社会的人们喜欢在网络上张显自己的个性，写出自己的心情，记下身边一些奇怪有趣的事，在网络上粘贴自己个性的相册，制作自己个人的网站，有些用于商业目的，有些用于娱乐，但最终都是满足了自己的爱好，同时又学到了自己需要的知识。

由于本人的知识水平有限，实际的经验也不足，所以所制作出来的作品有许多的不足和漏洞，希望大家提出宝贵的意见和批评。

以下是我的设计思想

第一步：

确定网站结构

网站包括那些栏目，采用怎样的制作结构，这些都是我们在制作网站前要首先确定的，网站结构为以后的设计奠定了基础。

合理的网站栏目结构其实并没有什么特别之处，但是能直观正确的表达网站的基本内容及其内容之间的层次关系，站在用户的角度考虑，使得用户在网站浏览时可以方便的获取信息，不至于迷失。

图1-1是我个人网站的结构图：

图1-1网站结构图

第二步：

确定网站风格

风格是抽象的，是指网站饿整体形象给浏览者的综合感受。

这个整体形象包括网站色彩，字体，版面布局，浏览方式，文字，语气等诸多因素，网站可以是平易近人的、生动活泼的也可以是专业严肃的。

不管是色彩、文字、布局还是交互方式，只要能由此让浏览者明确分辨出这是你网站独有的，这就是网站的风格。

我的网站坚持使用纯色或者颜色比较一致的图片做背景，这样是读者看起来不至于产生幻觉，风格的形成不是一次定位的，我们可以在事件中不断强化、改进、调整。

第三步：

给网站申请域名

域名是联接网站和互联网网址的纽带，它像品牌、商标一样具有重要的识别作用，是访问者通达网站的“钥匙”，是网站在网络上存在的标志，担负着标示站点和导向网站站点的双重作用。

在选取域名的时候，首先要遵循两个基本原则。

1．域名应该简明易记，便于输入

这是判断域名好坏最重要的因素。

一个好的域名应该短而顺口，便于记忆，最好让人看一眼就能记住，而且读起来发音清晰，不会导致拼写错误。

此外，域名选取还要避免同音异义词。

2．域名要有一定的内涵和意义

用有一定意义和内涵的词或词组作域名，不但可记忆性好，而且有助于实现企业的营销目标。

例如个人爱好，喜欢的词语或者企业网站的话可以选择企业名称、产品名称等都是不错的选择，这样能更加方面记忆以及加强宣传作用。

一个好的域名会大大增加网站在互联网上的知名度，本站注册lmonkey就取之简记,因此，如何选取好的域名就显得十分重要。

对于初学者来说可以申请免费域名来检测，本站在注册了免费空间，网站为http:

//lmonkey.8c8c.info/，因为是免费的所以空间不太稳定并且有一定的时间限制。

2开发技术

2.1IIS

IIS是InternetInformationServer的缩写，它是微软公司主推的Web服务器，基于运行MicrosoftWindows的互联网基本服务。

最初是WindowsNT版本的可选包，随后内置在Windows2000、WindowsXPProfessional和WindowsServer2003一起发行，但在普遍使用的WindowsXPHome版本上并没有IIS。

IIS意味着你能发布网页，并且有ASP（ActiveServerPages）、JAVA、VBscript产生页面，有着一些扩展功能。

它的一个重要特性是支持ASP，IIS3.0版本以后引入了ASP，可以很容易的张贴动态内容和开发基于Web的应用程序。

2.1.1IIS的添加

进入“控制面板”，依次选“添加/删除程序→添加/删除Windows组件”，将“Internet信息服务（IIS）”前的小钩去掉（如有），重新勾选中后按提示操作即可完成IIS组件的添加。

用这种方法添加的IIS组件中将包括Web、FTP、NNTP和SMTP等全部四项服务。

2.1.2IIS的运行

当IIS添加成功之后，再进入“开始→设置→控制面板→管理工具→Internet服务管理器（Internet信息服务）”以打开IIS管理器，对于有“已停止”字样的服务，均在其上单击右键，选“启动”来开启[1]。

安装成功后的页面如下（IIS默认的网站http:

//localhost/）：

图2-1IIS安装测试成功页面

2.2ASP简介

ASP是一种服务器端脚本编写环境，可以用来创建和运行动态网页或Web应用程序。

ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。

利用ASP可以向网页中添加交互式内容（如在线表单），也可以创建使用HTML网页作为用户界面的web应用程序。

与HTML相比，ASP网页具有以下特点：

（1）利用ASP可以实现突破静态网页的一些功能限制，实现动态网页技术；

（2）ASP文件是包含在HTML代码所组成的文件中的，易于修改和测试；

（3）服务器上的ASP解释程序会在服务器端执行ASP程序，并将结果以HTML格式传送到客户端浏览器上，因此使用各种浏览器都可以正常浏览ASP所产生的网页；

（4）ASP提供了一些内置对象，使用这些对象可以使服务器端脚本功能更强。

例如可以从web浏览器中获取用户通过HTML表单提交的信息，并在脚本中对这些信息进行处理，然后向web浏览器发送信息；

（5）ASP可以使用服务器端ActiveX组件来执行各种各样的任务，例如存取数据库、发送Email或访问文件系统等。

（6）由于服务器是将ASP程序执行的结果以HTML格式传回客户端浏览器，因此使用者不会看到ASP所编写的原始程序代码，可防止ASP程序代码被窃取。

（7）开发需要有丰富的经验,否则会留出漏洞,让黑客利用进行注入攻击.

当在Web站点中融入ASP功能后，将发生以下事情：

1、用户向浏览器地址栏输入网址，默认页面的扩展名是.asp。

2、浏览器向服务器发出请求。

3、服务器引擎开始运行ASP程序。

4、ASP文件按照从上到下的顺序开始处理，执行脚本命令，执行HTML页面内容。

5、页面信息发送到浏览器[2]。

2.3officeAccess数据库

Access是微软公司推出的基于Windows的桌面关系数据库管理系统（RDBMS，即RelationalDatabaseManagementSystem），是Office系列应用软件之一。

它提供了表、查询、窗体、报表、页、宏、模块7种用来建立数据库系统的对象；提供了多种向导、生成器、模板，把数据存储、数据查询、界面设计、报表生成等操作规范化；为建立功能完善的数据库管理系统提供了方便，也使得普通用户不必编写代码，就可以完成大部分数据管理的任务。

ASP访问数据库的方式：

在ASP脚本中可以通过ADO（activexdataobjects）方式访问数据库[3]。

2.4MicrosoftDreamweave8简介

Dreamweave是Macromedia公司推出的可视化网页制作工具，是较受网页设计人员欢迎的网页制作软件之一，是网站建设不可缺少的工具之一。

MacromediaDreamweave8是建立Web站点和应用程序的专业工具。

它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，在编辑上可以选择可视化方式或者源码编辑方式[4]。

2.5adodePhotoshopCS

Photoshop是世界顶尖级的图像设计与制作工具软件。

图像处理是对已有的位图图像进行编辑加工处理以及运用一些特殊效果，其重点在于图像的处理加工。

在表现图像中的阴影和色彩的细微变化方面或者进行一些特殊效果处理时，使用位图形式是最佳的选择，他在这方面的优点是矢量图无法比拟的。

3网站设计

3.1数据库的设计

本网站中用到四个数据库分别是音乐数据库Music.mdb、留言数据库Massage.mdb、日志数据库suibi.mdb、网站计数器数据库jsp.mdb。

页面如下：

图3-1Music.mdb音乐数据库

图3-2Massage.mdb留言数据库

图3-3Suibi.mdb日志数据库

图3-4jsp.mdb网站计数器数据库

3.2图片准备

在做网站之前首先就是准备素材，包括网站内容，背景图片等，可以在网上搜到各种各样的图片素材，然后用Photoshop处理，最后得到符合网站需要的图片。

3.3首页的制作

图3-5代码设计窗口

该窗口即是Dreamweaver8的设计窗口，以下的代码均在此窗口中完成，包括图片，表格等的插入以及网页页面的设计排版等。

图3-6首页面index.asp

首页为index.asp，链接到后台数据库jsp.mdb,包括网站导航，各个页面的连接以及后台管理入口和其他友情连接，和网站计数器等。

在页面右侧的应用程序窗口中点击数据库下的“+”选择“自定义连接字符串”弹出窗口3-8所示，在连接字符串中输入"Provider=Microsoft.Jet.OLEDB.4.0;datasource="

&server.mappath（"\data\jsp.mdb"）连接到计数器数据库[5]。

运行页面如图3-7所示：

图3-7首页浏览

3.4音乐页面制作

3.4.1音乐数据库链接

点击Dreamweaver8界面右侧的应用程序窗口。

点击“+”在弹出的菜单中选中“自定义链接字符串”，弹出自定义链接字符串窗口如图3-8所示：

图3-8自定义链接字符串

在链接字符串中输入如下字符：

"Provider=Microsoft.Jet.OLEDB.4.0;datasource="&server.mappath（"\data\music.mdb"）点击“测试”出现如图3-9所示即实现了链接数据库。

图3-9链接成功

生成的Dreamweaver界面中代码如下：

<%

'FileName="Connection_ado_conn_string.htm"

'Type="ADO"

'DesigntimeType="ADO"

'HTTP="true"

'Catalog=""

'Schema=""

DimMM_music_STRING

MM_music_STRING="Provider=Microsoft.Jet.OLEDB.4.0;datasource="&server.mappath（"\data\music.mdb"）

%>

<%

DimRS1

DimRS1_numRows

SetRS1=Server.CreateObject（"ADODB.Recordset"）

RS1.ActiveConnection=MM_music_STRING

RS1.Source="SELECT*FROMtMusic"

RS1.CursorType=0

RS1.CursorLocation=2

RS1.LockType=1

RS1.Open（）

RS1_numRows=0

%>[6]

3.4.2播放与下载页面

播放

图3-10音乐页面

点击播放按钮，将弹出ActiveX插件，调用WindowsMediaPlayer播放选中的歌曲，他们之间是通过歌曲数据库中歌曲的MusicPath即歌曲路径来实现播放，为了节省空间，我是从其他网站上找到歌曲ID，这样做虽然节省了空间，但有一个缺点就是如果所链接网站上的歌曲源地址发生改变，那么这个歌曲在次网站则无法播放或者找不到文件。

图3-11音乐播放页面

其中代码为：

22d6f312-b0f6-11d0-94ab-0080c74c7e95"align="baseline"border="0"standby="LoadingMicrosoftWindowsMediaPlayercomponents..."type="application/x-oleobject">

"/>

[7]

点击音乐页面的下载按钮则运行如图3-12所示：

图3-12音乐下载页面

同样也是通过传递歌曲MusicPath实现Response.Redirect（RS1.Fields.Item（"MusicPath"）.Value）

3.5留言页面制作

3.5.1留言模板的建立

Dreamweaver模板是一种特殊类型的文档，用于设计“固定的”页面布局；然后您便可以基于模板创建文档，创建的文档会继承模板的页面布局。

设计模板时，可以指定在基于模板的文档中哪些内容是用户“可编辑的”。

使用模板可以一次更新多个页面。

从模板创建的文档与该模板保持连接状态。

可以修改模板并立即更新基于该模板的所有文档中的设计[8]。

使用模板可以使网页看起来更美观整齐，有利于保持网页风格一致，并且提高工作效率。

留言模板页如图3-13所示：

图3-13留言模板

模板中用到了动态文本的效果，“有事请留言，我会尽快回复！

”实现动态效果只需要为文本添加一个页面标签：

有事请留言,我会及时回复!

[8]

3.5.2查看留言

点击首页的“给我留言”即可进入查看页面，显示所有留言，且是倒叙显示，即后留言的显示在最顶端，这样方便浏览和管理员操作。

留言显示了用户姓名、QQ、留言主题、留言内容、以及管理员是否回复和留言时间。

如图3-14所示。

图3-14查看留言

3.5.3写留言

进入查看留言页面即可点击“写留言”进行操作，其中的姓名、QQ、主题、内容都是必须填写的，填写完后点击提交留言即可（代码见附录代码I）。

用户留言界面如图3-14所示：

图3-15写留言页面

3.5.4管理员回复与删除

这个页面也即是后台操作的一部分，只有管理员登陆后才可以进行相应的修改，其中管理员删除页面的代码见附录代码II。

图3-16登陆页面

图3-17管理员登陆留言页面

图3-18管理员回复页面

3.6日志页面制作

图3-19日志浏览页面

日志页面包括浏览页面sbindex.asp和管理页面sbadmin.asp，浏览者只可以浏览日志，管理者可以写日志，日志板块用到模板suibi1.dwt,这样可以使日志看起来更美观。

运行页面如图3-20：

图3-20日志页面

后台管理页面比浏览页面多了写日志和删除日志功能，日志页面的不足之处在与浏览者不能参与回复，只能查看。

3.7相册页面的制作

图3-21相册页面

Photo.asp、flower.asp、beautiful.asp分别为网站的三个相册，中间应用模板myphoto.dwt。

网站相册的不完善之处在于它不能实现在线添加相册或删除，必须更新页面才可以实现，这是不足之处，以后有待完善。

3.8友情链接板块

友情链接板块包括招聘网站、购物网站、新闻网站，仅是个人上网比较喜欢浏览的网址，在此仅供参考如图3-22所示：

图3-22首页中的友情链接

参考文献

[1]刘瑞阳，黎卫东，黄炳强.Dreamweaver8+ASP动态网站开发从入门到精通人民邮电出版社

[2]倪洪球.Dreamweaver8+ASP动态网站开发实例精讲人民邮电出版社

[3]龙马工作室编著.asp+access网站开发实例精讲人民邮电出版社

[4]戌马工作室编著Dreamweaver8与ASP动态网站开发自学导航北京：

机械工业出版社，2006.01

[5]昭君工作室编著Dreamweaver8中文版网站开发自学导航北京：

机械工业出版社，2006.01

[6]戎马工作室编著ASP动态网站开发自学导航北京：

机械工业出版社，2006.01

[7]刘瑞新主编ASP动态网站开发毕业设计指导及实例北京：

机械工业出版社，2006.01

[8]王峰基于IIS+ASP+access模式的网站安全问题研究《电脑知识与技术》2008年19期

[9]潘超ASP开发的网站安全浅析《中国科技博览》2009年6期

致谢

将近一个月的毕业设计让我确确实实学到了不少东西，从对网站的一无所知到现在的简单建站，我有一种小小的成就感，当然这中间离不了李勉老师的指导，李老师总能在我不知所措的时候给我帮助，并且不时的提出新的任务让我做得更好，在这里我由衷的感谢李老师。

感谢机电工程学院所有的老师对我的教育和培养，我在这四年的学习中，丰富了知识层面，学会了做人的道理，受益匪浅。

在此我对学院的所有老师表示深深的敬意!

四年的时间对于整个人生而言，也许是短暂而微不足道的。

但即将过去的这四年对我而言，却是人生一个重要的里程碑，深刻而难忘。

一个人的成长绝不是一件孤立的事，没有别人的支持与帮助绝不可能办到。

noonecansurvivewithouthelpfromothers.我感谢可以有这样一个空间，让