Flask模板引擎Jinja2使用實例

更新時間：2020年04月23日 10:58:29 作者：gdjlc

這篇文章主要介紹了Flask模板引擎Jinja2使用實例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下

Flask提供的模板引擎為Jinja2，易于使用，功能強(qiáng)大。

模板僅僅是文本文件，它可以生成任何基于文本的格式（HTML、XML、CSV、LaTex 等等）。

它并沒有特定的擴(kuò)展名， .html 或 .xml 都是可以的。

模板包含變量或表達(dá)式，這兩者在模板求值的時候會被替換為值。模板中還有標(biāo)簽，控制模板的邏輯。

Jinja2文檔：http://docs.jinkan.org/docs/jinja2/index.html

下面是一些使用實例，涉及模板繼續(xù)、變量、賦值、循環(huán)、去空白、轉(zhuǎn)義塊、條件語句等。

1、在目錄templates下面創(chuàng)建基本模板文件base.html

<!doctype html>
<html>
  <head>
    <title>{{title}}</title>
    <style text="text/css">
      ul{list-style:none}
      li{padding-left:20px}
    </style>
  </head>
  <body>  
    <div id="content">
     <h4>子模板內(nèi)容</h4>
      {% block content %}
      
      {% endblock %}
    </div>
  </body>
</html>

2、同樣在目錄templates下面創(chuàng)建子模板文件test1.html

{% extends 'base.html' %}
{# 這里是注釋，上面標(biāo)簽表示當(dāng)前模板繼承自模板base.html #}  

{% block content %}

  變量：{{v1}}
   <br />
   
   賦值：
   {% set v2 = 100 %}
   {{v2}}
   <br />     
   
  循環(huán)：
  {% for item in items%}
    {{ item.name }}
  {% endfor %}
   <br />  
     
  去空白：
  {% for item in items -%}
    {{ item.name }}
  {%- endfor %}
   <br />
   
   轉(zhuǎn)義塊：
   {% raw %}
    <ul>
     {% for item in list -%}
      <li>{{ item }}</li>
     {%- endfor %}
    </ul>
   {% endraw %}
   
   條件語句：
   {% for item in items%}
    {% if item.name == '張三' %} {{item.name}}(管理員)
    {% else %} {{item.name}}
    {% endif %}     
  {% endfor %}
  <br />
　　<form method="post" action="/getFormValue">		 　　　　<input type="text" name="username" width="60" />		 　　　　<input type="submit" value="獲取表單值" />		 	　　</form>
{% endblock %}

3、在與目錄templates平級目錄上創(chuàng)建test1.py

from flask import Flask, render_template, request

app = Flask(__name__) 

@app.route('/test1')
def test1() -> 'html': 
 items = [{'name':'張三'},
     {'name':'李四'},
     {'name':'王五'}]
 return render_template('test1.html',
             title='test',
             v1='變量值',
             items = items)


@app.route('/getFormValue', methods=['POST'])
def getFormValue() -> 'str':
 username = request.form['username'] 
 return username

app.run(debug = True)

4、在命令提示符下執(zhí)行py -3 test1.py

訪問http://127.0.0.1:5000/test1，頁面顯示如下：