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

　　  界面控件設計（）

　　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