要在 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 基本樣板的用法。
![[Flask 教學] 使用樣板與繼承的方法](/assets/upload/1664330673271_0.png)
