动态网页基础

第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 应用程序服务器∙ 应用程序服务器∙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 AccessDriver (*.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驱动程序，后者则是微软提供的数据接口本质上无任何区别，不过,微软的驱动是专门进行优化后的。