django模板语言中的extends，block和include

Posted 2020-09-04 Hu知非

 

1 extends和block一起用

 

1.1 先看下extends的继承效果

它们用于母版和子版的继承，在子版html中，在第一行需要写上要继承的母版，{% extends \'母版的相对路径\' %}这样引入母版

母版base.html和子版hello.html的代码，及浏览器中hello.html的样式如图：

 

 

 

1.2 block用于子版替换母版中被圈起来的部分

现在我们在hello.html中增加block替换base.html中的block msg中内容

 

 

在浏览器中的“abc123”被替换为“Hello World!”。

注意block后边的名字要和母版base.html中block后边的名字一致，例中为msg

 

2 include

include用户公共模板的引入，当很多页面（不是所有）中都需要某段html语言时，引入公共模板是个好方法，

在当前的html中的某个你需要引入公共模板的地方使用{% include \'公共模板的相对路径\' %}引入。

通俗讲include引入的就是一段通用代码，减少复制粘贴

举个例子，如果有这样一段话几个页面都需要，可以在每个页面引入aaa.html

 

将aaa.html引入bbb.html中，返回bbb.html在页面中的显示：