业务逻辑和表现逻辑
将表现逻辑移到模板中，可以提升程序的可读性。
模板是一个包含响应文本的文件，包含站位变量表示的动态部分。
渲染：使用真实值替换模板中的变量，返回最终得到的响应字符串，这一过程称为渲染。
Flask使用Jinja2作为模板引擎。
简单的两个Jinja2模板：
#templates/index.html:
<h1>Hello World!</h1>
#templates/user.html:
<h1>Hello, {{ name }}!</h1>
程序测试：
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def index():
return render_template('index.html')
@app.route('/usr/<name>')
def usr(name):
return render_template('user.html', name = name)
if __name__ == '__main__':
app.run(host='0.0.0.0',port=5000,debug=True)
可见，render_template的第一个参数是模板的文件名，第二个参数是变量对应的真实值，成为键值对。
谈谈变量：
前面用到的{{ name }}结构表示的变量，是一种特殊的占位符。
Jinja2能识别所有类型的变量，甚至列表、字典和对象。
可以使用过滤器过滤变量：
Hello, {{name|capitalize}}! #把值的首字母换成大写，其他字母换成小写。
常用的Jinja2变量过滤器。
控制结构：
Jinja2提供了多种控制结构，可以用来改变模板的渲染流程。
几个例子：
#if判断：
{% if usr %}
Hello,{{ usr }}！
{% else %}
Hello, Stranger!
{% endif %}
我对这个例子做了一些拓展，可以更好地理解相关内容：
{% if usr == 'Talen' or usr == 'Tale' %}
Hello,{{ usr }}！
{% else %}
Hello, Stranger!
{% endif %}
测试程序：
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/if/<usr>')
def index(usr):
return render_template('if.html',usr = usr)
if __name__ == '__main__':
app.run(host='0.0.0.0',port=5000,debug=True)
假如传入的是Talen或者Tale，则打印会员；否则打印Stranger。
#for循环：
<ul>
{% for comment in comments %}
<li>{{ comment }}</li>
{% endfor %}
</ul>
测试程序：
#for循环：
<ul>
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def index():
comments = ['Talen','Tale','Tal']
return render_template('for.html',comments = comments)
if __name__ == '__main__':
app.run(host='0.0.0.0',port=5000,debug=True)
宏：
宏相当于一个函数。我们可以将宏保存在一个单独的文件中，从而达到重复使用的目的。
#宏
{% macro comment(comment) %}
<li> {{comment}} </li>
{% endmacro %}
#调用宏
{% import 'macros.html' as macros %}
<ul>
{% for comment in comments %}
{{ macros.comment(comment)}}
<li> {% endfor %} </li>
</ul>
模板继承，使用flask-bootstrap继承Twitter Bootstrap
#user.html
{% extends "bootstrap/base.html" %}
{%block title %}Flasky{% endblock %}
{% block navbar %}
<div class = "navbar navbar-inverse" role = "navigation">
<div class = "container">
<div class = "navbar-header">
<button type = "button" class = "navbar-toggle"
data-toggle = "collapse" data-target - ".navbar-collapse">
<span class = "sr-only">Toggle navigation</span>
<span class = "icon-bar"></span>
<span class = "icon-bar"></span>
<span class = "icon-bar"></span>
</button>
<a class = "navbar-brand" href = "/">Flasky</a>
</div>
<div class = "navbar-collapse collapse">
<ul class = "nav navbar-nav">
<li><a href = "/">Home</a></li>
</ul>
</div>
</div>
</div>
{% endblock %}
{% block content %}
<div class = "container">
<div class = "page-header">
<h1>Hello, {{ name }}!</h1>
</div>
</div>
{% endblock %}
from flask import Flask, render_template
from flask.ext.bootstrap import Bootstrap
app = Flask(__name__)
bootstrap = Bootstrap(app)
@app.route('/index')
def index():
return render_template('index.html')
@app.route('/usr/<name>')
def usr(name):
return render_template('user.html', name = name)
if __name__ == '__main__':
app.run(host='0.0.0.0',port=5000,debug=True)
虽然html的那些东西看不太懂，但是总算能出个还可以看的东西。
慢慢学吧。
微信图片_20170914224456.png
网友评论