产品页面 ASP.NET入门教程 13.2.4 产品项页面[1]

ASP.NET入门教程 13.2.4 产品项页面[1]  

    在设计讨论中 讨论了可能希望添加到特定产品页的所有可能的特性 但决定只真正需要产品的增强描述 当然 商品图像不应该包含比目录更少的产品信息 因此除了描述外 将需要显示姓名 图像和价格 在下面的 试一试 部分将这些内容添加到Web站点

    （ ）转到Solution Explorer 右击其中最上面一项 选择Add New Item命令 添加一个新的Web Form 将其命名为WroxShopItem aspx

    （ ）同样 需要添加SqlDataSource和DataList控件 在Design View中 拖动工具箱的Data 部分中的SqlDataSource控件

    （ ）单击ConFigure Data Source弹出菜单 并且从出现的Choose your Data Connection对话框中的下拉列表中选择WroxUnitedConnectionString

    （ ）单击Next按钮 和前面的 试一试 部分一样 选择Products表 并且选择其中的每一项

    （ ）这一次单击WHERE按钮 将显示屏幕 从Column下拉列表中选择ProductID;从Source下拉列表中选择QueryString;并且在QueryString字段中键入ProductID 保留Default值为空 这一步允许深入查看所选择的产品 使用过滤器子句来匹配所选产品的产品ID 并且因此只显示有关特定产品的详情 单击Add按钮

    （ ）单击OK按钮 然后单击Next和Finish按钮 返回到Design View

    （ ）添加一个DataList控件 单击Configure DataSource 并且从Choose Data Source下拉列表中选择SqlDataSourcel

    （ ）接下来 从列表中单击Edit Templates 并且再次删除标签旁的所有文本 将PictureURL标签移动到顶端 这次只移除产品ID标签

    （ ）右击PictureURLLabel并选择Properties命令 将Visible属性改为False 在此需要这个URL 但不希望将它显示在屏幕上 PictureURLLabel用于提供在其中找到产品图像的URL 然而在此不希望显示实际的URL文本 而是显示图像自身

    （ ）接下来 在Design View中添加工具箱的Standard部分中的Image控件

    （ ）单击Image控件后面的智能标记对话框 并且选择Edit Data Bindings命令

    （ ）在出现的对话框中 单击Custom bindings 并且修改文本 使它读取（与上一个 试一试 有细微的区别 因为希望完整尺寸版本的图像 而不是缩略图）如下代码

    Eval（ PictureURL ProductImages{ } ）

    （ ）单击OK按钮 然后转到Price Label 并且在单击黑色箭头时出现的菜单中选择Edit Data Bindings选项 在Custom bindings下拉列表框中输入如下代码

    Eval（ Price { :## } ）

   ASP NET 入门教程完整版