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在页面中的显示:

 

 

posted on 2017-03-14 18:28  Hu知非  阅读(8422)  评论(0编辑  收藏  举报