电信主站 网通分站
购买流程 付款方式 常见问题 在线提问 续租服务 购物车
用户名: 密 码: 忘记密码?
首 页
域名注册
虚拟主机
双线主机
服务器租用
VPS主机
企业邮局
代理专区
客服中心
虚拟主机行业资讯 虚拟主机评测对比 互联网最新动态 技术学院 站长资讯 在线教程 网站运营
搜索优化 服务器 网络编程 图形图象 站长之家 网页制作 操作系统
冲浪宝典 软件教学 视频通信 办公软件 邮件系统 网络安全 认证考试
您当前位置:西部数码->资讯中心-> 在线教程-> .NET
ASP.NET 2.0 中的母版页详解-.NET教程,Asp.Net开发
作者:网友供稿 点击:6
  西部数码-全国虚拟主机10强!20余项虚拟主机管理功能,全国领先!第6代双线路虚拟主机,南北访问畅通无阻!虚拟主机可在线rar解压,自动数据恢复设置虚拟目录等.虚拟主机免费赠送访问统计,企业邮局.Cn域名注册10元/年,自助建站480元起,免费试用7天,满意再付款!P4主机租用799元/月.月付免压金!
文章页数:[1] 
  为了减少在网页设计时出现的变一页则动全站的问题,vs2003升级到vs2005后增加了母版的概念。

  你可以把它想像成为“网页模版”,与之不同的是,再也不必每个页面都去更新了,修改一次,所有的网页都会改变,做到了一劳永逸。

  下面先进行一个简单的母版使用演示:

  1、首先打开visual studio 2005,新建一个asp.net网站,文件系统,c#。

  2、在解决方案资源管理器中,右键新建一个新项:



  3、选择母版页:



  4、打开masterpage.master,里面有一个contentplaceholder控件,注意不要控件里面写什么东西。

  我们转到设计视图,在这个控件外面加上header和footer 两句文本。



  5、保存后我们就可以用它来做其它页面了。有两种方法,1是在母版页任意位置右键,点击添加内容页;2 是在解决方案资源管理器上新建新项,在生成aspx页面时勾选“选择母版页”



  6、选择相应的母版页



  7、在新生成的页面源代码只有这几句:

 

  1. <%@pagelanguage="c#"masterpagefile="~/masterpage.master"autoeventwireup="true"
      codefile="default2.aspx.cs"inherits="default2"title="untitledpage"%>
  2. <asp:contentid="content1"contentplaceholderid="contentplaceholder1"runat="server">
  3. </asp:content>

  我们可以看到一个content控件,这个东西对应母版页的contentplaceholder1控件,转换到视图页面:



  8、其中页头和页脚的文字都是灰色的,我们只能在 content中进行编辑。

  保存后访问default2.aspx这个页面,f5.,我们看到页面:


  9、和想像的一样吧,我们再来看看源代码:

 

  1. <!doctypehtmlpublic"-//w3c//dtdxhtml1.0transitional//en""http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
  2. <htmlxmlns="http://www.w3.org/1999/xhtml">
  3. <head><title>
  4. untitledpage
  5. </title></head>
  6. <body>
  7. <formname="aspnetform"method="post"action="default2.aspx"id="aspnetform">
  8. <div>
  9. <inputtype="hidden"name="__viewstate"id="__viewstate"
       value="/wepdwulltewmduynjyzmjhkzashjahe9xmxuhpboeonmx2y6xyi"/>
  10. </div>
  11. <div>
  12. thisisthepagesheader<br/>
  13. thispagescontent:hello,world!<br/>
  14. thisisthepagesfooter </div>
  15. </form>
  16. </body>
  17. </html>

  母版内容是放在一个div中的,而content页面并没有放在单独的div,就是说在母版不会给子页添加任何的多余代码。这就给我们编程和网页布局带来了很大的灵活性,我们可以充分利用css+div的形式定位,亦可以用table方式进行定位。修改时也不必每个页面都去修改。

  10、对于不是一块固定内容的母版,我们可以用多个contentplaceholder1来进行布局,下面的例子是用table来定位的:



  11、在相应的子页面里会有两个content:



  生成的代码:

 

  1. <!doctypehtmlpublic"-//w3c//dtdxhtml1.0transitional//en""http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
  2. <htmlxmlns="http://www.w3.org/1999/xhtml">
  3. <head><title>
  4. untitledpage
  5. </title></head>
  6. <body>
  7. <formname="aspnetform"method="post"action="default3.aspx"id="aspnetform">
  8. <div>
  9. <inputtype="hidden"name="__viewstate"id="__viewstate"
      value="/wepdwukmty1ndu2mta1mmrkpjwlpyqa5jxcw5ivhc0niyajqtu="/>
  10. </div>
  11. <div>
  12. thisisthepagesheader<br/>
  13. <table>
  14. <tr>
  15. <td>
  16. ohmycontent1
  17. </td>
  18. <td>
  19. himycontent2
  20. </td>
  21. </tr>
  22. </table>
  23. thisisthepagesfooter 
  24. </div>
  25. </form>
  26. </body>
  27. </html>

  12、要灵活应用,css虽然也可以用div来解决这个问题,但是一些非标准控件的样子是很难用css来控制的,如果你做了另外一套母版masterpage2.master,你可在页面中动态设置:

 
protected void page_preinit(object sender, eventargs e)
{
 masterpagefile = "~/masterpage2.master";
}

  先到这里,据说还可以嵌套应用,不过目前是够用了,配合一下theme的使用,下次再说。

文章整理:西部数码--专业提供域名注册虚拟主机服务
http://www.west263.com
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!
相关主题
文章页数:[1] 
Google
热门文章
·经典收藏之 - C++内存管理详解-.NET教程,C#语言
·Master Page 初探-.NET教程,评论及其它
·GDI+编程10个基本技巧-.NET教程,评论及其它
·VB.NET中让Textbox只能输入数字(二)-.NET教程,VB.Net语言
·stl应用小问题-.NET教程,评论及其它
·WIN32中颜色值(COLORREF)与.NET中颜色值(Color)的转换-ASP教程,系统相关
·打造自己的专业图像工具-Visual C++ 2005图像编程系列【三】-.NET教程,C#语言
·.Net中常见问题及解决方法归类-.NET教程,.NET Framework
·Lex和Yacc从入门到精通(3)--一个极其简单的lex和yacc程序-.NET教程,评论及其它
·VB下几个非常有用的函数-.NET教程,VB.Net语言

最新文章
·VC#初学入门:第一个Windows程序
·ASP.NET 2.0-选用DataSet或DataReader
·用.net 处理xmlHttp发送异步请求
·asp.net创建文件夹的IO类的问题
·asp.net 2.0 中加密web.config 文件中的配置节
·关于ASP.NET调用JavaScript的实现
·如何实现ASP.NET网站个性化
·Acegi安全系统的配置-.NET教程,评论及其它
·Spring安全系统:Acegi Security Acegi简介-.NET教程,评论及其它
·Biztalk 开发之 架构和实例的验证-.NET教程,评论及其它


 
 


版权申明:本站文章均来自网络,如有侵权,请联系我们,我们收到后立即删除,谢谢!

特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有。
  打印  刷新  关闭
返回首页 |关于我们 | 联系我们 | 付款方式 | 创业联盟 | 虚拟主机 | 资讯中心 | 友情链接 | 网站地图

版权所有 西部数码(www.west263.com)
CopyRight (c) 2002~2006 west263.com all right reserved.
公司地址:四川成都市万和路90号天象大厦4楼 邮编:610031
电话总机:028-86262244 86263048 86263408 86263960 86264018 86267838
售前咨询:总机转201 202 203 204 206 208
售后服务:总机转211 212 213 214
财务咨询:总机转224 223 传真:028-86264041 财务QQ:点击发送消息给对方635483282
售前咨询QQ:点击发送消息给对方2182518 点击发送消息给对方241975952 点击发送消息给对方275026793 点击发送消息给对方408235859
售后服务QQ:点击发送消息给对方17708515 点击发送消息给对方307742704 点击发送消息给对方287976517 点击发送消息给对方363783715
《中华人民共和国增值电信业务经营许可证》编号:川B2-20030065号