[Follow Study] Day4:flask开发中的jinja2模板引擎学习笔记(一)

jinja2是flask开发过程中对应的模板引擎，默认的情况下是不用单独安装的，在我们安装flask的时候就已经安装好了，直接用就可以。

在开始学习flask模板相关的语法的时候，我们需要先简单学习一下flask-script这个开发过程中比较常用的flask扩展。

一、flask-script简单学习

flask-script这个扩展主要是在我们开发过程中使用，最直接的用途是给我们的flask项目添加一个命令行的扩展，便于开发测试，这个类似django的命令行。

1、flask-script安装

pip install flask-script

安装成功之后，在使用的时候，和其他flask扩展一样，需要我们的导入，绝大多数的教程都介绍导入两个方法Manager和Server，但是这里我们只导入Manager,Server为了后面学习jinja2，使用Livereload这个python扩展，方便调试模板。

2、flask-script使用

from flask-script import Manager
#省略部分代码
manager = Manager(app)

if __name__ == '__main__':
manager.run()

上述代码中的第二行是实例化Manager，绝大多数的flask扩展都需要用到实例化，后面我们学习其他的flask扩展会继续介绍这方面的内容。

二、livereload简单学习

livereload也是开发过程中能够提升效率的一个python包，注意这个不是flask的扩展，livereload的作用是，当我们保存完所修改的文件之后，服务器能够自动执行。

开始的时候小虾也觉得貌似没什么用，因为我们有debug=Ture，但是事实上发现还是很有用的，debug只能让我们的后端文件重新执行，前端文件还需要我们手动来刷新，但是使用了livereload，只要监控了的文件，都能帮我们重新执行，很方便的。

1、livereload安装

安装的过程中发现，通过venv环境下使用pip install安装，即使提示安装成功，但是在import引入的时候依然无法引入，这个问题还没找到原因，后来通过pycharm的设置安装，安装成功，然后可以正常使用，搜索了一下这方面的问题，发现知乎上也有人问。。。

2、livereload使用

在使用livereload的时候也需要导入，然后配合manager.command修饰器使用，具体代码如下:

@manager.command
def dev():
from livereload import Server
live_server = Server(app.wsgi_app)
live_server.watch('**/*.*')
live_server.serve(open_url=True)

运行的话也有点特殊，这个时候需要我们加上command命令运行，具体的代码如下:

python sample.py dev

然后不出意外，我们就看到如下图所示的成功运行的图，另外浏览器会自动打开并运行我们的项目。

Paste_Image.png

三、flask jinja2简单语法

在后端，我们需要使用render_template('模板文件','模板变量=变量')来和指定的模板进行沟通。比如下面的index视图。
sample.py文件部分代码如下:

from flask import Flask, render_template
app = Flask(__name__)

@app.route('/')
def index():
return render_template('index.html',title="
hello world
")

if __name__ == '__main__':
app.run()

index.html文件代码如下:

{{ title }}

这个时候访问我们的127.0.0.1:5000就应该看到下面的内容

Paste_Image.png

如果信心的话，发现h1标签并没有实现我们想象中的效果，被过滤掉了，但是事实上我们希望的是能够正确被解析，这里就要说到jinja2的过滤器了。

1、jinja2过滤器

jinja2过滤器主要作用是将从后端文件传过来的参数进行一些装饰，然后再在页面进行渲染，比如上面的例子，如果默认不做上面的话，h1为了安全起见是被过滤掉的，但是如果我们确认接受过来的参数title是安全的，那就可以通过safe进行过滤，具体如下:

{{ title|safe }}

这个时候我们访问页面，就会看到下面的内容:

Paste_Image.png

2、自定义jinja2过滤器

jinja2给我们提供了大量的过滤器，具体的话可以通过访问jinja2官方页面进行查询，但是有时候我们需要自己的过滤器，这个时候可以通过自定义jinja2过滤器来实现。

jinja2自定义过滤器主要是通过注册自定义函数到jinja2模板上，使用的到的命令是@app.template_filter('过滤器名字')，这里以一个能够支持markdown的过滤器为例说明。

@app.template_filter('md')
def markok(txt):
from markdown import markdown
return markdown(txt)

不加md过滤器，默认输出的文件是下面的:

Paste_Image.png

我们加上md过滤器，输出的结果如下图:

Paste_Image.png

说明我们的自定义过滤器执行成功了。jinja2模板的过滤器可以同时使用多个，都是通过|链接，这个类似shell中的管道。

四、学习心得

flask学习过程中，知识真的很多，flask有N多的扩展，每一个扩展又有N多的用法，都一次性学习的话，显然对于新手的我来说是一个比较痛苦的过程，所以学习的过程中遵循一个“用什么学什么”的原则，先把最常用的功能了解一下，其他的知识，在开发过程中用什么学什么。这样效率会更高点。