知识大全 ASP.NET项目开发指南:界面控件设计(2)[1]

Posted

篇首语:一身转战三千里,一剑曾百万师。本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 ASP.NET项目开发指南:界面控件设计(2)[1]相关的知识,希望对你有一定的参考价值。

ASP.NET项目开发指南:界面控件设计(2)[1]  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!

     界面控件设计( )

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

cha138/Article/program/net/201311/15941

相关参考

知识大全 ASP.NET项目开发指南:界面控件设计(1)

ASP.NET项目开发指南:界面控件设计(1)  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  &

知识大全 ASP.NET项目开发指南:界面设计(2)[2]

ASP.NET项目开发指南:界面设计(2)[2]  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  

知识大全 ASP.NET项目开发指南:界面设计(2)[1]

ASP.NET项目开发指南:界面设计(2)[1]  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  

知识大全 ASP.NET项目开发指南:界面头尾设计

ASP.NET项目开发指南:界面头尾设计  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  &nbs

知识大全 ASP.NET项目开发指南:界面设计(1)

ASP.NET项目开发指南:界面设计(1)  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  &nb

知识大全 ASP.NET项目开发指南:网络书店界面头尾设计

ASP.NET项目开发指南:网络书店界面头尾设计  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  

知识大全 ASP.NET项目开发指南:界面预览

ASP.NET项目开发指南:界面预览  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!   

知识大全 ASP.NET项目开发指南:界面主体框架

ASP.NET项目开发指南:界面主体框架  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  &nbs

知识大全 ASP.NET项目开发指南:普通用户界面

ASP.NET项目开发指南:普通用户界面  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  &nbs

知识大全 ASP.NET项目开发指南:用户控件级输出缓存

ASP.NET项目开发指南:用户控件级输出缓存  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  &