---恢复内容开始---

母板

  
       
       
         {
    % block page-css %}    {
    % endblock %}
这是母板的标题
{
    % block page-main %}{
    % endblock %}
母板底部内容
{
    % block page-js %}{
    % endblock %}

注意：我们通常会在母板中定义页面专用的CSS块和JS块，方便子页面替换。

继承母板

在子页面中在页面最上方使用下面的语法来继承母板。

{% extends "base.html"%}

例子：

只换掉右侧内容

    
          
          
              
      
       这是导航条
      
      
       这是左侧菜单
      
{
     # 母板是变的:右侧内容#}{% block page_content%}{
     % endblock %}

{% extends 'base.html' %}{
     #首先继承母板#}{
    # extends 一定要放在最上面#}{
     % block page_content %}    
      
               
                
                     
#
                     
name
                     
age
                
               
               
                
                     
1
                     
jassin
                     
21
                
                
                     
2
                     
lishi
                     
21
                
                        
                     
3
                     
dandan
                     
35
                
               
          
{
     % endblock %}

{% extends "base.html"%}{
     # 此处引用注意加引号#}{
     % block page_content %}    
      
        
       
迷
        
       
失
        
       
归
        
       
途
        
       
的
        
       
方
        
       
向
    
      
{
     % endblock %}

# views。pydef student_list(request):    return render(request, "student_list.html")def teacher_list(request):    return render(request,"teacher_list.html")# urls。py    url(r'^student_list/$',views.student_list),    url(r'^teacher_list/$',views.teacher_list),

块（block）

通过在母板中使用{% block  xxx %}来定义"块"。

在子页面中通过定义母板中的block名来对应替换母板中相应的内容。

{% block page_content %}    
     
        
      
迷
        
      
失
        
      
归
        
      
途
        
      
的
        
      
方
        
      
向
    
     
{
    % endblock %}

把所有页面共用的部分 提取出来 放到母版里面                母版里面通过定义 block ，                通常模板里面为子页面单独定义            {
    % block page_css %}{% endblock %}  --> 子页面才用到的CSS文件            {
    % block page_js %}{% endblock %}   --> 子页面采用到的JS文件                子页面            继承 {
    % extends "base.html" %}  --》 一定要放在子页面的最上面                        {
    % block page_content %}                我子页面才有的内容            {
    % endblock %}

 

组件

可以将常用的页面内容如导航条，页尾信息等组件保存在单独的文件中，然后在需要使用的地方按如下语法导入即可。（导入组件）

{% include 'navbar.html' %}

 

 静态文件相关（实现动态）

在setting.py 中STATIC_URL = '/static/' 的static是可以改变# 所以我们也要把他实现为动态传.首先需要先 {
    % load static %}  导入然后使用 例如    # 这个已经写死 实现动态此处static 已经将static 导入，与 STATIC_URL = '/static/' 的static别名无关

引用JS文件时使用：

{% load static %}

某个文件多处被用到可以存为一个变量

{% load static %}{
    % static "images/hi.jpg" as myphoto %}

 使用get_static_prefix（起别名）

{% load static %}

或者

{% load static %}{
    % get_static_prefix as STATIC_PREFIX %}

自定义simpletag（未讲）

和自定义filter类似，只不过接收更灵活的参数。

定义注册simple tag

@register.simple_tag(name="plus")def plus(a, b, c):    return "{} + {} + {}".format(a, b, c)

使用自定义simple tag

{% load app01_demo %}{
    # simple tag #}{% plus "1" "2" "abc" %}