ASP.NET入门教程 13.2.3 目录的实现[1]

产品目录实际上分为两个页面一个类似于目录中所有产品的索引而另一个是显示有关该商品的特殊详情的页面在下面的试一试部分开始构建产品目录

（）打开Visual Web Developer并且打开C:\BegASPNET\Chapters\Begin\Chapter

Web站点打开空白的wroxshopaspx页面

（）首先添加一些控件将SqlDataSource控件从工具箱的Data菜单拖放到页面的Design View中并且单击所出现的Common Tasks Menu命令

（）从出现的Tasks面板中单击Configure Data Source命令然后在打开的对话框中单击New Connection按钮选择WroxUnitedConnectionString（己经自动配置该选项因为实际上连接字符串支持在App_Data文件夹中找到的所有数据库）

（）单击Next按钮然后在询问是否将ConnectionString保存到appconfig的页面上时再次单击Next按钮（使用哪一种方法并不重要）在打开的ConFigure the Select Statement对话框中需要选择Products表和包含在其中的所有字段

（）单击Next按钮测试该查询以确保它检索数据然后单击Finish按钮这将返回到Design mew

（）现在需要向页面添加第二个控件从工具箱的Data菜单中选择DataList控件单击出现的智能标记对话框从Choose Data Source下拉列表选项中选择SqlDataSourcel

（）单击DataList控件上的智能标记对话框并且选择Edit Templates如果需要快速提示可以参考第章介绍的编辑ItemTemplate的过程

（）作为结果的布局需要稍微进行重新调整使之适合于显示目录首先使用退格键删除所有说明性的文本例如Name:和Description:同样不需要显示Products表中的所有商品实际上只需要该商品的图片它的价格以及它在目录页上的名称与设计中保持一致删除Product ID和Description并且将Picture URL移到顶部可以拖放Label控件从而正确排序它们

（）接下来删除PictureURL标签因为希望在这儿显示图像而不是标签从菜单中选择ImageButton并且将其拖放到PictureURLLabel所在的位置此时应该会显示红色叉号和具有图例Edit Data Bindings的智能标记对话框（第章中介绍了如何实现这一点但仅直接深入研究了代码而在此使用了向导）

ASPNET 入门教程完整版

[] [] []