Flask使用教程-加載靜態文件及顯示前端頁面

下面,我們說下,flask是怎樣加載靜態文件,以及顯示前端頁面。

flask的靜態文件,一般放在static目錄下,前端頁面放在templates下,目錄結構如圖:


如圖,1所示是靜態文件所放的位置,2所示是前端頁面放的地方

下面,我們來加載及顯示頁面:

後端,先引入顯示模板函數render_template

from flask import Flask,render_template

使用:

@app.route('/index', methods=["GET"])
def index():
    return render_template('index.html')

使用render_template,index.html在templates目錄下

然後,模板里加載靜態文件的路徑也要改下,原模板路徑如下:

 <script type="text/javascript" src="js/vendor/modernizr-3.3.1.min.js"></script>

而在flask中因爲js文件放在static下,所以需要在前面加上/static/,然後就可以正常加載靜態文件了,下面看下我加載的第一個模板前端文件截圖:


好,這樣我們的第一次使用模板就成功了,如果有問題,大家可以留言,我基本每天都會發布文章,看見問題會即時回覆的。

發佈了41 篇原創文章 · 獲贊 24 · 訪問量 3萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章