分享
 
 
 

ASP.NET 2.0中创建内容页

王朝asp·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

在创建一个完整的母版页之后,接下来必然要创建内容页。从用户访问的角度来讲,内容页与最终结果页的访问路径相同,这好像表明二者是同一文件,实际不然。结果页是一个虚拟的页面,没有实际代码,其代码内容是在运行时状态下母版页和内容页合并的结果。在开始介绍内容页之前,还有两个概念需要强调:一是内容页中所有内容必须包含在Content控件中;二是内容页必须绑定母版页。虽然内容页的扩展名与普通ASP.NET页面相同,但是,其代码结构有着很大差别。在创建内容页的过程中,必须时刻牢记以上两个重要概念。

与创建母版页差不多,创建内容页的过程比较简单。单击“网站”命令菜单中的“添加新项...”,或者在解决方案管理器中右键单击项目,在下拉菜单中选择“添加新项...”,就可以打开如图1所示的窗口。

如图1所示,要求选择新建文件类型。由于内容页与普通.aspx页面的扩展名相同,因此,选择的是Web窗体图标。接着,还需要设置文件名Index.aspx。设置完成之后,不可直接单击“添加”按钮。因为,内容页必须绑定母版页,所以还需要对复选框“将代码放在单独的文件中”和“选择母版页”进行设置。前者在前文中已经说明,重点说明后者。“选择母版页”复选框用于设置所创建Web窗体是否绑定母版页。如果创建的是内容页,那么必须选中该选项。结束以上操作之后,可以单击“确定”按钮,从而弹出如图1所示的窗口。

窗口左侧是项目文件夹,右侧是文件夹中的母版页列表。图1所示窗口中已经列举了刚刚创建的母版页MasterPage.master,选中该文件,单击“确定”按钮即可。经过以上步骤,就顺利创建了一个绑定母版页MasterPage.master的内容页Index.aspx了。

图1 添加内容页

图2 选择母版页

下面列出内容页Index.aspx的源代码:

内容页Index.aspx文件源代码

<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Index.aspx.cs" Inherits="Index" Title="示例5-1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

<img src="images/pagepic.gif" width="244" height="223" />

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" runat="Server">

<p>&nbsp;</p><p>&nbsp;</p>

<h1>网站介绍</h1>

<p>本页面采用来自ASP.NET 2.0技术的母版页新特性进行开发。 主要包括两个页面:母版页和内容页。 母版页后缀名是.master,其封装网站中的共用元素。 内容页实际是普通的.aspx文件,它包含除母版页的其他内容。在运行时,ASP.NET引擎将两种页面内容合并执行,最后将结果发给客户端浏览器。</p>

</asp:Content>

以上粗体代码是内容页的代码结构。从中可以看出,内容页与普通.aspx文件在代码上的不同。内容页没有<html>、<body>、<form>等关键Web元素,这些元素都被放置在母版页中。内容页中除了代码头声明,仅包含Content控件。内容页的代码头声明与普通.aspx文件相似。但是,新增加了两个属性MasterPageFile和Title。属性MasterPageFile用于设置该内容页所绑定的母版页的路径,属性Title用于设置页面title值。在创建内容页过程中,由于已经指定了所绑定母版页,因此,Visual Studio 2005将自动设置MasterPageFile属性值。另外,在源代码中,还设置了两个Content控件Content1和Content2。两个控件内部包含的内容是页面的非公共部分。通过设置属性ContentPlaceHolderID,将Content1与母版页的ContentPlaceHolder1对应,将Content2与母版页的ContentPlaceHolder2对应。在页面运行时,Content控件中包含的内容将显示在母版页中的对应位置。

图3所示显示了内容页Index.aspx的设计时截图。

图3 内容页设计时视图

同母版页一样,Visual Studio 2005支持对于内容页的可视化编辑,并且这种支持是建立在只读显示母版页内容基础上的。在编辑状态下,可以查看母版页和内容页组合后的页面外观,但是,母版页内容是只读的(呈现灰色部分),不可被编辑,而内容页则可以进行编辑。如果需要修改母版页内容,则必须打开母版页。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
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- 王朝網路 版權所有