动态模版的简单使用
2018-12-24 本文已影响7人
求墨者
模板基本语法
-
{{ ... }}用来显示变量 -
{% ... %}用来控制语句，比如if语句，for语句 -
{# ... #}用来添加注释
app.py的渲染模版
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def index():
name = 'Foo'
softwares = [
{'title': 'Linux', 'year': '1991'},
{'title': 'Python', 'year': '1992'},
{'title': 'Git', 'year': '2005'},
{'title': 'Flask', 'year': '2010'},
]
return render_template('index.html', name=name, softwares=softwares)
templates/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Foo</title>
</head>
<body>
<h2>{{ name }}'s list</h2>
<p>{{ softwares|length }} Titles</p> {# 使用 length 过滤器获取 softwares 变量的长度 #}
<ul>
{% for software in softwares %} {# 迭代 softwares 变量 #}
<li>{{ software.title }} - {{ software.year }}</li> {# 等同于 softwares['title'] #}
{% endfor %} {# 使用 endfor 标签结束 for 语句 #}
</ul>
{% if bio %}
{# 这里的缩进只是为了可读性，不是必须的 #}
<footer>
<small>© 2018 <a href="https://github.com/">HelloFlask</a></small>
</footer>
{% else %}
<footer>
<small>© 未知 </small>
</footer>
{% endif %} {# 大部分 Jinja 语句都需要声明关闭 #}
</body>
</html>
