溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
flask中 render_template如何使用，很多新手對(duì)此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。
我們之前的視圖函數(shù)，返回的都是簡單的'Hello Wolrd'之類的字符串，怎么返回一個(gè)html呢？首先我們?cè)趖emplates文件夾建立一個(gè)html文件，內(nèi)容隨便寫一點(diǎn)如下：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Index</title> </head> <body> <h2>This is index page</h2> </body> </html>
我們可以使用Flask對(duì)象app的send_static_file方法，使視圖函數(shù)返回一個(gè)靜態(tài)的html文件，但現(xiàn)在我們不使用這種方法，而是使用flask的render_template函數(shù)，它功能更強(qiáng)大。
從flask中導(dǎo)入render_template，整體代碼如下：
from flask import Flask, render_template
import config
app = Flask(__name__)
app.config.from_object(config)
@app.route('/')
def index():
return render_template('index.html')
if __name__ == '__main__':
app.run()render_template函數(shù)會(huì)自動(dòng)在templates文件夾中找到對(duì)應(yīng)的html，因此我們不用寫完整的html文件路徑。用瀏覽器訪問'/'這個(gè)地址，顯示結(jié)果如下：
那么為何稱之為模板呢？因?yàn)?code>render_template不僅能渲染靜態(tài)的html文件，也能傳遞參數(shù)給html，使一個(gè)html模板根據(jù)參數(shù)的不同顯示不同的內(nèi)容，這是因?yàn)閒lask使用了jinja2這個(gè)模板引擎。要使用模板，在render_template參數(shù)中以key=value形式傳入變量，在html中使用{
{key}}來顯示傳入的變量，例如：
# 視圖函數(shù)
@app.route('/')
def index():
return render_template('index.html', contents='This is index page')
# html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Index</title>
</head>
<body>
<h2>{
{ contents }}</h2>
</body>
</html>瀏覽器顯示的結(jié)果與上文是一樣的。我們還可以直接把一個(gè)類的實(shí)例傳遞過去，并在模板中訪問類的屬性，例如假設(shè)一個(gè)類對(duì)象obj有a和b屬性，關(guān)鍵部分的代碼如下：
# 視圖函數(shù)中
return render_template('index.html', object=obj)
...
# html中
<p>a: {
{ object.a }}</p>
<p>b: {
{ object.b }}</p>傳入一個(gè)字典也可以，并且在模板中既可以用dict[key]，也可以用dict.key。
使用過濾器，可以在html中對(duì)傳入的變量進(jìn)行處理，其格式是{
{ 變量 | 過濾器 }}，例如將前文的{
{ contents }}修改為{
{ contents | upper}}，瀏覽器顯示的內(nèi)容就變成了：
所以我們可以很容易就理解，過濾器其實(shí)就是以變量為參數(shù)的函數(shù)，返回處理后的結(jié)果，在后端一樣可以先用字符串對(duì)象的upper()函數(shù)處理好再傳遞給模板，效果是完全一樣的。jinja2自帶了一些過濾器，例如length/reverse/lower等等 ，并且我們也可以自己按照需求自定義過濾器，模板還支持{
{ 變量 | 過濾器1 | 過濾器2 | ... }}這樣的操作。想要深入了解的話，可以搜索jinja2過濾器去進(jìn)一步學(xué)習(xí)。
模板中還可以使用if else和for in控制語句，與變量使用{
{ }}不同，控制語句要放在{% %}里，例如前文的contents傳入一個(gè)list：
contents=[i for i in range(10)]
html中代碼如下：
<h2>
{% for i in contents %}
{
{ i }}{# 注意i也要用兩個(gè)大括號(hào) #}
{% endfor %}
</h2>使用for遍歷contents的內(nèi)容，并用{
{ i }}顯示出來，同時(shí)還用{# #}加了一個(gè)注釋，還要注意需要使用{% endfor %}來提示循環(huán)區(qū)域的結(jié)束，因?yàn)閔tml不像python那樣通過縮進(jìn)來判斷循環(huán)的區(qū)域，if也是同理。瀏覽器顯示結(jié)果：
最后for和if結(jié)合使用：
<h2>header</h2>
{% for i in contents %}
<p>
{% if i%2 == 0 %}
{
{ i }}是偶數(shù){# 注意i也要用兩個(gè)大括號(hào) #}
{% else %}
{
{ i }}是奇數(shù)
{% endif %}
</p>
{% endfor %}看完上述內(nèi)容是否對(duì)您有幫助呢？如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章，請(qǐng)關(guān)注億速云行業(yè)資訊頻道，感謝您對(duì)億速云的支持。
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼