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

Posted

篇首语:做人不是一味低调,也不是一味张扬,而是始终如一的不卑不亢。本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 ASP.NET项目开发指南:界面头尾设计相关的知识,希望对你有一定的参考价值。

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

     界面头尾设计

  为了提高主要代码的重复使用性和性能 在此将用户界面的头和尾做成两个用户控件 分别命名为ST_Header ascx和ST_footer ascx 由于只是载入相应的图片和文字信息 没有任何逻辑判断 这里不多介绍 读者可以在配书光盘中ST_Blog目录下找到这两个文件

  头控件ST_Header ascx如图 所示 (图略)

  ST_Header ascx的主要代码如程序 所示

  程序   ST_Header ascx

     <%@ Control Language= C# AutoEventWireup= true

         CodeFile= ST_Header ascx cs Inherits= ST_Header %>

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

        <tr>

           <td align= center style= height: px >

             <img src= images/meiq jpg /><br />

           </td>

        </tr>

     </table>

  【代码说明】控件的关键字是@ Control 而页面是@ Page;其他属性页面和控件基本都一致 控件中只有关键的界面设计 不再有HTML的头和体等标签

  左侧控件如图 所示

图   左侧控件

  左侧控件ST_left ascx的HTML代码如程序 所示

  程序   ST_left ascx

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

     <table width= border= align= center cellpadding=

         cellspacing= bgcolor= #ffffff >

         <tr>

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

         <tr>

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

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

             </td></tr>

         <tr>

             <td height= bgcolor= #f f f >

                 <div align= center ><a href=

  ST_type aspx target= main >

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

             </td></tr>

         <tr>

             <td height= bgcolor= #f f f >

                 <div align= center ><a href=

  ST_main aspx target= main >

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

             </td></tr>

         <tr>

             <td height= bgcolor= #f f f >

                 <div align= center ><a href=

  ST_write aspx target= main >

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

             </td></tr>

         <tr>

             <td height= bgcolor= #f f f >

                 <div align= center ><a href= ST_admin_replay aspx

                     target= main >评论管理</a></div>

             </td></tr>

         <tr>

             <td height= bgcolor= #f f f >

                 <div align= center ><a href= ST_admin_link aspx

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

             </td></tr>

         <TR>

             <TD height= bgColor= #f f f height= >

             <div align= center ><a href= ST_admin_message aspx

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

         </TR>

         <tr>

             <td height= bgcolor= #f f f >

             <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_footer ascx的HTML代码如程序 所示

  程序   ST_footer ascx

     <%@ Control Language= C# AutoEventWireup= true

             CodeFile= ST_footer ascx cs 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@ </td>

         </tr>

     </table>

  【代码说明】这里只有一个表格用来显示一些版权和说明信息 通过代码第 行的@ Control来判断其是一个用户控件

  说明 因为上述控件经常用到 所以我们把它们设计成ascx用户控件

       返回目录 ASP NET项目开发指南

       编辑推荐

       ASP NET MVC 框架揭秘

       ASP NET开发宝典

cha138/Article/program/net/201311/15898

相关参考

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

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

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

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

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

ASP.NET项目开发指南:界面控件设计(2)[2]  以下文字资料是由(全榜网网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项目开发指南:界面控件设计(2)[1]

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