Python Flask No.4_Flask與HTML的結合

Python Flask No.4_Flask與HTML的結合

1.在pycharm的flask項目中的templates中新建好html的界面
2.在app.py中第一行from flask import Flask後面加上,render_template
3.將app.py中原本的格式改成

@app.route('/')
def index():
    return render_template('index.html')

4.執行項目，彈出的網頁就不再是簡單的Hello_World的了，而是自己設計好的HTML頁面
5注意：CSS、JS等靜態資源一般放在static下面，引用的時候要注意 …/static/css/XX.css，當然，官方推薦使用url_for函數，例如

<link rel="stylesheet" href="{{url_for('static',filename='css/index.css')}}">     
<script src="{{url_for('static',filename='js/index.js')}}"></script> 
<img src="{{url_for('static',filename='image/zhiliao.png')}}" alt="">

這樣做可以不用考慮css與html的位置層級關係

我的一個疑問：(初學者不懂可以不看)，我的理解是數據庫存圖片一般是存路徑，直接存…/static/img/XX.jpg應該比到時候用url_for解析方便吧？期待有高手發表一下見解

6.後記：接下來會介紹如何利用Python將HTML表單數據從前端傳到後端