母板

一、继承母板

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

  {% extends 'layouts.html' %}

二、块(block)

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

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

{% block page-main %} #page-main为名字可随意取
  <p>哈哈</p>
  <p>呵呵</p>
  <p>德玛西亚</p>
{% endblock %}

三、组件

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

  {% include 'navbar.html' %}

四、静态文件相关  

{% load static %}
<img src="{% static "images/hi.jpg" %}" alt="Hi!" />

 

  引用js文件时使用:  

{% load static %}
<script src="{% static "mytest.js" %}"></script>

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

{% load static %}
{% static "images/hi.jpg" as myphoto %}
<img src="{{ myphoto }}"></img>

 

  

  

posted @ 2018-10-09 17:57  JanWong  阅读(232)  评论(0编辑  收藏  举报