asp.net_母版页窗使用教程

浏览站点的时候会发现,好多站点中。每一个网页的基本框架都是一样的,比方,最上面都是站点的标题,中间是内容。最以下是站点的版权、开发提供商等信息:(图片来自网上)
在这里插入图片描述
这个就需要用到母版也窗,使用如下。

  1. 新建一个web窗体母版页
    在这里插入图片描述
    在这里插入图片描述
    在窗口母版页test.Master的标记之间加入CSS、JS等引用(这里先仅仅加入CSS文件为例)
    在这里插入图片描述
    编辑窗口母版页body,加入每一个网页的公共内:

在这里插入图片描述
注意:这个样式文件不对,会导致显示不了的。
应用js可以这样引用:
<script src="/Script/react/react.js" type="text/javascript"></script>
2. 添加一个带母版也的web窗体:
在这里插入图片描述
选择刚才的母版页:
在这里插入图片描述
此时,网页Indexaspx中ContentPlaceHolderID=“head”和ContentPlaceHolderID=“contentPlaceHolder”的asp:Content就相当于母版页Main.Master中相应的asp:Content。所以假如每一个网页都会有同样部分,就能够把同样部分写在母版页的相应位置,而将每一个网页的不同内容写在ContentPlaceHolderID=“contentPlaceHolder”的asp:Content

  1. 添加一个默认显示页面测试:
    在这里插入图片描述
    运行效果如下:
    在这里插入图片描述
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章