模板繼承 · Flask中文文檔

### 導航 - [索引](# "總目錄") - [下一頁](# "消息閃現") | - [上一頁](# "使用 WTForms 進行表單驗證") | - [Flask 0.10.1 文檔](#) ? - [Flask 代碼模式](#) ? # 模板繼承 Jinja 最為強大的地方在于他的模板繼承功能，模板繼承允許你創建一個基礎的骨架模板，這個模板包含您網站的通用元素，并且定義子模板可以重載的 **blocks** 。聽起來雖然復雜，但是其實非常初級。理解概念的最好方法就是通過例子。 ### 基礎模板在這個叫做 layout.html 的模板中定義了一個簡單的 HTML 文檔骨架，你可以將這個骨架用作一個簡單的雙欄頁面。而子模板負責填充空白的 block: ~~~ <!doctype html> <html> <head> {% block head %} <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}"> <title>{% block title %}{% endblock %} - My Webpage</title> {% endblock %} </head> <body> <div id="content">{% block content %}{% endblock %}</div> <div id="footer"> {% block footer %} © Copyright 2010 by <a href="http://domain.invalid/">you</a>. {% endblock %} </div> </body> ~~~ 在這個例子中，使用 {%block%} 標簽定義了四個子模板可以重載的塊。 block標簽所做的的所有事情就是告訴模板引擎: 一個子模板可能會重寫父模板的這個部分。 ### 子模板子模板看起來像這個樣子: ~~~ {% extends "layout.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. {% endblock %} ~~~ {%extends%} 是這個例子的關鍵，它會告訴模板引擎這個模板繼承自另一個模板的，模板引擎分析這個模板時首先會定位其父父模板。extends 標簽必須是模板的首個標簽。想要渲染父模板中的模板需要使用 {{super()}}。 ? 版權所有 2013, Armin Ronacher.