要在 Flask 建立網頁我們一般會先建立一個共用的樣板,在這邊先建立一個叫做 layout.html 的樣板內容如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{{ title }}</title>
<style>
</style>
</head>
<body>
<div class="content">
{% block content %} {% endblock %}
</div>
</body>
</html>
其中的 {{ title }} 是用來帶變數進來的,可以參考這篇。
而 {% block content %} {% endblock %} 就是我們設計成樣板要用的部分。
這個意思是我們可以在繼承之後,再把內容塞到裡面去,具體的用法會是像這樣,我先設定一個路由如下:
@app.route('/store') def store(): title="商店" return render_template('store.html', title=title )
接著在 store.html 裡面就可以透過繼承樣板來撰寫網頁,store.html 會大致長這樣:
{% extends 'layout.html' %} {% block content %} 不同的內容在此 {% endblock %}
這意思就是 store.html 會用到 layout.html 的整個網頁,而不同的地方就會以 {% block content %} {% endblock %} 作為識別塞入。
以上就是 Flask 基本樣板的用法。