步骤三 实现产品资料页面 ( 1 )新建动态页面并添加数据集。新建一个空白的 ASP.NET 动态页,将其命名为“ CPZL.aspx ”后保存,并添加数据集“ Cpzl ”,如图 82-14 所示。 
( 2 )添加表格并绑定数据。在页面中插入一个表格,设置有关样式,并绑定数据集“ Cpzl ”的有关字段到表格中,如图 82-15 所示。 
( 3 )将光标移至左边一列,切换到代码视图,输入如下所述的代码。 <img src="<%# "images/"+ Cpzl.FieldValue("CPID", Container)+"-1.jpg" %>" width="274" height="199"> 提示:本实例中设定图片名为“产品编号”加“ -1 ”的图片是产品放大图片。 ( 4 )保存“ CPZL.aspx ”,然后在 IE 中浏览“ index.aspx ”,如图 82-1 所示。单击产品“ 2178 ”后,结果如图 82-2 所示。 提示:本实例中只有 16 个产品,所示数据集分页没能很好地显示出来,读者可以打开“ dwdat.mdb ”数据库,在“ DreamweaverCP ”表中任意输入 10 多个记录,就可以测试数据分页的效果了。 本实例是通过数据列表来实现产品展示的,实际应用中,也有的是采用数据网络来实现的,至此,本实例操作完毕。 更多实例请阅读《Dreamweaver网页设计与制作实例精选》。
|