动态网页制作学习网站的设计与实现毕业论文Word格式.docx
《动态网页制作学习网站的设计与实现毕业论文Word格式.docx》由会员分享，可在线阅读，更多相关《动态网页制作学习网站的设计与实现毕业论文Word格式.docx（17页珍藏版）》请在冰豆网上搜索。
一个客户机可以向许多不同的服务器请求，一个服务器也可以向多个不同的客户机提供服务，一个客户机启动与某个服务器的对话，服务器通常是等待客户机请求的一个自动程序。
协议是客户机请求服务器和服务器如何应答请求的各种方法的定义。
如图2.1所示：
客户机
服务器
协议
图2.1客户机和服务器的关系
在这个结构中，充当服务器（有许多可用的WEB服务器，最常用的是Apache，IIS和Iplanet的Enterprise服务器）的就是WEB服务器软件，而计算机上运行的WEB浏览器（Netscape，MicrosoftInternetExplorer等）就是对服务器发出请求的客户机程序，当WEB服务器接收到WEB浏览器的请求后，将请求的数据发送到WEB浏览器，浏览器对接收到的数据进行解释并在屏幕上显示出来。
这实际上是一个请求一应答的过程，这个过程遵循以下步骤：
（1）在计算机上运行一个WEB浏览器客户机程序，如Netscape或者MicrosoftInternetExplorer。
（2）通过网络与Internet建立连接。
（3）向Internet上的服务器请求一个页面。
为此，浏览器要发送以下消息：
含传输协议的URL地址：
例如：
http：
／／cdqf．xicp．net。
（4）服务器收到请求后，查找所请求的HTML到组成的页面文件。
（5）服务器将所请求的页面传到客户机上。
（6）浏览器接收到服务器传来的HTML文件后，将对它解释并在屏幕上显示出来。
根掘以上的步骤，要解WEB原理，除了知道它是客户机服务器结构外，还需了解在WWW中，WEB服务器做什么工作、客户机上的浏览器傲什么工作，客户机和服务器通讯时采用的协议。
下面，我们对这些内容逐一解释。
WEB服务器及浏览器的功能
一个WEB服务器的功能是：
（1）接受请求。
（2）请求的合法性检查。
（3）针对请求获取并制作数据，包括Java脚本和程序、CGI脚本和程序、为文件设置适当的MIME类型来对数据进行前期处理和后期处理。
（4）把信息发送给提出请求的客户机。
WEB服务器发送给客户浏览器的是一个HTML文件，服务器对浏览器的请求信息的传输是分次的，先传输纯文本信息，再传输多媒体信息。
一个WEB浏览器的功能是：
（1）制作一个请求（通常在单击某个链接点时启动）。
（2）通过网络将请求发送给某个服务器。
（3）解释服务器传来的HTML文档，并把结果显示在屏幕上。
协议通俗的说，协议是计算机问通讯所共同遵守的一些规则。
WEB中，客户机和服务器之间根据通讯内容的不同遵守不同的协议。
经常用到的协议有MAILTO（邮件协议）、FTP（文件传输协议）、NEWS（新闻组协议）等。
各种协议使用了统一资源定位器URL（UniformResourceLocator），URL提供了一定的信息，使我们能够在Internet上的任何一台机器上访问任何可用的公共数据，URL的标准格式如下：
协议名称：
II机器地址：
端口号／路径名／文件名.
2.2.动态页面工作原理
客户端的动态页面：
在客户端模型中，附加到浏览器上的模块完成创建动态页面的全部工作。
HTML代码通常随包含一套指令的单独文件传送到浏览器，该文件在HTML页面中引用。
但是，常见的另一种情况是这些指令与HTML代码混合在一起。
当用户请求WEB页面时，浏览器利用这些指令为页面生成纯HTML。
也就是说，页面根据请求动态生成。
这个过程遵循以下步骤：
（1）编写一套用于创建HTML的指令，并将它保存到．html文件中。
也可以用其他语言编写一套指令，这些指令可以包含在．html文件，或放在单独的文件中。
（2）用户在其浏览器中输入请求页面地址，该请求就从浏览器传送到WEB服务器。
（3）WEB服务器确定．html页面的位置，也许还需要确定包含指令的第二个文件的位置。
（4）WEB服务器将新创建的HTML流与指令通过网络传回浏览器。
（5）位于浏览器的模块会处理指令，并将．html页面的指令以HTML形式返回，但只返回一个页面，即使有一两个请求也是如此。
（6）浏览器处理HTML，共显示该页面。
由于客户端脚本代码的不安全性、需要较长的页面下载时间等缺点，我们没有使用客户端动态页面技术。
服务器端的动态页面：
利用服务器端模型，HTML源代码与另外一套指令被传回到WEB服务器（可以混合在一起传送，也可以分丌传送）。
当用户请求页面时，再使用这套指令给页面生成HTML，页面会根据请求动念生成。
（1）编写用于创建HTML的指令，并将这些指令保存到文件中。
（3）WEB服务器确定指令文件的位置。
（4）WEB服务器根据指令创建HTML流。
（5）WEB服务器将新创建的HTML流通过网络传回浏览器。
（6）浏览器处理HTML，并显示WEB页面。
与客户端模型的不同之处是处理指令的位置。
在页面返回到浏览器之前，所有处理工作都在服务器上完成。
此方法的主要优点是页面的初始逻辑隐藏在服务器中，只有HTML代码传回浏览器，这样就可以保证大多数浏览器能够币常显示该页面。
客户端和服务器端技术都没有在静态WEB页面的正常处理中增加太多的复杂性（客户端技术的步骤（5）或服务器端技术的步骤（4）），但有一步是至关重要：
对于动态页面技术而言，直到请求WEB页面之后,才生成定义WEB页面的html。
3.ASP简介及ASP技术工作原理
3.1.ASP简介
3．1．1.ASP页面的结构
ASP的程序代码简单、通用，文件名由．asp结尾，ASP文件通常由四部分构成：
1）标准的HTML标记：
所有的HTML标记均可使用。
2）ASP语法命令：
位于<
％％>
标签内的ASP代码[5]。
3）服务器端的include语句：
可用#include语句调入其它ASP代码，增强了编程的灵活性。
4）脚本语言：
ASP自带JavaScript和VBScript两种脚本语言，增加了ASP的编程功能，用户也可安装其它脚本语言。
3．1．2.ASP的运行环境
目前ASP可运行在三种环境下。
1）WINDOWSNTserver4．0运行IIS3．0（InternetInformationServer）以上。
2）WINDOWSNTworkstation4．0运行PeerWebServer3．0以上。
3）WINDOWS95／98运行PWS（PersonalWebServer）。
其中以NTserver上的IIS功能最强，提供了对ASP（6）的全面支持，是创建高速、．稳定的ASP主页的最佳选择。
3．1．3.ASP的内建对象
ASP提供了六个内建对象，供用户直接调用：
1）Application对象：
负责管理所有会话信息，可用来在指定的应用程序的所有用户之间共享信息。
2）Session对象：
存贮特定用户的会话信息，只被该用户访问，当用户在不同WEB页面跳转时，Session中的变量在用户整个会话过程中一直保存。
Session对象需cookie支持。
3）Request对象：
从用户端取得信息传递给服务器，是ASP读取用户输入的主要方法。
4）Response对象：
服务器将输出内容发送到用户端。
5）Server对象：
提供对服务器有关方法和属性的访问。
6）ObjectContext对象：
IIS4．0新增的对象，用来进行事务处理。
此项功能需得到MTS（MicrosoftTransactionServer）管理的支持。
3．1．4.ASP的内置组件
1）AdRotator组件：
用来按指定计划在同一页上自动轮换显示广告，用于WWW上日益重要的广告服务。
2）BrowserCapabilities组件：
确定访问WEB站点的用户浏览器的功能数据，包括类型、性能、版本等。
3）DatabaseAccess组件：
提供ADO（ActiveXDataObjects）来访问支持ODBC的数据库。
4）FileAccess组件：
提供对服务器端文件的读写功能。
5）ContentLinking组件：
生成WEB页内容列表，并将各页顺序连接，用于制作导航条。
此外，还可安装Myinfo、Counters、ContentRotator、PageCount等组件，用户也可自行编制Active组件，以提高系统的实用性。
3.2.ASP技术工作原理
ASP主要的功能是在Web环境下，由客户端浏览器传递一些信息给Web服务器，再由Web服务器去启动所指定的程式码来完成特定的工作，如图3．3所示。
客户
浏览器
Web
服务器
ＡＳＰ
程序
MySQL
数据库
①客户请求②执行ASP程序③数据库操作
⑥客户响应⑤动态产生HTML④返回查询结果
图3.3ASP的工作原理
1用户通过Web客户端浏览器请求某个功能页面
2Web服务器接受这个请求，根据系统的逻辑设计将这个请求对应的ASP文件读出，交给ASP处理程序
3ASP处理程序解释这个文件，执行相应的处理过程，如数据库的访问与操作等。
4ASP从数据库中取得数据后，将按照文件的要求形成一个标准的HTML页面。
5将生成的HTML页面交给Web服务器。
6Web客户端浏览器将该HTML文件解释执行并显示出来。
这样就完成了一次客户浏览器端提出来的某个ASP请求。
从以上可以看出，由于脚本在服务器上，而不是在客户浏览器运行，传到浏览器上的Web页面是在服务器上生成的，所以服务器脚本不易被复制，用户看不到所要浏览页上的ASP的源代码，只能看到解释后的结果，这样就可以做到对源程序保密。
3.4.ASP访问数据库
ASP提供的数据库访问组件DatabaseAccess[8]通过ADO（ActiveXDataObjects）访问数据库及其他存储数据的表状数据结构。
ADO数据库连接是以开放数据库连接（ODBC）为基础的，可对任何支持ODBC数据源对数据库的操作，包括Sybase，Oracle，SQLServer，Access，FoxPro，以及其它类型数据库。
可以提供任何类型数据库与Web服务器的访问方式。
ADO提供了七种对象其中最重要的两个对象是Connection和Recordset[9]。
ASP与ADO结合起来实现数据库访问的基本原理:
当用户使用浏览器请求ASP主页时，WEB服务器响应，调用ASP引擎来执行ASP文件，并解释其中的脚本语言（JavaScript
或VBScript），通过ODBC连接数据库，由数据库访问组件ADO（ActiveX
Data
Objects）[10]完成数据库操作，最后ASP生成包含有数据查询结果的HTML主页返回用户端显示。
由于ASP在服务器端运行，运行结果以HTML主页形式返回用户浏览器，因而ASP源程序不会泄密，增加了系统的安全保密性。
此外，ASP是面向对象的脚本环境，用户可自行增加ActiveX组件来扩充其功能，拓展应用范围ASP使用两个ADO组件对象来访问和操纵数据库，即用Connection对象来连接数据库和增加、删除、更新数据库的数据等，用Recordset对象来返回数据库访问的结果。
ADO为ASP提供了完整的Web数据库访问解决方案，使用ADO编写紧凑简明的脚本，以便连接到ODBC兼容的数据库，脚本中可使用VBScript,JavaScript语言来控制数据库的存取与查询结果的输出显示画面。
应用ADO访问数据库之前，要建立几个数据库或数据源，连接并打开相应的数据库。
然后设置并执行SQL命令来完成相应的任务，再用ASP语句返回结果，最后关闭数据库[11]。
4.需求分析
4.1.系统功能分析
本网站是一个关于动态网页的学习网站，里面介绍了关于动态网页的基本知识以及相制作技巧。
由于本人的能力有限，水平不高，特制作了几个站外链接，以便有兴趣者可以更加深入的学习。
此外，本站还建立了聊天室，以便广大爱好者可以相互交流经验。
同时，用户如果有什么问题还可以通过留言板给管理员留言，管理员会根据用户的问题的质量给予及时的回复或删除。
总之，要实现本网站的初衷经过分析必须要具备以下几个模块
（1）会员注册与登录模块
（2）留言模块
（3）聊天模块
（4）数据库模块
动态网站设计与实现
注册申请
用户登录
聊天室
在线留言
用户留言
管理员登录
编辑
删除
回复
图4.1系统体系结构图示
4.2.各个模块具体功能
4.2.1.会员注册与登录模块
会员注册与登录是动态网页中的一个很重要的部分，只有通过注册成为会员，才能实现某些相关的操作和浏览相关的信息，在注册过程中还需要对会员所填的内容进行检测,不符合要求的情况会给出提示，在填写注册信息后，可以对所填信息进行确认。
而且在个人信息修改页面可以进行修改。
会员登录需要验证帐号和密码，在登陆成功后，用户登录的信息会在系统session中保存，一直会保留到用户推出登陆或关闭浏览器，利用此对登录管理者，会员和浏览者的权限进行限制，加以区分。
4.2.2.留言模块
用户在浏览过程中遇到什么难题或者说有什么更好的建议，可以通过留言板给管理员留言，管理员通过登陆后，可以对用户的相关留言进行回复、编辑或删除。
4.2.3.聊天模块
为了方便读者交流我特意添加了聊天模块。
它像一个虚拟社区，来自不同地方的人都可以聚在一起进行很方便的交流。
大家可以彼此在一起讨论问题，交流经验。
聊天室主要分为两种，简单来说就是是否将聊天内容存入数据库。
本网站的聊天室只是将谈话内容存在application对象中，并没有将谈话内容保存到数据库中。
该对象直接在服务器中，每个进入聊天室的人都可以调用它，而且速度比存在数据库快得多。
5.数据库设计
5.1.数据库需求分析
根据系统功能设计的要求以及功能模块的划分，需要建立以下数据表：
用户注册数据表
留言管理数据表
管理员数据表
5.2.数据表的设计
表是关系数据库中基本的数据逻辑存储块。
它由一组数据列组成，根据不同关系数据库系统可以使用不同的术语来描述列、行以及表。
列也叫字段，或属性，而行可以叫记录，表可以叫做关系。
本网站的数据表主要包括以下3个：
（1）用户注册数据表（user）：
用于记录所有用户的注册信息
表1用户注册数据表
字段名称
数据类型
说明
ID
自动编号
ID键值
Username
文本
用户名
Password
密码
Sex
性别
Age
数字
年龄
Email
电子邮件
QQ
QQ号码
（2）用户留言数据表（yonghu）:
用于记录用户的留言信息
表2用户留言数据表
y_id
y_name
y_xingbie
y_liuyan
备注
留言的内容
y_touxiang
用户的头像
y_Oicq
Oicq号
y_email
电子邮箱
y_http
个人主页
y_time
日期/时间
留言时间
g_huifu
管理员回复的内容
y_ip
用户的IP地址
（3）管理员数据表（_guest）:
管理员登录信息
表3管理员数据表
g_name
管理员名称
g_password
管理员登录密码
6.动态网站系统实现
6.1.系统编码原则
6.1.1.编码实现原则
因为在开发动态网站系统的过程中，考虑到该系统目前数据量不是非常庞大、但是会在短期内增长。
而且单位办公计算机都是win2000或者winXP系统，而且目前的管理员比较熟悉ACCESS，所以后台使用ACCESS。
数据交互使用ASP技术。
前台界面使用可视化开发工具编写。
通过建立代码编写规范，提高程序的可靠性、可读性、可修改性、可维护性、可继承性和一致性，可以保证程序代码的质量，继承软件丌发成果，充分利用资源，使开发工作成果可以共享。
6.1.2.代码编写规范
为了提供程序的可靠性、可读性、可修改性、可维护性、可继承性和一致性，在系统实现中，有必要按照一定的原则编写程序代码。
在整个网站建设过程中整体代码编写规范的前提下，从以下几个方面规范代码的编写：
行间缩进使用TABLE键；
变量命名采用首字母大写；
查询出错处理中，必须有错误提示。
6.2.系统实现
6.2.1.网站首页
网站首页是整个系统的灵魂，它设计的好与坏直接影响到网站的访问数量。
在首页当中应该包含和体现整个网站的所有功能和整体风格特点。
本网站整体设计风格简洁明快，色调柔和，布局分成几个版块。
首先是BANNER，然后是导航栏，接下来会员登录、网站公告、推荐书籍等信息发布模块。
发布的每一条信息都设有超级链接，要查看详细信息点击连接即可。
信息标题以最近上载的日期排序，最新上载的信息排在最上面，符合人性化要求。
同时，首页设计与实现后，其他具体功能子页要继承首页当中的风格、套用部分模版和重用部分代码。
具体页面如图6.2.1所示：
图6.2.1
6.2.2.用户注册页
该页面主要用于会员第一次进入网站时输入帐号。
注册会员时需要提供如下信息：
新会员帐号、密码、密码确认、性别、e-mail、QQ等。
主要实现步骤:
1首先在Dreamweaver中设计出注册页面的风格。
2添加如图的文本区域、按钮、单选框。
3单击提交按钮将注册信息发送给register1.asp页面注册成功后返回主页，注册失败给出提示信息。
如图6.2.2所示：
图6.2.2
6.2.3.聊天室页面
聊天室的页面只要是由indexa.asp,chat.asp,input.asp,main.asp四个页面组成。
如下所示：
图6.2.3
1聊天内容显示页:
在这里,就用到了Application这个对象，如果用户发送的谈话内容不为空，则先将Application对象锁定，使其可写，再将谈话内容保存在Application对象中，然后再将Application对象解锁，取消其可写性，再后再输出显示。
2聊天内容发送页：
在这一页中只需加入一个获取登陆着用户名的asp代码。
<
%Session（“name”）%>
。
3聊天室主页：
首先用Dreamweaver布置好框架，用Session（“name”）判断是否为合法会员，在各框架中引用个分页面。
6.2.4.留言板页面
会员通过注册成会员后就可以在线留言发表评论和意见，详见图6.2.4
图6.2.4
6.2.5.后台管理页面
考虑到整个网站的使用对象，只是要求管理员参与管理就可以了，所以就没有把管理功能放在首页当中，而是采用只对少部分管理人员开放地址的方式来进行管理，具体页如图6.2.5所示：
图6.2.5
结束语
完成这次设计我的感触很深，要想完成一件事情你不但要有过硬的专业知识其中恒心毅力也是很重要的，由于是自己独立第一次开发一个网站没有经验，而且好多知识以前都没有学过都得靠从实践中慢慢摸索，现学现用，其困难可想而知。
在这里我要感谢耐心指导我的许立老师，和一起摸索前进的同学在这段时间给我的帮助。
为了完成这次设计我首先通过上网搜索和在图书馆查找与之有关的知识，使用什么开发工具会用到什么知识做到心中有数。
然后看看什么是学过的什么还没有接触过，学过的加紧巩固，没有学过得赶快买资料进行自学。
在这次设计中我真正感受到，有些知识你不会没关系，但在平时一定要加强自学能力的培养。
我觉得这也是我们进入社会所必须具备的求生手段。
要设计出一个相对完美的网站没有总体规划是不行的，就像盖一座大楼你没有图纸是不行的，你不可以想到哪就盖哪。
首先你得明白做这个网站的目的是什么，应该具有什么功能，要实现这些功能需要那些模块，这些模块之间又有什么联系。
只有弄清楚了这些你才可以有条不紊的进行设计。
当然前期素材收集也是很重要的，素材不充足你就得中途停工，这样就会大大的浪费时间，甚至打断你的思路。
为了尽快地完成这个设计，我将Dreamweavermx和asp结合起来，用Dreamweavermx设计基本的页面，因为Dreamweavermx具有很好的视觉美化作用可以加入flash和音乐增加了网站的美感，使其更加吸引人的眼球。
然后再在代码中加入asp代码实现与数据库的交互，和
升级会员 