一 简要

简单的来说模板继承包含基本模板和子模板。其中基本模板里包含了你这个网站里的基本元素的基本骨架，但是里面有一些空的或者是不完善的块（block）需要用子模板来填充。

二 基本模版样例

这个模板，我们会把它叫做 base.html ，定义了一个简单的 HTML 骨架文档

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">

<html lang="en">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    {% block head %}

    <link rel="stylesheet" href="style.css" />

    <title>{% block title %}{% endblock %} - My Webpage</title>

    {% endblock %}

</head>

<body>

    <div id="content">{% block content %}{% endblock %}</div>

    <div id="footer">

        {% block footer %}

        &copy; Copyright 2008 by <a href="http://domain.invalid/">you</a>.

        {% endblock %}

    </div>

</body>

在本例中， {% block %} 标签定义了四个字幕版可以填充的块。所有的 block 标签 告诉模板引擎子模板可以覆盖模板中的这些部分

三 子模版样例

{% extends "base.html" %}

{% block title %}Index{% endblock %}

{% block head %}

    {{ super() }}

    <style type="text/css">

        .important { color: #336699; }

    </style>

{% endblock %}

{% block content %}

    <h1>Index</h1>

    <p class="important">

      Welcome on my awesome homepage.

    </p>

{% endblock %}

子模板没有定义 footer 块，会 使用父模板中的值
可以调用 super 来渲染父级块的内容。这会返回父级块的结果

四 嵌套块和作用域

嵌套块可以胜任更复杂的布局。而默认的块不允许访问块外作用域中的变量:

{% for item in seq %}

    <li>{% block loop_item %}{{ item }}{% endblock %}</li>

{% endfor %}

这个例子会输出空的 <li> 项，因为 item 在块中是不可用的。其原因是，如果 块被子模板替换，变量在其块中可能是未定义的或未被传递到上下文。

从 Jinja 2.2 开始，你可以显式地指定在块中可用的变量，只需在块声明中添加 scoped修饰，就把块设定到作用域中:

{% for item in seq %}

    <li>{% block loop_item scoped %}{{ item }}{% endblock %}</li>

{% endfor %}

当覆盖一个块时，不需要提供 scoped 修饰。

												


											
jinja2-模版继承的更多相关文章
	

    
						
  1. 5 JInja2模版（适用于Django和Flask）
		
    模版 在生产环节下,我们要把后端程序(其实就是python)计算出来的数据和html页面结合起来做,这个时候模版就派上大用处了. Flask下的模版---Jinja2 Jinja是日本寺庙的意思,并且 ...
    
		
    2. 
						
  2. 第四章 Jinja2模版
		
    模板简介: 在之前的章节中,视图函数只是直接返回文本,而在实际生产环境中的页面大多是带有样式和复杂逻辑的HTML代码,这可以让浏览器渲染出非常漂亮的页面.目前市面上有非常多的模板系统,其中最知名好用的 ...
    
		
    3. 
						
  3. Jinja2模版语言自定义filter的使用
		
    Jinja2模版语言,自带有一些filter,能够在前端的模版中控制数据按照相应的方式显示.比如以下两种filter,分别能在前端控制数字的近似精度显示和根据字符串长度补齐: round(value, ...
    
		
    4. 
						
  4. ansible基础-Jinja2模版 | 过滤器
		
    Jinja2模版介绍 注:本文demo使用ansible2.7稳定版 在ansible基础-变量的「8.2 模版使用变量」章节中关于模版与变量也有所提及,有兴趣的同学可以去回顾一下. ansible通 ...
    
		
    5. 
						
  5. Django 模本(Template--for--csrf--if--filter--simple_tag模版继承等)
		
    前提 关于html寻找路线: template 如果在各个APP中存在, Django 会优先找全局template 文件下的html文件,如果全局下的template文件没有相关的html  Dja ...
    
		
    6. 
						
  6. flask模版继承和block
		
    模版继承和block的目的就是为了减少前端代码量 flask_ones.py #encoding:utf-8 from flask import Flask,url_for,redirect,rend ...
    
		
    7. 
						
  7. django系列4.1--模版系统,过滤器,标签,模版继承,组件
		
    django 模版系统 一. 语法 { { 变量 } } {% 表达式 %} 二. 变量 { {变量名} } 深度查询据点符( . )在模版语言中有特殊的含义. 当模版系统遇到点(.) 查询顺序如下: ...
    
		
    8. 
						
  8. tornado 模版继承 函数和类的调用
		
    模版继承.函数和类的调用 目录结构 lesson5.py # -*- coding:utf-8 -*- import tornado.web import tornado.httpserver imp ...
    
		
    9. 
						
  9. Flask的Jinja2模版过滤器
		
    Jinja2模版过滤器 过滤器是通过管道符号(|)进行使用的,例如:{{ name|length }},将返回name的长度.过滤器相当于是一个函数,把当前的变量传入到过滤器中,然后过滤器根据自己的功 ...
    
		
    10. 
						
  10. 测开之路三十：Flask基础之jinja2模板继承
		
    实现某些位置的内容固定,某些位置的内容动态展示,如: 中文文档地址:http://docs.jinkan.org/docs/jinja2/templates.html#template-inherit ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. 【原创】大叔经验分享（89）docker启动openjdk执行jmap报错
			
    docker启动openjdk后,可以查看进程 # docker exec -it XXX jps 10 XXX.jar 可见启动的java进程id一直为10,然后可以执行jvm命令,比如 # doc ...
    
			
    2. 
						
  2. spring cloud Eureka 配置信息
			
    Eureka instance 一个服务,如:订单系统,会部署多台服务器,而每台服务器上提供的服务就是instance; 负载配置. Eureka service 指的是服务,提供一种特定功能的服务, ...
    
			
    3. 
						
  3. SQL 语句使用关键字错误
			
    异常为SQL Error: 1064, SQLState: 42000 时 ADD ALL ALTER ANALYZE AND AS ASC ASENSITIVE BEFORE BETWEEN BIG ...
    
			
    4. 
						
  4. Map集合中key不存在时使用toString()方法、valueOf()方法和强制转换((String))之间的区别
			
    1.toString()方法 底层代码 public String toString() { return this; } 其返回值为String类型的字符串本身 Map<String, Obj ...
    
			
    5. 
						
  5. 面试题之String s="a"+"b"+"c"+"d";
			
    今天遇到了一个面试题的选择,我当时真的没怎么在意,其实挺好玩的. 1.这条语句String s="a"+"b"+"c"+"d&qu ...
    
			
    6. 
						
  6. 普通选项卡+自动播放功能+向前/向后按钮  原生js
			
    今天做了幻灯片,主要功能包括:普通选项卡,向前/向后播放按钮,向前?向后播放功能,自动播放功能 要实现简单选项卡功能是没有问题的,但是添加功能就出现各种各样的问题了 遇到的问题:1 下标问题 2普通选 ...
    
			
    7. 
						
  7. Oracle查看表之间的约束
			
    ----查看表约束 表格: user_constraints 查询外键约束条件 select ' select count(*) from '||TABLE_NAME||';'from user_co ...
    
			
    8. 
						
  8. TightVNC安装
			
    软件版本:tightvnc-2.8.8-gpl-setup-64bit.msi 后面一路默认,虚拟机端口默认从5900开始递增.
    
			
    9. 
						
  9. 我用Python爬虫挣钱的那点事
			
    在下写了10年Python,期间写了各种奇葩爬虫,挣各种奇葩的钱,写这篇文章总结下几种爬虫挣钱的方式. 1.最典型的就是找爬虫外包活儿.这个真是体力活,最早是在国外各个freelancer网站上找适合 ...
    
			
    10. 
						
  10. 一个页面，WEB全功能
			
    当鼠标在页面上往下滑动的时候,页面也一直向下,标签也顺带着全部向下滑动 以前浏览页面,主要是在PC上进行浏览,一个页面不适于太长,需要用户向下拖动: 当时的设计是,点击标签,点击不同的标签,跳转到不同 ...
    
			
    11.