flask中 render_template如何使用，很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。

創(chuàng)新互聯(lián)建站專業(yè)成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)，集網(wǎng)站策劃、網(wǎng)站設(shè)計、網(wǎng)站制作于一體，網(wǎng)站seo、網(wǎng)站優(yōu)化、網(wǎng)站營銷、軟文推廣等專業(yè)人才根據(jù)搜索規(guī)律編程設(shè)計，讓網(wǎng)站在運行后，在搜索中有好的表現(xiàn)，專業(yè)設(shè)計制作為您帶來效益的網(wǎng)站！讓網(wǎng)站建設(shè)為您創(chuàng)造效益。

我們之前的視圖函數(shù)，返回的都是簡單的'Hello Wolrd'之類的字符串，怎么返回一個html呢？首先我們在templates文件夾建立一個html文件，內(nèi)容隨便寫一點如下：

    
    


This is index page

我們可以使用Flask對象app的send_static_file方法，使視圖函數(shù)返回一個靜態(tài)的html文件，但現(xiàn)在我們不使用這種方法，而是使用flask的render_template函數(shù)，它功能更強大。
從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ù)會自動在templates文件夾中找到對應(yīng)的html，因此我們不用寫完整的html文件路徑。用瀏覽器訪問'/'這個地址，顯示結(jié)果如下：

那么為何稱之為模板呢？因為render_template不僅能渲染靜態(tài)的html文件，也能傳遞參數(shù)給html，使一個html模板根據(jù)參數(shù)的不同顯示不同的內(nèi)容，這是因為flask使用了jinja2這個模板引擎。要使用模板，在render_template參數(shù)中以key=value形式傳入變量，在html中使用{  {key}}來顯示傳入的變量，例如：

# 視圖函數(shù)
@app.route('/')
def index():
    return render_template('index.html', contents='This is index page')

# html



    
    


{
  
  
  { contents }}

瀏覽器顯示的結(jié)果與上文是一樣的。我們還可以直接把一個類的實例傳遞過去，并在模板中訪問類的屬性，例如假設(shè)一個類對象obj有a和b屬性，關(guān)鍵部分的代碼如下：

# 視圖函數(shù)中
return render_template('index.html', object=obj)

...
# html中
a: {
  
  
  { object.a }}
b: {
  
  
  { object.b }}

傳入一個字典也可以，并且在模板中既可以用dict[key]，也可以用dict.key。

使用過濾器，可以在html中對傳入的變量進行處理，其格式是{  { 變量 | 過濾器 }}，例如將前文的{  { contents }}修改為{  { contents | upper}}，瀏覽器顯示的內(nèi)容就變成了：

所以我們可以很容易就理解，過濾器其實就是以變量為參數(shù)的函數(shù)，返回處理后的結(jié)果，在后端一樣可以先用字符串對象的upper()函數(shù)處理好再傳遞給模板，效果是完全一樣的。jinja2自帶了一些過濾器，例如length/reverse/lower等等 ，并且我們也可以自己按照需求自定義過濾器，模板還支持{  { 變量 | 過濾器1 | 過濾器2 | ... }}這樣的操作。想要深入了解的話，可以搜索jinja2過濾器去進一步學(xué)習(xí)。

模板中還可以使用if else和for in控制語句，與變量使用{  { }}不同，控制語句要放在{% %}里，例如前文的contents傳入一個list：

contents=[i for i in range(10)]

html中代碼如下：

    {% for i in contents %}
        {
  
  
  { i }}{# 注意i也要用兩個大括號 #}
    {% endfor %}

使用for遍歷contents的內(nèi)容，并用{  { i }}顯示出來，同時還用{# #}加了一個注釋，還要注意需要使用{% endfor %}來提示循環(huán)區(qū)域的結(jié)束，因為html不像python那樣通過縮進來判斷循環(huán)的區(qū)域，if也是同理。瀏覽器顯示結(jié)果：

最后for和if結(jié)合使用：

header
    {% for i in contents %}
        

        {% if i%2 == 0 %}
            {
  
  
  { i }}是偶數(shù){# 注意i也要用兩個大括號 #}
        {% else %}
            {
  
  
  { i }}是奇數(shù)
        {% endif %}
        
    {% endfor %}

看完上述內(nèi)容是否對您有幫助呢？如果還想對相關(guān)知識有進一步的了解或閱讀更多相關(guān)文章，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝您對創(chuàng)新互聯(lián)的支持。