本文共 4092 字，大约阅读时间需要 13 分钟。

一、模板

      牛腩中的模板，和之前自己学习的模板方法的设计模式很想，不过牛腩中更加注重的界面的样式，实质上他们也算是亲戚。将很多页面上的常用的内容抽象出来，放在模板中，再次创建页面的使用可以在已经创建的模板的基础上进行添加内容。减少了内容的冗余，牛老师提到两种创建模板的方法，一种是模板页（MasterPage），另一种是添加用户控件（WebuserControl），小编今天两种方法都做一个简单的介绍。

二、模板页

2.1MasterPage

        确定公有内容，牛腩中每个页面中都有的内容是这个头部和尾部：

        所以我们可以建立一个模板只包含这两块的内容,选择程序集，右键添加，选择-masterpage：新建好号的模板中有如下的内容，只是一个框架

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site2.master.cs" Inherits="WebBlack.blog.Site2" %>    
           
       
       
   
    
    
             <%--可变内容的区域,可视为容器,认为这里是精髓，灵活性的体现--%>        
                     
         
    
    
   

        我们在模板中天上头部和尾部，作为固定不变的部分，代码如下：

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site1.master.cs" Inherits="WebBlack.Site1" %>
           
    <%--绑定上样式--%>    
       
       
   
    
    
             <%--固定内容1：头部--%>        
     
                
                                          
                                   
     
         <%--固定内容2：搜索--%>        
     
                      搜索条件：        
                      
                      
                                     
                      
      <%--只是验证了没有提示消息，如果要有提示消息，就要和下面的组件一起使用--%>                            
                  
     
         <%--可变内容的区域,可视为容器,认为这里是精髓，灵活性的体现--%>        
     
            
                        
              
     
        <%--固定内容3 尾部--%>        
     
                   版权声明 © 牛腩 &  
      刘雅雯        
     
     
    
    
   

        这是模板的建完之后的效果图：

2.2子页面

        就该创建套用模板的页面了，新建ContentPage，这是我们可以选择模板site1了~

        创建好的页面，代码如下：

<%@ Page Title="" Language="C#" MasterPageFile="~/blog/Site1.Master" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebBlack.blog.WebForm1" %>
   
    <%--head和母版中的head位置对应--%>
   <%--注意这里和模板中可变内容的ID对应着，所以这里填写自己独有的内容--%>
   

        这是我填写了内容之后的子页面:

<%@ Page Title="" Language="C#" MasterPageFile="~/blog/Site1.Master" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebBlack.blog.WebForm1" %><%@ Register src="WebUserControl1.ascx" tagname="WebUserControl1" tagprefix="uc1" %>
   
    <%--head和母版中的head位置对应--%>
   
      
    
       
        
    
            
            
    
            
     
热点新闻
            
                       
                          
                               
        
          <%--
         --%> [ 
          <%# Eval("name") %>] 
                            
                           
                               
        
          <%--
         --%> 
         " target="_blank" title='<%# Eval("title") %>' ><%# StringTruncat( Eval("title").ToString (),18,"...") %> 
                            
                           
                               
         
          
                            
                       
                  
             
    
   

三、用户控件（WebuserControl）

        右键创建一个WebuserControl,新建完后的代码如下：只有一行

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="WebUserControl2.ascx.cs" Inherits="WebBlack.blog.WebUserControl2" %>

        我们将内容直接放入放其中：

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="WebUserControl1.ascx.cs" Inherits="WebBlack.blog.WebUserControl1" %>
   
            
    
新闻分类
            
    
                 
     
首　　页 
                
                        
      
        <%--模板--%>                       
       
<%# Eval("name") %>
 <%--这里引号后为啥还有一个尖括号-和前面是一组的-%> 注意这里的caid是后边要单击页面的时候显示的                    <%-- 
       
体育新闻 
--%>                     <%--
       
财经新闻 
                     
       
社会新闻
--%>                    
                       
                 
    
        
   

        内容是这样的：

        这个如何使用呢？我们之前是选择模板，用户控件的话不是选择模板，也不能直接从代码中写，我们将子窗体，点到设计页面，将其拖进来，我们拖拽的位置如下：

        拖进来后会自动出现两行的代码，他们是：

        现在可以让大家看看子窗体最后的模样的，他是父窗体MasterPage的内容加上WebuserControl的内容加上自己独有的内容：

四、嵌套模板

        嵌套模板可以理解为二级模板，在模板的基处上建立另一个模板。右键新建嵌套模板：NestedMasterPage:

        选择模板，我们这里选择一级模板：

        建完之后的模板代码如下：

<%@ Master Language="C#" MasterPageFile="~/blog/Site1.Master" AutoEventWireup="true" CodeBehind="NestedMasterPage1.master.cs" Inherits="WebBlack.blog.NestedMasterPage1" %>
   
       
    
              <%--这里包着的内容是套用改模板的页面可以特用的内容--%>    
    
   

        一下的步骤就和咱们上面说的一级的模板一样的，这里就不赘述了，这里就是告诉大家我们不光可以建立模板，还可以建立嵌套模板~

五、结语

         这里的创建模板和模板方法设计模式很想，但是有一些不同的地方。创建模板我们把相同的内容拿出来，但是没有列出他们的框架，不同的地方我们可以自己任意添加，没有限制。而模板方法呢，在父类中定义了算法的框架和抽象行为，这行抽象的行为告诉你子窗体可以实现什么功能，我想也是这一点上有很明显的不同之处。 如下是模板方法模式的UML图，我们一起回顾一下吧。