2013年8月2日 星期五

[習題]ASP.NET 搭配 美工人員設計好的HTML網頁 #2 -- Repeater

此為文章備份，原文請看我的網站：http://www.dotblogs.com.tw/mis2000lab/archive/2013/06/25/repeater_html_table_20130625.aspx

[習題]ASP.NET 搭配 美工人員設計好的HTML網頁 #2 -- Repeater






請您先看過上一篇文章，再依序作下去

如果看不懂 HTML網頁，那就沒辦法了

看得懂的人
只要把美工人員的HTML碼（例如
或是
）
分別放在Repeater的三個樣版內，就行了。
       表頭
    <ItemTemplate>       身體（內文、文章主體），單數列。
                                   另外有隔列換底色的、複數列（偶數列）的ItemTemplate>
       表尾

執行成果如下，非常簡單
   （嚴格來說，這跟ASP.NET控制項無關，也無關 .NET語法，純粹就是HTML碼而已）
    

圖片與HTML碼都可以在上一篇文章下載 ........ images.rar

===============================================================================
原始的HTML碼（表格），請您看懂以下的排版，
然後拆分成三大塊，放到 Repeater的「樣版」內



   
   



   

        與美工人員設計好的HTML一起搭配。

       

        
 border="0" width="626px" id="table1" cellspacing="0" cellpadding="0">
           
               

               

               
                    漂亮的網站首頁

                    (HTML 網頁與 ASP.NET檔案結合)
               

           
           
               

               

               
               

           
           
               
               

               
                    ******** 這裡就是畫面中，可以放入ASP.NET控制項的位置******
               
           
           
               

               

               
               

           
           
               

               

               
                    ===================================================

                    XYZ公司

                    台北市中華路一段七號八樓

                    TEL : (02) 1234-5678

               

           
           
               

               

               
                   
               

           
        
   



===============================================================================
轉換成 Repeater
    將上面的HTML表格，拆分成三大塊，放到 Repeater的「樣版」內
    上面的黃色區塊，就是「反覆出現」的文章主題，也就是 <ItemTemplate>。
    下面的紅字，就是資料繫結運算式（DataBinding Expression），這東西用途不少。請看書本「下集」的說明。

             ID="Repeater1" runat="server" DataSourceID="SqlDataSource1">
               
                   
                        與美工人員設計好的HTML一起搭配。
                       
                       
                           
                               
                               
                                    漂亮的網站首頁
                                    (HTML 網頁與 ASP.NET檔案結合)
                               
                           
                           
                               
                               
                           
               
               
                   
                       
                       
******** 這裡就是畫面中，可以放入ASP.NET控制項的位置******
                            <%# Eval("test_time", "{0:yyyy/MM/dd}") %>
                            <%# Eval("title") %>
                       
                   
               
               
                   
                       
                       
                   
                   
                       
                       
===================================================
                            XYZ公司
                            台北市中華路一段七號八樓
                            TEL : (02) 1234-5678
                       
                   
                   
                       
                       
                           
                       
                   
                   
               
               
           
           
                ConnectionString="<%$ ConnectionStrings:testConnectionString %>"
                SelectCommand="SELECT top 5 [id], [test_time], [title] FROM [test]">
           


另外一個FAQ，就是「Repeater如何搭配分頁？」
相關文章：








............................. 寫信給我，mis2000lab (at) yahoo.com.台灣.........................................................
網頁上的補充範例（售後服務），不一定能立即提供 VB / C#語法（看時間夠不夠寫，請不要跟我們要）。
但書本上面的範例，一定有 VB / C#雙語法給您學習。          請看我們的「售後服務」範圍（嚴格認定）。

防範SQL Injection / XSS攻擊，請看：ASP.NET安全寫作    資料來源 -- TWISC@NTUST網路應用安全知識庫
張貼者： 於

沒有留言:

張貼留言

訂閱： 張貼留言 (Atom)