[Flask 教學] 使用樣板與繼承的方法

分享:

要在 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 基本樣板的用法。

 

課程推薦

和我們交流

加入我們的社群,裡面會有一些技術的內容、有趣的技術梗,以及職缺的分享,歡迎和我們一起討論。