1. 程式人生 > 程式設計 >Flask模板引擎Jinja2使用例項

Flask模板引擎Jinja2使用例項

Flask提供的模板引擎為Jinja2,易於使用,功能強大。

模板僅僅是文字檔案,它可以生成任何基於文字的格式(HTML、XML、CSV、LaTex 等等)。

它並沒有特定的副檔名, .html 或 .xml 都是可以的。

模板包含 變數 或 表示式 ,這兩者在模板求值的時候會被替換為值。模板中還有標籤,控制模板的邏輯。

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

下面是一些使用例項,涉及模板繼續、變數、賦值、迴圈、去空白、轉義塊、條件語句等。

1、在目錄templates下面建立基本模板檔案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>子模板內容</h4>
      {% block content %}
      
      {% endblock %}
    </div>
  </body>
</html>

2、同樣在目錄templates下面建立子模板檔案test1.html

{% extends 'base.html' %}
{# 這裡是註釋,上面標籤表示當前模板繼承自模板base.html #}  

{% block content %}

  變數:{{v1}}
   <br />
   
   賦值:
   {% set v2 = 100 %}
   {{v2}}
   <br />     
   
  迴圈:
  {% for item in items%}
    {{ item.name }}
  {% endfor %}
   <br />  
     
  去空白:
  {% for item in items -%}
    {{ item.name }}
  {%- endfor %}
   <br />
   
   轉義塊:
   {% 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平級目錄上建立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、在命令提示符下執行py -3 test1.py

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

子模板內容
變數:變數值
賦值: 100
迴圈: 張三 李四 王五
去空白: 張三李四王五
轉義塊:
{% for item in list -%}
{{ item }}
{%- endfor %}
條件語句: 張三(管理員) 李四 王五

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支援我們。