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

ASP.NET項目開發指南:界面頭尾設計

2013-11-13 12:26:00  來源: .NET編程 

    界面頭尾設計

  為了提高主要代碼的重復使用性和性能在此將用戶界面的頭和尾做成兩個用戶控件分別命名為ST_Headerascx和ST_footerascx由於只是載入相應的圖片和文字信息沒有任何邏輯判斷這裡不多介紹讀者可以在配書光盤中ST_Blog目錄下找到這兩個文件

  頭控件ST_Headerascx如圖所示(圖略)

  ST_Headerascx的主要代碼如程序所示

  程序  ST_Headerascx

    <%@ Control Language=C# AutoEventWireup=true

        CodeFile=ST_Headerascxcs Inherits=ST_Header %>

    <table style=width: px; height: px>

       <tr>

          <td align=center style=height: px>

            <img src=images/meiqjpg /><br />

          </td>

       </tr>

    </table>

  【代碼說明】控件的關鍵字是@ Control而頁面是@ Page;其他屬性頁面和控件基本都一致控件中只有關鍵的界面設計不再有HTML的頭和體等標簽

  左側控件如圖所示

  左側控件

  左側控件ST_leftascx的HTML代碼如程序所示

  程序  ST_leftascx

    <form id=left method=post runat=server>

    <table width= border= align=center cellpadding=

        cellspacing= bgcolor=#ffffff>

        <tr>

            <td bgcolor=#fff>&nbsp;</td></tr>

        <tr>

            <td height= bgcolor=#fff class=article>

            <div align=center>後台管理</div>

            </td></tr>

        <tr>

            <td height= bgcolor=#fff>

                <div align=center><a href=

  ST_typeaspx target=main>

                    分類管理</a></div>

            </td></tr>

        <tr>

            <td height= bgcolor=#fff>

                <div align=center><a href=

  ST_mainaspx target=main>

                    文章管理</a></div>

            </td></tr>

        <tr>

            <td height= bgcolor=#fff>

                <div align=center><a href=

  ST_writeaspx target=main>

                    添加文章</a></div>

            </td></tr>

        <tr>

            <td height= bgcolor=#fff>

                <div align=center><a href=ST_admin_replayaspx

                    target=main>評論管理</a></div>

            </td></tr>

        <tr>

            <td height= bgcolor=#fff>

                <div align=center><a href=ST_admin_linkaspx

                    target=main>鏈接管理</a></div>

            </td></tr>

        <TR>

            <TD height= bgColor=#fff height=>

            <div align=center><a href=ST_admin_messageaspx

                target=main>留言管理</a></div</TD>

        </TR>

        <tr>

            <td height= bgcolor=#fff>

            <div align=center>

            <asp:Button id=Button runat=server Text=退出登錄

                onclick=Button_Click></asp:Button>

            </div>

            </td></tr>

    </table>

    <FONT face=宋體></FONT>

    </form>

  【代碼說明】這是一個表格組成的鏈接列表每一項都通過一個<a>超鏈接標簽組成其中的href屬性就是要鏈接到的目的地

  尾控件如圖所示

  尾控件

  尾控件ST_footerascx的HTML代碼如程序所示

  程序  ST_footerascx

    <%@ Control Language=C# AutoEventWireup=true

            CodeFile=ST_footerascxcs Inherits=ST_footer %>

    <table style=width: px; height: px>

        <tr>

            <td align=center style=height: px; width: px;

                bgcolor=#FFDE>

                CopyRight&nbsp; @&nbsp;

  Beijing STStudio ~<br />

                Email:muzixiaoli@com</td>

        </tr>

    </table>

  【代碼說明】這裡只有一個表格用來顯示一些版權和說明信息通過代碼第行的@ Control來判斷其是一個用戶控件

  說明因為上述控件經常用到所以我們把它們設計成ascx用戶控件

       返回目錄ASPNET項目開發指南

       編輯推薦

       ASPNET MVC 框架揭秘

       ASPNET開發寶典

       ASP NET開發培訓視頻教程


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