模板引擎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 %}
条件语句： 张三(管理员) 李四 王五

模板引擎Jinja2的基本用法

猜你喜欢