经过前几节的制作，网站前期的准备工作已初步完成，本节建开始建立114的各个页面。页面文件的安排是
这样的：
top_114.asp：是所有页面的顶端，位于网站根目录下的 /common 文件夹下面；
buttom.htm：是所有页面的底端，也位于网站根目录下的 /common 文件夹下面；
以上两个文件都是通过ASP的include命令包含在相应的页面中，这样做的目的是使网站模块化，减少工作量。
index.asp：114的主页
search.asp：电话号码查询结果页面；
seek_tel.asp：查询表单，由于每个页面都包含查询部分，因此本部分也做成一个单独的文件被其它文件包
含；
login_tel.asp：在线填写登记的页面；
disp_tele.asp：显示相信信息的页面，页面包含电话号、号码对应的单位、单位介绍等；
login_ok.asp：在线填写登记完成时候显示的页面；
各位在这里只需要注意排版方面的技巧，其它的没有什么太多的。另外，要用http的形式访问这些页面，也
就是http://localhost/114/index.asp来看主页。
一、建立数据库连接
在第四步，我们的站点就已经建立好了。在构造动态页面之前，我们先在 Dreamweaver MX 中建立和数据
库之间的连接,请按下面步骤进行：
1、在应用程序选项卡里面选择数据库项目，然后点击加号按钮并选择“自定义连接字符串”,如图6-1:
2、在数据源设置对话框内，分别输入数据源名称和连接字符串。连接字符串用于连接数据库，在这里我
们先按绝对路径的格式输入："driver={Microsoft Access Driver (*.mdb)};dbq=E:/pcitw/db/cy114db_2004.mdb"
3、在这里需要注意的是，在引号内的所有内容必须按找格式书写，数据库的路径和文件名根据实际情况
填写，如图6－2：
经过上面3个步骤，数据库的连接便建立完毕。这时在看数据库面板，便能显示出数据库结构来。如图6－3：
数据库连接的建立，实质上是在我们的根目录下建立了一个 Connections 文件夹，并在该文件夹内建立了一
个和我们指定数据源名相同的asp文件。熟悉asp的朋友马上就能看明白了，里面原来是一个变量定义。页就是：MM_db114_STRING = "driver={Microsoft Access Driver (*.mdb)};dbq=E:/pcitw/db/cy114db_2004.mdb"，如果我们上
传到网站上，那么这段代码可要修改，否则是连接不上数据库的。如何修改，我们将在以后说明。如图6－4：
至此，我们已经建立了数据库的连接，以后任何操作，只要涉及数据库的，都要用到刚才建立的连接。当然，如果你的网站需要很多数据库，那么你将建立多个数据库连接。因为一个连接只能对应一个数据库。
二、将 index.asp 转换为动态页面
从本小节开始，我们逐步将前面建立的静态页面转换为动态页面，使其和数据库相结合，以完成我们最终的页面。
首先我们要把首页转换为动态页面。在首页中，仅有右侧的“超值推荐”部分需要从数据库中读取数据，因此，我们的目的是从数据库中的 tele 表中读取 Is_Good 字段值为1的记录并按降序显示就可以了。
ok，开始工作。第1步，建立数据集.在绑定面板，选择 记录集(查询) 菜单，并在对话框内根据图 6－5所示
选择相应的内容。至此，数据集已设置完毕，绑定面板已经显示了数据表的字段情况。下面进行第2步，将公司名称拖动到页面中，以在页面中显示该字段内容。参看图 6－6：
到现在为止，我们已经将数据库中的一条记录显示在网页上了，但我们的目的不是显示一条记录，而是显示10条记录。因此，我们还要构造重复区域行为，只有那样才能将我们指定的记录数目显示到网页中。要构造重复区域行为，请选择“服务器行为”面板中的“重复区域”，并根据图6－7设置，注意，选择重复区域行为时一定要选择要设置的表格行，也就是html的<tr>部分。
最后，我们设置但点击某个企业时候应该显示详细页面的连接，也就是调用 disp_tele.asp 显示电话号对应企业或个人的详细信息，在这里，我们是通过id参数的形式传递给 disp_tele.asp 页面的。选择页面上的动态文本，然后在地址栏中输入如下内容：disp_tele.asp?company_id=<%=rs_cztj("id") %>，如图6-8：
二、将 disp_tele.asp 和 right_114.asp 转换为动态页面
天啊，刚得到消息，11月5号才供应暖气，我还得挺几天。痛苦啊！
今天说说 disp_tele.asp 页面的构造，本页面的功能是显示详细的企业或个人资料。页面功能不是很复杂，Let's Go!
在这里，我们首先约定，本页面的调用格式为：“ disp_tele.asp?company_id=&hy_id=”以便在显示详细信息的同时显示该电话号对应企业的行业推荐企业。我们不用 Dreamweaver MX 自带的那个转到详细页行为，我们都是手工填写代码。
首先在页面中构造一个记录集，以显示指定的电话号对应企业的详细资料，注意url参数部分，参见图6－9：
记录集建立完毕后，将字段依次拖动到页面的相应位置中。以显示字段内容。
然后，在构造相关行业类别对应的推荐企业记录集。本部分由于但是保存为单独网页，因此要修改right_114.asp文件。本步操作需要使用高级记录集定义对话框，并手工填写部分代码。参见图6－10：
把公司名称拖动到页面中，并建立重复区域行为。最后手工修改 Dreamweaver MX 生成的代码，以便具有当没有类别参数时候显示的超值推荐。修改内容参见图6-11：
说明，其中黄色部分为修改了的位置。
ok，经过上面的修改，无论调用参数是否提供hy_id都将根据我们的意图显示相应的超级推荐了。也就是如果没有参数将显示所有的推荐（前10个），如果有则显示相应类别的前10个。
本节即将结束，在这里需要提醒各位，Dreamweaver MX 生成的代码最好要研究明白了。不要期望 Dreamweaver MX 自动给你生成一个网站，你一行都不用改。没有那种好事的。
