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

Posted 2022-07-16 知

篇首语：生活的真谛从来都不在别处，就在日常一点一滴的奋斗里。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 ASP.NET入门教程 13.2.3 目录的实现[1]相关的知识，希望对你有一定的参考价值。

ASP.NET入门教程 13.2.3 目录的实现[1] 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

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

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

Web站点打开空白的wroxshop aspx页面

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

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

（）单击Next按钮然后在询问是否将ConnectionString保存到app config的页面上时再次单击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的智能标记对话框（第章中介绍了如何实现这一点但仅直接深入研究了代码而在此使用了向导）

ASP NET 入门教程完整版

cha138/Article/program/net/201311/15710