熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> .NET編程 >> 正文

ASP.NET入門教程 13.2.3 目錄的實現[1]

2013-11-13 12:20:58  來源: .NET編程 

    產品目錄實際上分為兩個頁面一個類似於目錄中所有產品的索引而另一個是顯示有關該商品的特殊詳情的頁面在下面的試一試部分開始構建產品目錄

    ()打開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 入門教程完整版 

[]  []  []  


From:http://tw.wingwit.com/Article/program/net/201311/15710.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.