李心愿毕业论文ok

河南农业大学 本科生毕业论文（设计）题 目 个人动态网站设计 学 院 机电工程

河南农业大学 本科生毕业论文（设计）

题 目 个人动态网站设计 学 院 机电工程学院 专业班级

学生姓名 指导教师

撰写日期：

1

摘 要

现在网络已经成为了我们生活中不可缺少的元素，简单的HTML 网页但它已不能满足人们想互动或者随时更新网站内容的需求，所以应用而生的是一种动态网页技术。本网站是用ASP 语言和Vbscript 脚本语言实现，后台数据选用office Access数据库，可以实行最基本的功能如，站内留言，写日志，音乐播放与下载，相册浏览，网站浏览人数统计以及后台管理的功能。其中留言，日志和音乐页面用到了动态ASP 技术，实现网站的即时更新，相册，个人档案等则是纯粹的静态页面. 可以这样理解，动态网页其实是服务器根据用户提交的条件而生成的一个静态页面。

关键词：ASP 技术，动态网站，网页

2

Personal dynamic website design

Abstract

Now the network has become indispensable elements in our life, Past simple HTML page can not satisfy us to do something like interacting or updating website content, So the dynamic web technology comes. This site has been developed by Vbscript and ASP scripting language, And the office Access database has been used, which can implemented some basic functions such as message, log, music playing or down, browsing the photos of myself, counting the visitors of my web, as well as the back-stage management. In other words, the dynamic web actually is a static page generated by the server which is based on the user’s condition .

Key Words ：ASP technology；dynamic website；web page

3

目 录

1 引言 ............................................................. - 1 -

2开发技术.............................................................. 2

2.1 IIS ................................................................ 2

2.1.1 IIS的添加........................................................ 3

2.1.2 IIS的运行........................................................ 3

2.2 ASP简介............................................................ 4

2.3 office Access数据库................................................ 4

2.4 Microsoft Dreamweave 8简介........................................ 5

2.5 adode Photoshop CS ................................................. 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 4

附录2：管理员删除页面源代码..........................2错误！未定义书签。 5

1 引言

随着科技的进步，时代的发展，计算机信息行业的逐步壮大，加上人们也越来越离不开各种各样的信息，对信息的追求更是越来越迫切了，因此计算机信息的发展也必须适应这一潮流。然而现代社会的人们喜欢在网络上张显自己的个性，写出自己的心情，记下身边一些奇怪有趣的事，在网络上粘贴自己个性的相册，制作自己个人的网站，有些用于商业目的，有些用于娱乐，但最终都是满足了自己的爱好，同时又学到了自己需要的知识。由于本人的知识水平有限，实际的经验也不足，所以所制作出来的作品有许多的不足和漏洞，希望大家提出宝贵的意见和批评。以下是我的设计思想

第一步：确定网站结构

网站包括那些栏目，采用怎样的制作结构，这些都是我们在制作网站前要首先确定的，网站结构为以后的设计奠定了基础。合理的网站栏目结构其实并没有什么特别之处，但是能直观正确的表达网站的基本内容及其内容之间的层次关系，站在用户的角度考虑，使得用户在网站浏览时可以方便的获取信息，不至于迷失。

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

图1-1 网站结构图

第二步：确定网站风格

.- 1 -.

风格是抽象的，是指网站饿整体形象给浏览者的综合感受。这个整体形象包括网站色彩，字体，版面布局，浏览方式，文字，语气等诸多因素，网站可以是平易近人的、生动活泼的也可以是专业严肃的。不管是色彩、文字、布局还是交互方式，只要能由此让浏览者明确分辨出这是你网站独有的，这就是网站的风格。我的网站坚持使用纯色或者颜色比较一致的图片做背景，这样是读者看起来不至于产生幻觉，风格的形成不是一次定位的，我们可以在事件中不断强化、改进、调整。

第三步：给网站申请域名

域名是联接网站和互联网网址的纽带，它像品牌、商标一样具有重要的识别作用，是访问者通达网站的“钥匙”，是网站在网络上存在的标志，担负着标示站点和导向网站站点的双重作用。 在选取域名的时候，首先要遵循两个基本原则。

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

这是判断域名好坏最重要的因素。一个好的域名应该短而顺口，便于记忆，最好让人看一眼就能记住，而且读起来发音清晰，不会导致拼写错误。此外，域名选取还要避免同音异义词。

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

用有一定意义和内涵的词或词组作域名，不但可记忆性好，而且有助于实现企业的营销目标。例如个人爱好，喜欢的词语或者企业网站的话可以选择企业名称、产品名称等都是不错的选择，这样能更加方面记忆以及加强宣传作用。一个好的域名会大大增加网站在互联网上的知名度，本站注册lmonkey 就取之简记, 因此，如何选取好的域名就显得十分重要。

对于初学者来说可以申请免费域名来检测，本站在5944.net 注册了免费空间，网站为http://lmonkey.8c8c.info/ ，因为是免费的所以空间不太稳定并且有一定的时间限制。

2 开发技术

2.1 IIS

IIS 是Internet Information Server 的缩写，它是微软公司主推的Web 服务器，基于运行Microsoft Windows 的互联网基本服务。最初是Windows NT 版本的可选包，随后内置在Windows 2000、Windows XP Professional和Windows Server 2003一起

.- 2 -.

发行，但在普遍使用的Windows XP Home版本上并没有IIS 。IIS 意味着你能发布网页，并且有ASP （Active Server Pages ）、JAVA 、VBscript 产生页面，有着一些扩展功能。它的一个重要特性是支持ASP ，IIS3.0版本以后引入了ASP ，可以很容易的张贴动态内容和开发基于Web 的应用程序。

2.1.1 IIS的添加

进入“控制面板”，依次选“添加/删除程序→添加/删除Windows 组件”，将“Internet 信息服务（IIS ）”前的小钩去掉（如有），重新勾选中后按提示操作即可完成IIS 组件的添加。用这种方法添加的IIS 组件中将包括Web 、FTP 、NNTP 和SMTP 等全部四项服务。

2.1.2 IIS的运行

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

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

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

.- 3 -.

2.2 ASP简介

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.3 office Access数据库

Access 是微软公司推出的基于Windows 的桌面关系数据库管理系统（RDBMS ，即Relational Database Management System），是Office 系列应用

.- 4 -.

软件之一。它提供了表、查询、窗体、报表、页、宏、模块7种用来建立数据库系统的对象；提供了多种向导、生成器、模板，把数据存储、数据查询、界面设计、报表生成等操作规范化；为建立功能完善的数据库管理系统提供了方便，也使得普通用户不必编写代码，就可以完成大部分数据管理的任务。ASP 访问数据库的方式：在ASP 脚本中可以通过ADO （activex data objects ）方式访问数据库[3]。

2.4 Microsoft Dreamweave 8简介

Dreamweave 是Macromedia 公司推出的可视化网页制作工具，是较受网页设计人员欢迎的网页制作软件之一，是网站建设不可缺少的工具之一。Macromedia Dreamweave 8是建立Web 站点和应用程序的专业工具。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，在编辑上可以选择可视化方式或者源码编辑方式[4]。

2.5 adode Photoshop CS

Photoshop 是世界顶尖级的图像设计与制作工具软件。图像处理是对已有的位图图像进行编辑加工处理以及运用一些特殊效果，其重点在于图像的处理加工。在表现图像中的阴影和色彩的细微变化方面或者进行一些特殊效果处理时，使用位图形式是最佳的选择，他在这方面的优点是矢量图无法比拟的。 3 网站设计

3.1 数据库的设计

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

.- 5 -.