Django之前端模板继承

在使用Django进行web开发时,往往会构造一个基础框架模板即base.html,而后在其子模板中对它所包含站点公用部分和定义块进行重载。

首先创建一个base.html,源码为:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>{% block title %}{% endblock %}</title>
</head>
<body>

{#对于被继承的文件,这里面的内容将是被替代的内容#}
{% block content %}<h1>模板1</h1>{% endblock %} 

{% block footer %} <h1>模板2</h1>{% endblock%}

</body>
</html>

 

在这个例子中, block 标签定义了两个可以被子模版内容填充的block。 block 告诉模版引擎: 子模版可能会覆盖掉模版中的这些位置。

 

现在新建一个子模板来使用它:

{% extends "base.html" %} # 继承模板

{% block content %}#对引入的模板块进行重写
    <h1>这里是重写1</h1>
{% endblock %} 

 

 

 页面中显示的为:

这里是重写1

模版2

 

 

上一篇:浅谈web前端开发中脱离文档流与脱离文本流的区别


下一篇:Linux netfliter 架构