分享
 
 
 

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

王朝c#·作者佚名  2006-12-17
窄屏简体版  字體: |||超大  

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="http://doc.readmen.com/1/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/Footer.ascx");

//得到网页中的form,将上面建立的控件插入

Control form = Page.Controls[1];

form.Controls.AddAt(0, header);

form.Controls.AddAt(1, menu);

form.Controls.AddAt(Page.Controls[1].Controls.Count, footer);

//回调父类方法

base.Render(writer);

}

}

}

代码中使用LoadControl方法得到载入已定义好的Web用户控件,再强制转换为相应的类型。Page.Controls[1]得到网页的form,再用form的Controls属性的AddAt方法加控件到form中。值得注意的是在加页脚控件footer时,使用了Page.Controls[1].Controls.Count来定位,这样可以确保页脚控件在form上的最后一个位置。

删去campus.aspx文件中的Web窗体用户控件,在campus.aspx.cs中将campus类的基类由System.Web.UI.Page改为UnivNewsBase,其余保持不变,可以发现运行时的结果和修改前一样。而其它的页面,凡是采用和campus.aspx一样布局的,都可以从UnivNewsBase继承。如此,这些页面的制作工作被大大简化,并且布局若要有所改变,修改基类就可以了,这充分利用了面向对象方法的优点。

3、 扩展

上述解决方案针对横向导航菜单,但是现在有许多情况下导航菜单是竖向排列,位于页面左边(如图3),这时就不能使用上面的方法了。一般地,需要做一个基本页面的框架(并不是Html中frame的概念),把页眉、页脚、导航菜单都放好后,再在导航菜单的右侧,也就是根据页面不同而不同的内容部分,放上诸如PlaceHolder、DataList等等服务器端控件,然后在页面所对应的codeBehind文件中,对这些控件应该包含的数据加以操作,例如从数据库中将新闻标题绑定到DataList上,或着将具体新闻显示出来等等。以这种方式,页面文件(.aspx)同样可以做到尽可能少,其余事务均放在服务器端处理了。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有