Flask模板引擎Jinja2使用实例

时间：2021-05-22

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, requestapp = 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 usernameapp.run(debug = True)

4、在命令提示符下执行py -3 test1.py

访问http://127.0.0.1:5000/test1，页面显示如下：

子模板内容
变量：变量值
赋值： 100
循环： 张三 李四 王五
去空白： 张三李四王五
转义块：
{% for item in list -%}
{{ item }}
{%- endfor %}
条件语句： 张三(管理员) 李四 王五

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章