内容简介:模板导入就是将另一个模板加载到当前模板中,直接渲染。模板继承和类的继承含义是一样的,主要是为了提高代码重用,减轻开发人员的工作量。 典型应用:网站的头部、尾部信息。如果发现在多个模板中某些内容相同,那就应该把这段内容定义到父模板中。 标签block:用于在父模板中预留区域,留给子模板填充差异性的内容,名字不能相同。 为了更好的可读性,建议给endblock标签写上名字,这个名字与对应的block名字相同。父模板中也可以使用上下文中传递过来的数据。子模版不用填充父模版中的所有预留区域,如果子模版没有填充,则使
模板导入就是将另一个模板加载到当前模板中,直接渲染。模板继承和类的继承含义是一样的,主要是为了提高代码重用,减轻开发人员的工作量。 典型应用:网站的头部、尾部信息。
二、模板导入
- 语法
{% include(‘模板名称’) %} {% include(‘目录/模板名称’) %} 复制代码
- 使用
#导入头部header.html {% include 'header.html' %} 主体内容 #导入底部footer.html {% include 'footer.html' %} #忽略模板文件不存在时的错误 {% include 'footer.html' ignore missing %} #也可以组成模板列表,会按照顺序依次加载 {% include ['footer.html','bottom.html','end.html'] ignore missing %} 复制代码
- 注意:当include模板文件不存在时,程序会抛出异常,加上ignore missing关键字可以忽略不存在时的异常.
三、模板继承
如果发现在多个模板中某些内容相同,那就应该把这段内容定义到父模板中。 标签block:用于在父模板中预留区域,留给子模板填充差异性的内容,名字不能相同。 为了更好的可读性,建议给endblock标签写上名字,这个名字与对应的block名字相同。父模板中也可以使用上下文中传递过来的数据。
- 父模板
{%block 名称%} 预留区域,可以编写默认内容,也可以没有默认内容 {%endblock %} 复制代码
- 子模板
标签extends:继承,写在子模板文件的第一行。 {% extends "父模板路径"%} 复制代码
子模版不用填充父模版中的所有预留区域,如果子模版没有填充,则使用父模版定义的默认值。 填充父模板中指定名称的预留区域。
{%block 名称%} 实际填充内容 {%endblock %} 复制代码
新建一个base.html写如下代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1>我是头部</h1> {% block content %} 默认内容 {% endblock %} <h1>我是尾部</h1> </body> </html> 复制代码
新建一个extends.html继承于base.html
{% extends 'base.html' %} {% block content %} 填充内容 {% endblock %} 复制代码
我们在浏览器调试一下:
调用父模板
可以通过super()来调用父模板内容
{% extends 'base.html' %} {% block content %} {{ super() }} {% endblock %} 复制代码
我们在浏览器调试一下:
欢迎关注我的公众号:
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
猜你喜欢:- 圣思园《精通Spring Boot/Cloud》与《精通Java并发》课程现已宣布
- Charles 从入门到精通
- MAT 入门到精通(一)
- Git 从入门到精通
- Webpack入门到精通(1)
- ASP.NET Aries 高级开发教程:Excel导入之多表高级导入配置(中)
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
Dreamweaver基础教程
李振华、季小武、季小武、李振华 / 清华大学 / 2005-6 / 23.00元
本书通过实例的方式介绍了Macromedia公司的Dreamweaver MX 2004的使用方法和技巧。 全书由14章组成,第1章和第2章介绍了软件的应用领域、知识结构、界面组成等;第3章到第12章是本书的重点部分,通过实例制作介绍了站点的建立,表格、文本及样式的创建,链接、图像、行为的使用,层、表单、框架的创建和使用以及动画、多媒体的制作等主要知识点;第13章和第14章介绍了插件技......一起来看看 《Dreamweaver基础教程》 这本书的介绍吧!