国家指南 ASP.NET项目开发指南:界面控件设计（2）[1]

ASP.NET项目开发指南:界面控件设计（2）[1]  

　　   界面控件设计（ ）

　　 ST_kuserleft ascx控件的HTML主要代码及其解释

　　页面中都是一些基本的用户控件 最主要的就是 登录 和 注册 按钮以及供用户输入信息的文本框 如程序 所示

　　程序   ST_kuserleft ascx

　　   <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= inputlog TextMode= 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_userinfoedit aspx >

　　                   修改注册资料</A></FONT></TD>

　　               </TR><TR>

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

　　                       href= ST_userorderlist aspx >

　　                       我的订单</A></FONT></TD>

　　               </TR><TR>

　　               <TD><FONT color= #cc ><A href= ST_kprolist aspx >

　　                   断续订购</A></FONT></TD>

　　               </TR><TR>

　　               <TD><FONT color= #cc >

　　   <A href= ST_contraller aspx?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 表示其运行在服务器端 所以后面还会通过它来控制两个控件的显示和隐藏