步驟 6: 模板 · Flask中文文檔

### 導航 - [索引](# "總目錄") - [下一頁](# "步驟 7: 添加樣式") | - [上一頁](# "步驟 5: 視圖函數") | - [Flask 0.10.1 文檔](#) ? - [教程](#) ? # 步驟 6: 模板接下來我們應該創建模板了。如果我們現在請求 URL，只會得到 Flask 無法找到模板的異常。模板使用 [Jinja2](http://jinja.pocoo.org/2/documentation/templates) [http://jinja.pocoo.org/2/documentation/templates] 語法并默認開啟自動轉義。這意味著除非你使用[Markup](# "flask.Markup") 標記或在模板中使用 |safe 過濾器，否則 Jinja 2 會確保特殊字符，比如 < 或 > 被轉義為等價的 XML 實體。我們也會使用模板繼承在網站的所有頁面中重用布局。將下面的模板放在 templates 文件夾里: ### layout.html 這個模板包含 HTML 主體結構、標題和一個登入鏈接（用戶已登入則提供登出）。如果有，它也會顯示閃現消息。 {%blockbody%} 塊可以被子模板中相同名字的塊（ body ）替換。 [session](# "flask.session") 字典在模板中也是可用的。你可以用它來檢查用戶是否已登入。注意，在 Jinja 中你可以訪問不存在的對象/字典屬性或成員。比如下面的代碼，即便 'logged_in' 鍵不存在，仍然可以正常工作: ~~~ <!doctype html> <title>Flaskr</title> <link rel=stylesheet type=text/css href="{{ url_for('static', filename='style.css') }}"> <div class=page> <h1>Flaskr</h1> <div class=metanav> {% if not session.logged_in %} <a href="{{ url_for('login') }}">log in</a> {% else %} <a href="{{ url_for('logout') }}">log out</a> {% endif %} </div> {% for message in get_flashed_messages() %} <div class=flash>{{ message }}</div> {% endfor %} {% block body %}{% endblock %} </div> ~~~ ### show_entries.html 這個模板繼承了上面的 layout.html 模板來顯示消息。注意 for 循環會遍歷并輸出所有 [render_template()](# "flask.render_template") 函數傳入的消息。我們還告訴表單使用 HTTP的 POST 方法提交信息到 add_entry 函數: ~~~ {% extends "layout.html" %} {% block body %} {% if session.logged_in %} <form action="{{ url_for('add_entry') }}" method=post class=add-entry> <dl> <dt>Title: <dd><input type=text size=30 name=title> <dt>Text: <dd><textarea name=text rows=5 cols=40></textarea> <dd><input type=submit value=Share> </dl> </form> {% endif %} <ul class=entries> {% for entry in entries %} <li><h2>{{ entry.title }}</h2>{{ entry.text|safe }} {% else %} <li><em>Unbelievable. No entries here so far</em> {% endfor %} </ul> {% endblock %} ~~~ ### login.html 最后是登入模板，只是簡單地顯示一個允許用戶登入的表單: ~~~ {% extends "layout.html" %} {% block body %} <h2>Login</h2> {% if error %}<p class=error><strong>Error:</strong> {{ error }}{% endif %} <form action="{{ url_for('login') }}" method=post> <dl> <dt>Username: <dd><input type=text name=username> <dt>Password: <dd><input type=password name=password> <dd><input type=submit value=Login> </dl> </form> {% endblock %} ~~~ 繼續 [*步驟 7: 添加樣式*](#) 。 ? 版權所有 2013, Armin Ronacher.