基于ASP.NET的网页复用方法

基于ASP.NET的网页复用方法


    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;