母板
一、继承母板
在子页面中在页面的最上方使用下面的语法来继承母板
{% 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>