Flask 模板

Flask可以以HTML形式返回綁定到某個(gè)URL的函數(shù)的輸出。例如，在以下腳本中，hello()函數(shù)將使用附加的<h1>標(biāo)記呈現(xiàn) ‘Hello World’ 。

示例

# Filename : example.py
# Copyright : 2020 By Nhooo
# Author by : www.soo66.com
# Date : 2020-08-08
from flask import Flask
 app = Flask(__name__)
 @app.route('/')
 def index():
     return '<html><body><h1>'Hello World'</h1></body></html>'
 if __name__ == '__main__':
     app.run(debug = True)

但是，從Python代碼生成HTML內(nèi)容非常麻煩，尤其是在需要放置可變數(shù)據(jù)和Python語(yǔ)言元素(如條件或循環(huán))時(shí)。經(jīng)常需要轉(zhuǎn)義HTML代碼。

它可以利用Jinja2模板引擎技術(shù)，而不需要從函數(shù)返回硬編碼HTML。如下代碼所示，可以通過(guò)render_template()函數(shù)渲染HTML文件。

示例

# Filename : example.py
# Copyright : 2020 By Nhooo
# Author by : www.soo66.com
# Date : 2020-08-08
from flask import Flask
 app = Flask(__name__)
 @app.route('/')
 def index():
    return render_template(‘hello.html’)
 if __name__ == '__main__':
    app.run(debug = True)

Flask將嘗試在該腳本所在的同一文件夾中查找templates文件夾中的HTML文件。使用模板的應(yīng)用程序目錄結(jié)構(gòu)如下所示 -

# Filename : example.py
# Copyright : 2020 By Nhooo
# Author by : www.soo66.com
# Date : 2020-08-08
app.py
 hello.py
     templates
         hello.html
         register.html
         ....

術(shù)語(yǔ)“Web模板系統(tǒng)”是指設(shè)計(jì)一個(gè)HTML腳本，其中可以動(dòng)態(tài)插入變量數(shù)據(jù)。 Web模板系統(tǒng)由模板引擎，某種數(shù)據(jù)源和模板處理器組成。

Flask使用jinga2模板引擎。 Web模板包含用于變量和表達(dá)式(這些情況下為Python表達(dá)式)的HTML語(yǔ)法散布占位符，這些變量和表達(dá)式在模板呈現(xiàn)時(shí)被替換為值。

以下代碼在模板( templates)文件夾中保存為: hello.html。

# Filename : example.py
# Copyright : 2020 By Nhooo
# Author by : www.soo66.com
# Date : 2020-08-08
<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>Flask HTTP請(qǐng)求方法處理</title>
 </head>
    <body>
       <h1>Hello {{ name }}!</h1>
    </body>
 </html>

接下來(lái)，將以下代碼保存在 app.py文件中，并從Python shell運(yùn)行 -

示例

# Filename : example.py
# Copyright : 2020 By Nhooo
# Author by : www.soo66.com
# Date : 2020-08-08
from flask import Flask, render_template
 app = Flask(__name__)
 @app.route('/hello/<user>')
 def hello_name(user):
     return render_template('hello.html', name = user)
 if __name__ == '__main__':
     app.run(debug = True)

在開(kāi)發(fā)服務(wù)器開(kāi)始運(yùn)行時(shí)，打開(kāi)瀏覽器并輸入U(xiǎn)RL為 - http://localhost:5000/hello/maxsu

URL的可變部分插入{{name}}占位符處。

占位符

Jinja2模板引擎使用以下分隔符來(lái)從HTML轉(zhuǎn)義。

{% ... %} 用于多行語(yǔ)句 {{ ... }} 用于將表達(dá)式打印輸出到模板 {# ... #} 用于未包含在模板輸出中的注釋 # ... ## 用于單行語(yǔ)句

在以下示例中，演示了在模板中使用條件語(yǔ)句。 hello()函數(shù)的URL規(guī)則接受整數(shù)參數(shù)。它傳遞給hello.html模板。在它里面，收到的數(shù)字(標(biāo)記)的值被比較(大于或小于50)，因此在HTML執(zhí)行了有條件渲染輸出。

Python腳本如下 -

示例

# Filename : example.py
# Copyright : 2020 By Nhooo
# Author by : www.soo66.com
# Date : 2020-08-08
from flask import Flask, render_template
 app = Flask(__name__)
 @app.route('/hello/<int:score>')
 def hello_name(score):
     return render_template('hello.html', marks = score)
 if __name__ == '__main__':
     app.run(debug = True)

模板文件: hello.html 的HTML模板腳本如下 -

# Filename : example.py
# Copyright : 2020 By Nhooo
# Author by : www.soo66.com
# Date : 2020-08-08
<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>Flask模板示例</title>
 </head>
    <body>
       {% if marks>50 %}
       <h1> 通過(guò)考試！</h1>
       {% else %}
       <h1>未通過(guò)考試！</h1>
       {% endif %}
    </body>
 </html>

請(qǐng)注意，條件語(yǔ)句if-else和endif包含在分隔符{%..。%}中。

運(yùn)行Python腳本并訪問(wèn)URL=> http://localhost/hello/60 ，然后訪問(wèn) http://localhost/hello/59，以有條件地查看HTML輸出。

Python循環(huán)結(jié)構(gòu)也可以在模板內(nèi)部使用。在以下腳本中，當(dāng)在瀏覽器中打開(kāi)URL => http:// localhost:5000/result時(shí)，result()函數(shù)將字典對(duì)象發(fā)送到模板文件: results.html 。

result.html 的模板部分采用for循環(huán)將字典對(duì)象result{}的鍵和值對(duì)呈現(xiàn)為HTML表格的單元格。

從Python shell運(yùn)行以下代碼。

示例

# Filename : example.py
# Copyright : 2020 By Nhooo
# Author by : www.soo66.com
# Date : 2020-08-08
from flask import Flask, render_template
 app = Flask(__name__)
 @app.route('/result')
 def result():
     dict = {'phy':59,'che':60,'maths':90}
     return render_template('result.html', result = dict)
 if __name__ == '__main__':
     app.run(debug = True)

將以下HTML腳本保存為模板文件夾( templates)中的模板文件: result.html 。

# Filename : example.py
# Copyright : 2020 By Nhooo
# Author by : www.soo66.com
# Date : 2020-08-08
<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>Flask模板示例</title>
 </head>
    <body>
       <table border = 1>
          {% for key, value in result.items() %}
             <tr>
                <th> {{ key }} </th>
                <td> {{ value }} </td>
             </tr>
          {% endfor %}
       </table>
    </body>
 </html>

在這里，與For循環(huán)相對(duì)應(yīng)的Python語(yǔ)句包含在{%...%}中，而表達(dá)式鍵和值放在{{}}中。

開(kāi)發(fā)開(kāi)始運(yùn)行后，在瀏覽器中打開(kāi)http://localhost:5000/result以獲得以下輸出。

瀏覽器中訪問(wèn)

Flask 靜態(tài)文件 Flask HTTP方法

Flask 教程

Flask 模板