服务器之家

服务器之家 > 正文

ASP.NET母版页基础知识介绍

时间:2019-12-23 13:48     来源/作者:lijiao

模板页是做什么的?

利用模板页可以方便快捷的创建统一风格的ASP.NET网站,并且容易管理和维护,提高了效率。
模板页为网页定义所需要的外观和标准,在母版的基础上创建包含显示内容的各个内容页。当用户请求内容页时,这些内容页与母版页合并,这样,模板页的布局与内容页的布局就可以组合在一起输出了。

模板页一般用来:

1、通过修改模板页来处理网页的通用功能。
2、可以方便的创建一组控件和代码,并应用于一组网页。
3、通过允许控制占位符控件的呈现方式,模板页可以在细节上控制最终页的布局。

模板页与普通页

我们在vs中建立一个模板页,可以看到不同于一般的内容的地方:
@Master替换了@Page,包含了多个可替换的占位符ContentPlaceHolder.

普通页面和母版页面进行关联:

 普通页面的属性,MasterPageFile,就会给出提示来选择使用的母版页,或是在新建页面的时候选择使用母版页,也可以把一个母版页应用到普通页面上。
DEMO:

模板页代码:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage2.master.cs"Inherits="模板页_MasterPage2"%>
 
  
 
<!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
  
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head id="head1" runat="server">
 
  <title>模板页面</title>
 
  <asp:ContentPlaceHolderidasp:ContentPlaceHolderid="head" runat="server">
 
  </asp:ContentPlaceHolder>
 
</head>
 
<body style="height: 141px; width:747px">
 
  <form id="form1" runat="server">
 
  <div>
 
  </div>
 
  <p>
 
    </p>
 
  <table style="width: 102%; height: 126px;">
 
    <tr>
 
      <td>
 
        网站的log、搜索人数,登录人数,站点导航的信息等。</td>
 
      <td>
 
        </td>
 
      <td>
 
        </td>
 
    </tr>
 
    <tr>
 
      <td>
 
    <asp:ContentPlaceHolderidasp:ContentPlaceHolderid="ContentPlaceHolder1" runat="server">
 
     
 
    </asp:ContentPlaceHolder>
 
      </td>
 
      <td>
 
        </td>
 
      <td>
 
        </td>
 
    </tr>
 
    <tr>
 
      <td>
 
        底部版权信息等。</td>
 
      <td>
 
        </td>
 
      <td>
 
        </td>
 
    </tr>
 
  </table>
 
  </form>
 
</body>
 
</html>

内容页代码:

?
1
2
3
4
5
6
7
8
9
10
11
12
<%@ Page baiduimageplusrect="null" baiduimageplusstatus="2" id="theimg" onclick="window.open(this.src)" src="/uploads/allimg/191223/1-191223134SM00.jpg" style="width: 517px; height: 255px;" />

 关于母版页和主题:

和PPT中母版和主题一样的。是这样的:
利用模板可以在它的基础上添加自己的内容就可以了,相当于做好的框架、风格等。母版相当于是组件,需要自己搭这个框架、风格等。母版是我们从众多类似的结构网页中把相同不变的部分抽象出来,并可以运用到更多网页中,节省时间。

这个简单的例子是不是帮助大家更好的理解了母版页的使用方法了,希望大家会继续关注小编分享的文章。

标签:

相关文章

热门资讯

返回顶部