DW MX实例：制作产品展示厅

来源：eNet硅谷动力 作者： 出处：巧巧读书 2006-04-25 进入讨论组

• 关 键 词：
• dreamweaver
• asp.net
• 电子商务
• 服务器
• 数据库

上一页 1 2 3 

步骤二　实现商品展示

　　（ 1 ）剪切表格代码。选择“步骤一”里新建的表格，切换到代码视图，对该表格代码进行剪切，剪切的内容将被保存在系统的粘贴板中（以后可以用剪切下来的表格内容进行粘贴）。

　　（ 2 ）添加数据列表。切换到【服务器行为】面板，单击【 + 】按钮，在下拉菜单中选择【数据列表】菜单项。接着在弹出的数据列表中设置 ID 为“ CpDatalist ”，选择“ CpData ”数据集，设置显示记录为“ 16 ”，选择“模板”列表框中的“项目”，在内容文本区域中进行粘贴，将上一步操作中剪切的表格粘贴过来，设置组织项为“使用表”，并设置表列为 4 ，如图 82-12 所示。

　　

• DW MX实例：实现电子商务购物车
• DW MX实例：数据库的连接
• DW MX实例：验证用户注册
• DW MX实例：特色分隔线

　　图 82-12 　添加数据列表

　　（ 3 ）插入数据集导航条。给“ main ”表格添加一行，选择【应用程序对象】｜【记录集分页】｜【数据集导航条】菜单命令，在弹出的【插入数据集导航条】对话框中选择数据集“ CpData ”，设置显示方式为“文本”，单击【确定】按钮，如图 82-13 所示。

　　

　　（ 4 ）保存“ index.aspx ”。

　　步骤三　实现产品资料页面

　　（ 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 多个记录，就可以测试数据分页的效果了。

　　本实例是通过数据列表来实现产品展示的，实际应用中，也有的是采用数据网络来实现的，至此，本实例操作完毕。观看地址： http://www.qqread.com/dreamweaver/q928103022.html进入讨论组讨论。

上一页 1 2 3 

【收藏此文】【大 中 小】【打印】【关闭】

较早的文章：DW MX实例：验证用户注册

较新的文章：Dreamweaver制作随机播放背景音乐的网页