动态网页基础

第13章动态网页基础

本章任务

本章主要介绍动态页面的概念和建立方法，通过学习，要求能够做到：

?了解动态网页的概念和作用

?掌握动态站点建立的基本流程

?掌握web服务器的建立

?掌握应用程序服务器的设置

?掌握动态页面建立的流程

?了解后台数据库的建立

?掌握DW8中动态页面和后台数据库的连接

?掌握动态页面握数据的维护（添加、显示等操作）

知识点剖析

所谓“动态”网页，并不是指网页上的各种动画、滚动字幕等视觉上的“动态效果”，而是指采用动态网站技术生成的、能够和页面间进行信息交流的网页。数据库是动态网页的重要组成部分，是web程序的核心。动态网页上的数据一般要从数据库提取，动态网页的内容可以是纯文字，也可以包含各种动画。动态页面的建立包括模拟服务器的建立、前台页面建立、后台数据库的建立、数据的链接以及数据提交、显示、维护等常用功能。

重点和难点提示

重点在于前后台数据的链接以及数据的提交、显示、查询及维护等功能的实现。

13．1 动态网页的概念

从网站浏览者的角度来看，无论是动态网页还是静态网页，都可以展示基本的文字和图片信息，但从网站开发、管理、维护的角度来看就有很大的差别。

动态网页是与静态网页相对应的，这里说的动态网页，与网页上的各种动画、滚动字幕等视觉上的“动态效果”没有直接关系，动态网页也可以是纯文字内容的，也可以是包含各种

动画的内容，这些只是网页具体内容的表现形式，无论网页是否具有动态效果，采用动态网

站技术生成的网页都称为动态网页。从最直观的页面文件表现形式来说：静态网页URL的后

缀是.htm、.html、.shtml、.xml等常见形式，动态网页是以.asp ，aspx、.jsp、.php、.perl、.cgi

等形式为后缀，并且在动态网页网址中有一个标志性的符号：“?”，这是一个典型的动态网

页URL形式。

13．2 普通静态网页和动态网页处理流程的区别

通过下面图13-1和13-2我们可以清楚地知道普通静态网页和动态网页工作流程的区别。

图13-1 静态页面处理流程

当WEB服务器接收到客户端发来的访问静态网页的请求时，服务器将直接读取该请求页，找到该页面文件的话，将其发送到请求该页面的客户端。即WEB服务器为静态页面请求的处理流程为：

（1）客户端浏览器请求静态页面；

（2）WEB服务器查找请求的静态页面文件；

（3）WEB服务器将查找到的静态页面发送到请求该页面的客户端浏览器。

图13-2 动态页面处理流程

当WEB服务器接收到客户端发来的访问动态网页的请求时，他它将作出不同如下反应：WEB 服务器将该请求页传递给处理页面的特殊软件，既应用程序服务器，应用程序服务器负责读取该动态页面的代码，根据页面代码中的指令完成动态页面数据的生成，然后将代码删除，得到的结果是一个静态网页文件，应用程序服务器将该页传递回WEB服务器，WEB服务器将该页面发送到请求该页面的客户端，客户端浏览器得到的是纯html页面。即WEB服务器为动态

页面请求的处理流程为：

（1）客户端览器请求动态页面；

（2）、WEB服务器查找该页面，并将它传递给相应的应用程序服务器；

（3）、应用程序服务器将根据动态页面的指令完成动态页面数据生成；

（4）、应用程序服务器将完成的页面传回到WEB服务器；

（5）、WEB服务器将完成的页面发送到请求该页面的客户端浏览器。

由此可见，动态网页就是根据用户的请求，由应用程序服务器动态生成的页面，主要特点可

归纳如下:

（1）动态网页采用数据库技术；

（2）采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理、订单管理等；

（3）动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页。

13．3 动态网页的建立主要步骤

开发动态Web 页的五个关键步骤如下所示：

●设计页面

●创建动态内容源

●向Web 页添加动态内容

●增强动态页的功能

●测试和调试页

因此，要在Dw8中建立动态网页，需要首先配置好编程环境。具体包括：在计算机中安装web服务器以及在WEB服务器上的应用程序服务器

1、安装web服务器和应用程序服务器

2、配置数据库

3、编写动态页面文件

4、建立页面和数据库的连接

13.4安装web服务器和应用程序服务器

web服务器是能够根据web浏览器的请求提供文件服务的软件，常见的web服务器有：microsoft internet information server(简称IIS)，Netscape Enterprise Server、Sun ONE Web Server 和Apatch HTTP Server等。我们以常见的WINDOWS用户为例安装IIS，下面介绍在计算机上安装web服务器的方法和步骤。

13.4.1安装IIS

要安装IIS，必须保证你的计算机中已经安装好了windows/98/2000/xp操作系统。WIN98用户安装的是micorsoft personal web server (pws),它是IIS精简版本。在安装之前先检查系统中是否有一个c:\inetpub文件夹，如果有，则表明系统中已经安装了WEB服务器，如果没有此文件夹，则参照下面步骤来安装。

插入Win2000或WinXp安装盘，点击任务栏中的【开始】按钮→再选择【设置】→【控制面板】命令，弹出【控制面板】窗口，双击列表中的【添加/删除程序】→【添加/删除Windows组件】”，出现图13-3所示对话框，把勾选第2项，按照安装向导一步步进行操作即可。

图13-3安装IIS对话框

13.4.2测试IIS

安装完成后，需要测试web 服务器是否成功。测试的方法也很简单。我们可以建立一个命名为test.html的页面，将它保存到运行web服务器的计算机的\inetpub\wwwroot的文件夹中，假设该页面只有一句话“我的测试页面”。通过一个http请求在web 服务器中测试该页，如果IIS正在本地计算机上运行，则在WEB服务器上输入URL:http://localhost/test.html,如果浏览器能够正常显示该页面如图13-4所示，说明WEB服务器正常运行，IIS安装成功。

图13-4测试安装IIS成功的页面

13.4.3设置应用程序服务器

若要运行Web 应用程序，Web 服务器需要使用应用程序服务器。应用程序服务器是一种软件，用来帮助Web 服务器处理动态页。我们根据开发环境选择即可。应用程序服务器一般包括下面几类：

?ColdFusion 应用程序服务器

?https://www.360docs.net/doc/6d7485294.html, 应用程序服务器

?ASP 应用程序服务器

?JSP 应用程序服务器

?PHP 应用程序服务器

假设我们将E:/JCLweb文件夹作为本地站点根目录，当我们在Dw8中建立好本地站点后，在【站点】菜单→【新建】→【高级】标签中设置即可,如图13-5所示。

图13-5设置应用程序服务器

13.4.4在服务器上发布站点(设置虚拟目录)

将网页信息上传到服务器后，如果站点的信息没有被服务器管理起来，我们建立的站点还是不能被别人访问，如果是动态网页，也就无法浏览到实际的效果。出于安全考虑，一般访问服务

器上的站点时用别名来表示站点路径，而不是直接用物理路径。也就是需要建立虚拟目录。前面我们在Ｅ盘建立有“JCLweb”这个文件夹作为本地站点，假设虚拟目录设定为jjj，创建虚拟目录的步骤是：

（1）打开【控制面板】→【管理工具】，选择【Internet 信息服务】，13-6所示

（2）展开【Internet 服务管理器】后在“默认 Web 站点”(或默认网站)点鼠标右键，选择【新建】→【虚拟目录】，别名写jjj，目录找到E:\ JCLweb，把“读取、运行”打上勾，确定后即可。（出于安全考虑，其它选项最好别勾。）

（3）虚拟目录创建完成。如果用鼠标右键单击虚拟目录，在弹出的属性设置窗口，可以看到刚才的设置如图13-6所示。

图13-6 打开internet 信息服务对话框

图13-7 建立虚拟目录

图13-8 为虚拟目录建立别名

图13-9 指定虚拟目录对应的本地根目录所在文件夹

图13-10 设置虚拟目录访问权限

图13-11 成功建立的虚拟目录参数

13.5配置数据库

建立动态网页，重要的一点就是页面信息和数据库关联，数据库类型很多，对于小型或个人的商务网站而言，比较常用的是Microsoft Access..

13.5.1创建数据库

用Microsoft Access建立一个简单的数据库非常方便，我们不在此详细介绍如何建立，假设最后建成的是一个message.mdb的数据库文件。具体存放的信息及数据结构参看下一节13.6节中表13-1的内容。

13.5.2连接数据源

连接数据源就是在DW8中将页面和数据库的内容连接起来。具体操作如下：

（1）在DW8中打开站点的任何一个页面

（2）选择【窗口】→【库】，显示如图１３－12数据库面板，：

（3）单击添加按扭，弹出【数据源名称DSN】对话框，如图１３－13；

（4）单击【数据源名称DSN】对话框上的定义按扭，弹出【ＯＤＢＣ数据源管理器】，如

图１３－14示：选择【系统DSN】标签；

（5）单击按扭，弹出【创建新数据源】对话框，如图１３－15所示：选择Microsoft Access

Driver (*.mdb) ,弹出如图13-16所示的【ODBC安装】对话框；

（6）单击选择按扭，弹出【选择新数库】对话框，如图１３－17所示，选择数据库文件message.mdb，单击【确定】按钮，弹出如图13-18所示ODBC数据源成功安装对话框；

（7）、如图13-19所示为成功连接数据源的数据库面板

（

图13-12数据库和应用程序连接

图13-13数据源名称

图13-14 ＯＤＢＣ数据源管理器

图13-15创建新数据源

图13-16ＯＤＢＣ安装

图13-17选择具体用到的数据库名称

图13-18选择具体用到的数据库名称

图13-19成功选择数据源的数据库面板

13.5.3配置数据源

数据库连接成功之后，就可以通过表单页面与数据库中对应表单进行绑定，使得动态页面的内容来自数据库表单的具体字段。具体过程参看下一节的操作案例。

13.6 案例操作：完成一个简单留言本的创作。

创作思路：一般的站点都有一个可以和客户交流信息的留言本，客户的留言一般存放在后台数据库中。本案例利用dw8，通过设置好相应参数，来实现与后台数据库的连接，页面与数据库的绑定及数据的显示等功能。

表13-1 表单中对应数据库字段的设计

图13-20 本地站点和远程站点设置

操作步骤：

1、安装web服务器（win2000/xp下都安装IIS）

2、设置本地信息与远程信息，并指定服务器技术，如图13-20所示。在DW8 中建立本地站点的

名称为“我的个人网站”，指定服务器技术为“ASP VBscript”。

3、在access中数据库，命名为message.mdb，并在此数据库中建立一个如表13-1所示结构的表；

4、在DW8建立一个表单页面ly_add.asp,用于接受客户留言，效果如图13-21所示；

5、在DW8建立一个动态页面ly_show.asp,用于查看客户留言，效果如图13-22所示；

图13-21留言添加页面

图13-22留言查看页面

6、在DW8 中建立数据库的连接

选择数据源时，有两种选择：“Driver do Microsoft Access(*.mdb)”或driver microsoft access（*mdb）

前者所选是的ODBC驱动程序，后者则是微软提供的数据接口本质上无任何区别，不过,微软的驱动是专门进行优化后的。我们一般选后者居多。效率更高一些。ODBC则是万能的，自然比不过专用的。

在DW8中建立数据库的连接，就是建立数据库连接文件(此处假设文件为ly.asp)。在连接文件中指明数据库驱动程序和数据库路径的过程。在创建连接文件时，系统会自动在站点根目录中生成一个“connections”文件夹，将所有的连接文件自动放置在该文件夹中。站点中的每一个数据库都会对应一个独立的连接文件。

创建数据库连接有两种基本方式：通过“数据库名称”和“自定义连接字符串”。如果是在web服务器上开发应用程序，推荐使用通过数据库名称进行连接，这种方法设置简单；如果把开发的asp 程序上传到另外一台web服务器上运行，一般选择通过“自定义连接字符串”方式进行连接。

方法一：通过数据库名称创建连接

操作步骤如下：

（1）打开【窗口】→【数据库】菜单，弹出如图13-23所示数据库浮动面板，单击按钮；

图13-23数据源连接

（2）在弹出的【数据源名称DSN】对话框中设置连接参数，如图13-24所示：

图13-24连接参数设置

参数说明：

●【连接名称】：为将要生成的连接文件命名，此处为ABC；

●【数据源名称DSN】：从下拉列表框中选择已创建的数据源message，如果前面没

有创建数据源，通过右侧的定义按钮创建。

●【用户名】：填写用户建立数据库时设定的用户名，如果未设定用户名，可不填写。

●【密码】：填写用户建立数据库时设定的密码，如果未设定密码，可不填写。

（3）单击“确定”按钮完成。

连接建立完成后，在站点根目录下会出现“connections”文件夹，其中包含刚才建立的连接文件abc.asp,打开该文件，显示的连接代码是：

Dim MM_abc_STRING

MM_abc_STRING = "dsn=message;"

这种连接的弊端在于当完成了asp应用程序将它上传到服务器上的时候，由于服务器上没有建立相应的系统DSN数据源而导致ASP文件无法正确运行。所以这种连接方式一般在本地测试中较多采用，如果要在远程服务器上使用，还要更改连接字符串。

方法二：通过字符串创建数连接

操作步骤如下：

（1）打开【窗口】→【数据库】菜单，弹出【数据库】浮动面板，如图13-25所示：单击

按钮；

图13-25数据源连接

（2）在弹出的【自定义连接字符串】对话框中设置连接参数，如图13-26所示：

图13-26 自定义连接字符串的参数设置对话框

参数说明：

●【连接名称】：为将要生成的连接文件命名，此处为ABC1。

●【连接字符串】：从文本框中根据使用数据库的类型和路径填写下面内容：

driver={microsoft access driver (*.mdb)};DBQ=E:\JCLWEB\MESSAGE.MDB

该字符串包含了WEB应用程序和数据库连接的全部信息，其中driver=后面说明连接的数据库的类型，DBQ=后面是数据库在站点中的物理位置。

（3）单击“确定”按钮完成。

连接建立完成后，在站点根目录下会出现“connections”文件夹，里面包含刚才建立的连接文件abc1.asp,打开该文件，显示的连接代码是：

Dim MM_abc1_STRING

MM_abc1_STRING="driver={microsoft access

driver(*.mdb};DBQ=E:\JCLWEB\MESSAGE.MDB"

7、在DW8 中进行数据库绑定以显示数据库里的内容。

（1）打开【数据库】→【绑定】标签，如图13-27所示：

（2）将【记录集recordset1】中的字段分别拖动到ly_show.asp页面的相应位置进行绑定操作，结果如图13-28所示：

（3）在web服务器中浏览即可查看用户的留言。

图13-27 表单页面和数据库标签绑定

图13-28 留言查看页面和数据库的绑定后

8、在DW8 中通过表单页面将留言添加到数据库里。

（1）在DW8 中在打开ly_add.asp，

（2）打开【数据库】→【服务器行为】标签→单击按扭→单击【插入记录集】命令菜单，如图13-29所示：

（3）弹出【插入记录】对话框，进行参数设置，结果如图13-28所示：

（4）单击确定按扭，保存连接设置，

（5）测试：即可在单击“提交留言”按扭时将输入数据添加到数据库对应字段中。