模板的继承

• 我们在访问一些访问的网站

  • 这些网站页面整体都差不多 ， 只是某一些局部在变化。

• 模板的继承， 就是自己先选好一个想要继承的模板页面

{% extends 'home.html' %}

​ 在继承之后子页面跟模板页面长的是一模一样的， 你需要在模板页面上提前划定可以被修改的区域。

{% block project %}  	<!-- {% block 划分模块的名字 %}   -->
<!-- 模块内容  -->
{% endblock %}

主页面：

        <div class=col-md-9>
            {% block project %}
                <div class="panel panel-default">
                <div class="panel-heading">Panel heading without title</div>
                <div class="panel-body">
                    Panel content
                </div>
            {% endblock %}


            </div>

子页面1：

{% extends 'home.html' %}

{% block project %}
	<div>别扭爱上你的asiodfhiouasdhiusdghfh、</div>
{% endblock %}

子页面2

{% extends 'home.html' %}

{% block project %}
	<p>asdhakshdkjasdjal</p>
{% endblock %}

注意：

• ​ 在一般情况下模板页面上应该至少有三块可以被修改的区域
  • css区域
  • html区域
  • js区域

<!--   
	{% block css %}
    	css区域
    {% endblock %}
    
    {% block project %}
    	html区域
    {% endblock %}
    
    {% block js %}
    	js区域
    {% endblock %}  -->

模板的导入

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

{% include '1.html' %}

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

{% include '1.html' %}