Flask模板引擎Jinja2使用实例

砸漏

发布于 2020-11-03 16:15:32

9980

发布于 2020-11-03 16:15:32

文章被收录于专栏：恩蓝脚本

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，页面显示如下：