Flask 模板

2022-03-09 16:59 更新

在前面的實例中,視圖函數(shù)的主要作用是生成請求的響應(yīng),這是最簡單的請求。

視圖函數(shù)有兩個作用:

  • 處理業(yè)務(wù)邏輯
  • 返回響應(yīng)內(nèi)容

在大型應(yīng)用中,把業(yè)務(wù)邏輯和表現(xiàn)內(nèi)容放在一起,會增加代碼的復(fù)雜度和維護(hù)成本.

  • 模板其實是一個包含響應(yīng)文本的文件,其中用占位符(變量)表示動態(tài)部分,告訴模板引擎其具體的值需要從使用的數(shù)據(jù)中獲取
  • 使用真實值替換變量,再返回最終得到的字符串,這個過程稱為'渲染'
  • Flask 是使用 Jinja2 這個模板引擎來渲染模板

使用模板的好處

  • 視圖函數(shù)只負(fù)責(zé)業(yè)務(wù)邏輯和數(shù)據(jù)處理(業(yè)務(wù)邏輯方面)
  • 而模板則取到視圖函數(shù)的數(shù)據(jù)結(jié)果進(jìn)行展示(視圖展示方面)
  • 代碼結(jié)構(gòu)清晰,耦合度低

模板基本使用

在項目下創(chuàng)建 templates 文件夾,用于存放所有模板文件,并在目錄下創(chuàng)建一個模板文件 html 文件 hello.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
我的模板html內(nèi)容
</body>
</html>

創(chuàng)建視圖函數(shù),將該模板內(nèi)容進(jìn)行渲染返回

from flask import Flask, render_template

app = Flask(__name__)

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

模板變量

代碼中傳入字符串,列表,字典到模板中

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def index():
# 往模板中傳入的數(shù)據(jù)
my_str = 'Hello Word'
my_int = 10
my_array = [3, 4, 2, 1, 7, 9]
my_dict = {
'name': 'xiaoming',
'age': 18
}
return render_template('hello.html',
my_str=my_str,
my_int=my_int,
my_array=my_array,
my_dict=my_dict
)

模板中代碼

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
  我的模板html內(nèi)容
  <br />{{ my_str }}
  <br />{{ my_int }}
  <br />{{ my_array }}
  <br />{{ my_dict }}
</body>
</html>

運行效果

我的模板html內(nèi)容
Hello Word
10
[3, 4, 2, 1, 7, 9]
{'name': 'xiaoming', 'age': 18}

示例代碼:

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def index():
my_int = 18
my_str = 'curry'
my_list = [1, 5, 4, 3, 2]
my_dict = {
'name': 'durant',
'age': 28
}

# render_template方法:渲染模板
# 參數(shù)1: 模板名稱 參數(shù)n: 傳到模板里的數(shù)據(jù)
return render_template('hello.html',
my_int=my_int,
my_str=my_str,
my_list=my_list,
my_dict=my_dict)


if __name__ == '__main__':
app.run(debug=True)
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<title>Title</title>
</head>

<body>
<h2>我是模板</h2>
{{ my_int }}
<br>
{{ my_str }}
<br>
{{ my_list }}
<br>
{{ my_dict }}
<hr>
<h2>模板的list數(shù)據(jù)獲取</h2>
<hr>
{{ my_list[0] }}
<br>
{{ my_list.1 }}
<hr>
<h2>字典數(shù)據(jù)獲取</h2>
<hr>
{{ my_dict['name'] }}
<br>
{{ my_dict.age }}
<hr>
<h2>算術(shù)運算</h2>
<br>
{{ my_list.0 + 10 }}
<br>
{{ my_list[0] + my_list.1 }}
</body>

</html>


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號