Linux中国  设为主页
 收藏本站
 
当前位置: > 首页 ->网站设计 ->Dreamweaver ->DreamWeaver打造Web查询系统(3)
  相关分类: 
AJAX教程
CSS/CSS2
Dreamweaver
Fireworks
Flash
HTML/DHTML
JavaScript
Phososhop
网页制作
  站内搜索: 
热门文章排行
热门文章排行 Dreamweaver MX 2004做ASP程序(04-27)
菜鸟学用DreamWeaver做ASP2(04-27)
DreamWeaver打造Web查询系统(2)(04-27)
DreamWeaver打造Web查询系统(1)(04-27)
菜鸟学用DreamWeaver做ASP1(04-27)
精采文章排行
精采文章排行 巧用Dreamweaver轻松制作网页页内连(06-05)
Dreamweaver8轻松实现文本的段落缩进(06-05)
Dreamweaver CS3 最新功能描述(06-05)
利用Dreamweaver快速批处理图片链接(06-05)
Dreamweaver网页制作技巧:使用模板(06-05)
  ·Dreamweaver8轻松实现文本的段落缩进·Dreamweaver CS3 最新功能描述·利用Dreamweaver快速批处理图片链接·Dreamweaver网页制作技巧:使用模板·扩展Dreamweaver:自定义第三方标签的解·Dreamweaver MX教程:在居中页面使用层·经验分享:网页设计中实用的制作技巧·如何在Dreamweaver中使用库项目·Photoshop结合Dreamweaver制作网页相册

DreamWeaver打造Web查询系统(3)

作者:Webmaster   来源:Linuxdby.com   点击:   日期:2007-04-27 [收藏] [投稿]

  IE是否经常中毒?推荐您

二、将 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 自动给你生成一个网站,你一行都不用改。没有那种好事的。





 如果您对本文有任何疑问或者建议,请到讨论区发表您的意见: >> 论坛入口 <<



上一篇:DreamWeaver打造Web查询系统(2)   下一篇:教程/dreamweaver/入门 Dreamweaver 4 简明教程1(Dreamweaver简
文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【我要投稿】 【论坛讨论

   相关文章:
·巧用Dreamweaver轻松制作网页页内连接

   文章评论:(1条)
  
 请留名: 匿名评论   点击查看所有评论 论坛讨论
 

 声明:刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。