知识大全 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 > </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 @
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) 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! &
ASP.NET项目开发指南:界面设计(1) 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! &nb
知识大全 ASP.NET项目开发指南:界面控件设计(2)[2]
ASP.NET项目开发指南:界面控件设计(2)[2] 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!
ASP.NET项目开发指南:界面设计(2)[2] 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!
ASP.NET项目开发指南:界面设计(2)[1] 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!
知识大全 ASP.NET项目开发指南:界面控件设计(2)[1]
ASP.NET项目开发指南:界面控件设计(2)[1] 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!
ASP.NET项目开发指南:界面预览 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!
ASP.NET项目开发指南:界面主体框架 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! &nbs
ASP.NET项目开发指南:普通用户界面 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! &nbs
ASP.NET项目开发指南:网络书店图书管理界面 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!