模板引擎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 %}
條件語句: 張三(管理員) 李四 王五 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM