Django开发企业网站实战之模板套用

最近一直在学习django，顺便做一个企业官网，之前用过python的轻量框架flask，它的模板使用起来非常方便，给我印象深刻，所以在这次django学习开发中，我也特别留意了django的模板使用，这个对于像企业官网之类的项目特别有用，可以复用很多的部分。

一、django模板的系统简介

在Django中我们把模板称为Template，它的存在大大提高了我们html代码的复用率，并且使得HTMl和View视图彻底解耦，它是设计模式中的T层，在项目中，T层是这样实现的，当我们用Django创建了一个项目后，在同级别的目录下面创建一个名为templates的文件夹，然后进行简单的设置，就可以使用template目录中的文件作为T层了，其具体的实现都是由Django来完成。

二、企业官网模板的模板分解

一个企业官网的基本页面我们基本可以分成顶部，正文，底部三个部分。也就是说，我的网站任意一个页面都有这三个部分，所以，我们可以把模板分开，便于复用。

我们把原本的inde.html拆分成三个文件，head.html，foot.html,base.html。

head.html的代码：

  

    

      
欢迎来到{{ SiteSet.SiteName }}企业官网
    
    

      
关于我们|联系我们  
    
  




  
  

    

      

        
  
        

          
专业研发生产聚酰亚胺薄膜
          
PI膜解决方案提供商
        
      
      

        

          
全国咨询热线
          
{{SiteSet.mobile}}
        
      
      
  
    
  
  

  
  

    

      

        

          

            
首页
            {% for a in myLMDH %}
            
{{a.nName}}
            {% endfor %}
            
ppppp
              

                
AAAAAA
              
            
          
        
      
    
  
  

foot.html的代码：

  

    

      

        

          
首页
          {%for a in myLMDH%}
          
{{a.nName}}
          {%endfor%}
        
      
      

        
  
        

          
{{SiteSet.SiteName}}
          

            
地址：{{SiteSet.address}}
            
电话：{{SiteSet.tele}}
            
传真：{{SiteSet.fax}}
            
QQ：{{SiteSet.QQ}}
          
        
        

          
产品中心
          

            
<%=rs2("lmmc")%> 
          
        
        

          
新闻资讯
          

            
" ><%=rs2("lmmc")%> 
          
        
        

          


        
      
    
  
  
  

    

      
版权所有：{{ SiteSet.SiteName }}  地址：{{ SiteSet.address }}
      

      备案号：<%=icp%>

      

    
  

base.html的代码：

    {% include 'cssjs.html'%}
    

    
    {% include 'head.html'%}
    {% block Content %}
    {% endblock %}
    {% include 'foot.html'%}
    

构建一个主页面index.html代码如下：

{% extends 'base.html'%}
{% block title%}
{% endblock%}
{% block Content%}}
{% endblock%}