Abstract：This paper introduces some methods of reusable web page which combining with the features of ASP.NET, and taking a web page of a News web site as an example.

关键词：ASP.NET 复用 用户控件 继承

Key words：ASP.NET reusable User Controls inherit

0、 引言

随着网络的不断发展，以Web为基础的B/S架构是当前应用程序的主流，在这种架构下业务逻辑和数据库都放在服务器段，用户通过浏览器来操作服务器端的数据。在Microsoft.NET平台还没有推出之前，人们可以通过ASP方式实现上述目标，现在则可以选择ASP.NET了。

ASP.NET 是一个已编译的、基于.NET的环境，可以用任何与.NET兼容的语言（包括 Visual Basic.NET、C#和JScript.NET.）创作应用程序。任何ASP.NET 应用程序都可以使用整个.NET Framework。相比之下，ASP是一种解释型的编程框架，脚本语言为VBScript和javascript，这两种语言的功能有限，需要使用C++、Java等语言编写的组件来扩展其功能，加之又是解释运行，效率有限。



1、 问题提出

一个网站，特别是与数据库结合起来的网站（如新闻网站、产品介绍网站等），有许多网页都是类似的，不同的只是与数据库相关的数据（如不同的新闻内容、不同的产品等）。我们没有必要为每一个页面写一个文件，这样做的代价太高，我们可以将不变的部分固定下来，变化的部分根据客户端请求的不同而动态产生。

以一个包含页眉、页脚、导航栏的新闻网站页面为例，示例页面如下：





2、 解决方法

ASP.NET中引入了Web窗体用户控件的概念，利用它我们可以方便地创建自定义的可重用控件。用户控件可以在第一次请求时被编译并存储在服务器内存中，这样可以缩短后续请求的响应时间。用户控件继承自System.Web.UI.UserControl。我们可以将页眉、页脚、导航栏都做成用户控件。

为简单起见，页眉只包含一张指向首页的图片。新建文件Header.ascx，内容如下：

<%@ Control %>

<table width="775" border="0">

<tr>

<td align="center" valign="middle"><a href=../../"../default.ASPx"><img alt="" src=../../"image/Banner1.jpg" border="0"></a>

</td>

</tr>

</table>

页脚为两行文字，用两行一列的表格实现。新建文件Footer.ascx，内容如下：

<%@ Control %>

<table width="775" border="0">

<tr>

<td align="center" valign="middle">www.hahaha.com</td>

</tr>

<tr>

<td align="center" valign="middle">hahaha studio </td>

</tr>

<tr>

<td align="center" valign="middle">contact us :<a href="mailto:imcwj@126.com">imcwj@126.com</a> </td>

</tr>

</table>

导航菜单有5个链接，分别对应校园、学术报告、时事、体育、科教五个栏目，对应链接为campus.ASPx、dissertation.ASPx、news.ASPx、sports.ASPx、education.ASPx，所采用的是图片链接的方式。建立Menu.ascx文件，其代码与页眉相似，此处略去。

三个控件的效果如图1。

我们在campus.ASPx等五个文件中均可用到上述控件，以compus.ASPx为例。首先在文件的开始加入语句<%@ Register TagPrefix="uc1" TagName="Header" Src=../../"Controls/Header.ascx" %>注册控件，该语句注册的是页眉控件，同样注册页脚和导航菜单控件；然后在需要使用的网页位置，用语句<uc1:header id="Header1" runat="server"></uc1:header>加入以上注册的控件，就可以了。还可以直接在Visual Studio.NET开发环境中将Web窗体用户控件拖放至需要的位置，查看网页代码可知，两种方法的效果是一样的。开发环境中的图片如图2。



但是，每个页面都要手动加上上段所提代码，似乎有些麻烦，是否可以设定一个基类，而具体网页作为子类来继承它呢，事实证明是可行的，这也是ASP.NET带来的好处之一。

建立文件UnivNewsBase.cs，代码如下：

using System;

using System.IO;

using System.Web.UI;

using System.Web.UI.HTMLControls;

using UnivNews.Controls;



namespace UnivNewsBase

{

public class UnivNewsBase : System.Web.UI.Page

{

protected override void Render(HTMLTextWriter writer)

{

//建立页眉，导航菜单，页脚三个控件

Header header = (Header)LoadControl(Request.ApplicationPath +

Path.AltDirectorySeparatorChar +

"Controls/Header.ascx");

Menu menu = (Menu)LoadControl(Request.ApplicationPath +

Path.AltDirectorySeparatorChar +

"Controls/Menu.ascx");

Footer footer = (Footer)LoadControl(Request.ApplicationPath +

Path.AltDirectorySeparatorChar +

"Controls/Foo