2方法区别: 母版在整体同框架,小区域不同时使用 。 组件在整体不同,小区域相同时
方法1:母版
html页面有重复的代码,把它们提取出来放到一个单独的html文件。
(比如:导航条和左侧菜单)
母版使用步奏:
- 把公用的HTML部分提取出来放到 一个.html文件中
- 在 创建的html中,通过定义block 把不同的地方区分出来
- 在具体的页面中 先继承{% extends ‘创建的.html’ %}
- 然后block名取指定替换母版中设定的位置
母版
锚点:定义 一个地方,来放每每个页面不同的地方
其他公共的代码区
{#锚点:定义 一个地方,来放每每个页面不同的地方#}
{% block page-main %}
<!--在其他地方调用,添加的代码会放到这里-->
{% endblock %}
其他公共的代码区
继承页面
{#继承指定母版 路劲#}
{% extends 'base.html' %}
{% block page-main %}
<h1>特殊内容,用来替换母版内对应的地方</h1>
{% endblock %}
方法2:组件
重复的代码,包装成一个独立的小html文件。
{% include 'html页面' %}