母版

定义母版

把多个页面的相同功能提出来写到一个页面中,在母版中使用block来站位

{% block main %}
  
{% endblock %}

main字段可以随意修改,但是最好要有意义

继承母版

在子页面中的页面最上方使用下面的语句来继承母版

{% extends '母版的名字' %}

在子页面中使用{% block xxx}来定义块

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

{% extends 'text.html' %}
{% block page-main %}
  <p>世情薄</p>
  <p>人情恶</p>
  <p>雨送黄昏花易落</p>
{% endblock %}

为子页面单独的添加类或属性

在主页面的li标签中设置块

 <li class="{% block pub_active %} {% endblock %}"></li>

在子页面中添加属性

{% block page-main %}
    active
{% endblock %}

组件

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

{% include 'navbar.html' %}

 

 

猜你喜欢

转载自www.cnblogs.com/wanglan/p/10300620.html