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

界面头尾设计

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

头控件ST_Headerascx如图所示（图略）

ST_Headerascx的主要代码如程序所示

程序 ST_Headerascx

<%@ Control Language=C# AutoEventWireup=true

CodeFile=ST_Headerascxcs Inherits=ST_Header %>

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

<tr>

<td align=center style=height: px>

<img src=images/meiqjpg /><br />

</td>

</tr>

</table>

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

左侧控件如图所示

图 左侧控件

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

程序 ST_leftascx

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

<table width= border= align=center cellpadding=

cellspacing= bgcolor=#ffffff>

<tr>

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

<tr>

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

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

</td></tr>

<tr>

<td height= bgcolor=#fff>

<div align=center><a href=

ST_typeaspx target=main>

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

</td></tr>

<tr>

<td height= bgcolor=#fff>

<div align=center><a href=

ST_mainaspx target=main>

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

</td></tr>

<tr>

<td height= bgcolor=#fff>

<div align=center><a href=

ST_writeaspx target=main>

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

</td></tr>

<tr>

<td height= bgcolor=#fff>

<div align=center><a href=ST_admin_replayaspx

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

</td></tr>

<tr>

<td height= bgcolor=#fff>

<div align=center><a href=ST_admin_linkaspx

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

</td></tr>

<TR>

<TD height= bgColor=#fff height=>

<div align=center><a href=ST_admin_messageaspx

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

</TR>

<tr>

<td height= bgcolor=#fff>

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

程序 ST_footerascx

<%@ Control Language=C# AutoEventWireup=true

CodeFile=ST_footerascxcs 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@com</td>

</tr>

</table>

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

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

返回目录ASPNET项目开发指南

编辑推荐

ASPNET MVC 框架揭秘

ASPNET开发宝典

ASP NET开发培训视频教程