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

ASP.NET項目開發指南:界面控件設計(2)[1]

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

    界面控件設計(

  ST_kuserleftascx控件的HTML主要代碼及其解釋

  頁面中都是一些基本的用戶控件最主要的就是登錄注冊按鈕以及供用戶輸入信息的文本框如程序所示

  程序  ST_kuserleftascx

    <table height= cellSpacing= cellPadding= width=

    align=center bgColor=# border=>

    <tr>

        <td align=center bgColor=#ffffff><asp:panel id=Panel

    runat=server>

        <TABLE cellSpacing= cellPadding= width= border=>

            <TR>

                <TD align=center colSpan=><FONT

    color=#cc><STRONG>::用戶登錄</STRONG></FONT></TD>

            </TR><TR>

                <TD style=WIDTH: px align=right width=>用戶名

                </TD>

                <TD width=>&nbsp;

                <asp:textbox id=username runat=server

                    BorderStyle=Solid Width=px CssClass=inputlog>

                </asp:textbox></TD></TR><TR>

                <TD style=WIDTH: px align=right>密&nbsp;&nbsp;&nbsp;

                碼</TD>

                <TD>&nbsp;

                <asp:textbox id=userpass runat=server

                BorderStyle=Solid Width=px

            CssClass=inputlogTextMode=Password></asp:textbox></TD>

            </TR><TR>

                <TD colSpan=>&nbsp;

                <asp:button id=Button runat=server

                    BorderStyle=Solid Width=px Text=登錄

    onclick=Button_Click></asp:button><FONT face=宋體>&nbsp;</FONT>

                <asp:button id=Button runat=server

                    BorderStyle=Solid Width=px Text=注冊

                    nclick=Button_Click></asp:button>

    </TD>

            </TR>

        </TABLE>

        </asp:panel>

        <asp:panel id=Panel runat=server>

        <TABLE cellSpacing= cellPadding= width= border=>

            <TR>

                <TD align=center><FONT color=#cc><STRONG>::用戶中

                心</STRONG></FONT></TD>

            </TR>

            <TR>

                <TD align=center>歡迎您

                    <asp:Label id=Label

                        runat=server>Label</asp:Label><BR>

                    <FONT face=宋體

                        color=#cc></FONT><BR>

                    您可以進行以下操作</TD>

            </TR>

            <TR>

            <TD align=center>

            <TABLE cellSpacing= cellPadding= width=% border=>

                <TR>

                <TD><FONT color=#cc><A href=ST_userinfoeditaspx>

                    修改注冊資料</A></FONT></TD>

                </TR><TR>

                <TD><FONT color=#cc><A

                        href=ST_userorderlistaspx>

                        我的訂單</A></FONT></TD>

                </TR><TR>

                <TD><FONT color=#cc><A href=ST_kprolistaspx>

                    斷續訂購</A></FONT></TD>

                </TR><TR>

                <TD><FONT color=#cc>

    <A href=ST_contralleraspx?cname=logout>退出</A></FONT></TD>

                </TR>

            </TABLE>

            </TD></TR>

            <TR>

            <TD>&nbsp;&nbsp;<FONT face=宋體>&nbsp;</FONT></TD>

            </TR>

        </TABLE>

        </asp:panel></td>

    </tr>

    </table>

  【代碼說明】代碼第~行通過個Table完成了布局其中最外側是一個Table然後注冊控件和驗證通過後界面的控件分別由一個Table來控制這兩個Table又分別加在兩個Panel中因為Panel的屬性runat=server表示其運行在服務器端所以後面還會通過它來控制兩個控件的顯示和隱藏

[]  []  


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