DreamWeaver打造Web查询系统(3)

王朝html/css/js·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

二、将 index.asp 转换为动态页面

从本小节开始,我们逐步将前面建立的静态页面转换为动态页面,使其和数据库相结合,以完成我们最终的页面。

首先我们要把首页转换为动态页面。在首页中,仅有右侧的“超值推荐”部分需要从数据库中读取数据,因此,我们的目的是从数据库中的 tele 表中读取 Is_Good 字段值为1的记录并按降序显示就可以了。

ok,开始工作。第1步,建立数据集.在绑定面板,选择 记录集(查询) 菜单,并在对话框内根据图 6-5所示

[url=http://www.pccode.net].net/web/dw/index1/http://www.ddvip.net/web/dw/index1/img_dw/20050320161701_11.jpg" target="_blank"

.net/web/dw/index1/http://www.ddvip.net/web/dw/index1/img_dw/20050320161701_11.jpg" alt="点击放大" width="500" border="0"

[url=http://www.pccode.net].net/web/dw/index1/http://www.ddvip.net/web/dw/index1/img_dw/20050320161701_11.jpg" target="_blank"图片较大 请放大后查看)

选择相应的内容。至此,数据集已设置完毕,绑定面板已经显示了数据表的字段情况。下面进行第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:

[url=http://www.pccode.net].net/web/dw/index1/http://www.ddvip.net/web/dw/index1/img_dw/20050320161832_17.jpg" target="_blank"

.net/web/dw/index1/http://www.ddvip.net/web/dw/index1/img_dw/20050320161832_17.jpg" alt="点击放大" width="500" border="0"

[url=http://www.pccode.net].net/web/dw/index1/http://www.ddvip.net/web/dw/index1/img_dw/20050320161832_17.jpg" target="_blank"图片较大 请放大后查看)

说明,其中黄色部分为修改了的位置。

ok,经过上面的修改,无论调用参数是否提供hy_id都将根据我们的意图显示相应的超级推荐了。也就是如果没有参数将显示所有的推荐(前10个),如果有则显示相应类别的前10个。

本节即将结束,在这里需要提醒各位,Dreamweaver MX 生成的代码最好要研究明白了。不要期望 Dreamweaver MX 自动给你生成一个网站,你一行都不用改。没有那种好事的。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航