Flask是示例一个轻量级的Python Web框架,支持Jinja2模板引擎。语法Jinja2是介绍讲解一个流行的Python模板引擎,它可以使用Flask来创建动态Web应用程序。示例
web 页面一般需要html、css和js,可能最开始学习python web的时候可能这样写:
from flask import Flask app = Flask(__name__) @app.route('/')def hello(): return '<h1>hello</h1><p style="color:red">hello world!!!</p>' if __name__ == '__main__': app.run(host='0.0.0.0', port=8000, debug=True)
上面的代码虽然也可以执行,但是不美观,现在编程基本上都是前后端分离,不会在后端代理嵌入前端的代码,为了实现前后端分离,使用MVT设计方案:
JinJa2 语法介绍与示例讲解:
在Jinja2中,使用{ { }}来包含一个变量。在Flask中,可以通过将变量传递给模板来显示它们。示例代码如下:
# variable.py# Flask中将变量传递给模板from flask import Flask, render_templateapp = Flask(__name__)# 也可指定模板目录# app = Flask(__name__, template_folder="/opt/python-projects/flask")@app.route('/')def hello(): name = "Alice" return render_template('variable.html', name=name)if __name__ == '__main__': app.run(host='0.0.0.0', port=8000, debug=True)
在上面的代码中,将变量 name 传递给 hello.html 模板。
<!-- templates/variable.html模板 --><!DOCTYPE html><html><head> <title>variable</title></head><body> <h1>hello { { name }}!</h1></body></html>
执行
python3 variable.py
访问
curl http://192.168.182.110:8000/
在Jinja2中,可以使用if、for和while等语句来控制模板中的输出。示例代码如下:
# if.py# Flask中使用if控制结构from flask import Flask, render_templateapp = Flask(__name__)@app.route('/')def hello(): user = { "name": "Alice", "age": 25} return render_template('if.html', user=user)if __name__ == '__main__': app.run(host='0.0.0.0', port=8000, debug=True)
templates/if.html 模板文件
<!-- if.html模板 --><!DOCTYPE html><html><head> <title>Hello</title></head><body> { % if user %} { % if user.age >= 18 %} <h1>Hello { { user.name }}, you are an adult!</h1> { % else %} <h1>Hello { { user.name }}, you are a minor!</h1> { % endif %} { % else %} <h1>Hello, anonymous user!</h1> { % endif %}</body></html>
在上面的代码中,使用if语句来控制输出,根据用户的年龄显示不同的消息。
在Jinja2中,可以使用 for 语句来循环输出模板中的内容。示例代码如下:
# for.py# Flask中使用for循环结构from flask import Flask, render_templateapp = Flask(__name__)@app.route('/')def hello(): users = [{ "name": "Alice", "age": 25}, { "name": "Bob", "age": 30}] return render_template('for.html', users=users)if __name__ == '__main__': app.run(host='0.0.0.0', port=8000, debug=True)
templates/for.html 模板文件
<!-- for.html模板 --><!DOCTYPE html><html><head> <title>Hello</title></head><body> { % for user in users %} <h1>Hello { { user.name }}!</h1> <p>You are { { user.age }} years old.</p> { % endfor %}</body></html>
在上面的代码中,使用 for 循环来遍历用户列表,并输出每个用户的信息。
在Jinja2中,可以使用宏来定义一段可以重复使用的代码块,示例代码如下:
# great.py# Flask中使用宏from flask import Flask, render_templateapp = Flask(__name__)@app.route('/')def hello(): users = [{ "name": "Alice", "age": 25}, { "name": "Bob", "age": 30}] return render_template('great.html', users=users)if __name__ == '__main__': app.run(host='0.0.0.0', port=8000, debug=True)
定义一个宏 templates/macros.html 模板
# 定义一个宏{ % macro print_user(user) %} <h1>Hello { { user.name }}!</h1> <p>You are { { user.age }} years old.</p>{ % endmacro %}
在上面的代码中,定义了一个名为 print_user 的宏,在模板中可以通过 import 导入宏,并使用宏来输出用户信息。模板 templates/great.html
<!-- great.html模板 --><!DOCTYPE html><html><head> <title>Hello</title></head><body> { % for user in users %} { % import 'macros.html' as macros %} { { macros.print_user(user) }} { % endfor %}</body></html>
在上面的代码中,定义了一个名为print_user的宏,用于输出用户信息。
在Jinja2中,过滤器可以对变量进行处理,例如格式化日期、转换大小写等。示例代码如下:
# filter.py# Flask中使用过滤器from flask import Flask, render_templateimport datetimeapp = Flask(__name__)@app.route('/')def hello(): now = datetime.datetime.now() return render_template('filter.html', now=now)# 自定义过滤器@app.template_filter('datetimeformat')def datetimeformat(value, format='%Y-%m-%d %H:%M:%S'): return value.strftime(format)if __name__ == '__main__': app.run(host='0.0.0.0', port=8000, debug=True)
模板文件 templates/filter.html
<!-- filter.html模板 --><!DOCTYPE html><html><head> <title>Hello</title></head><body> <p>The current date and time is: { { now|datetimeformat }}</p></body></html>
在上面的代码中,定义了一个名为 datetimeformat 的过滤器,用于格式化日期和时间。这里是自定义过滤器,其实 JinJa2 也内置了一些过滤器。Jinja2中内置过滤器:https://jinja.palletsprojects.com/en/3.0.x/templates/#filters
过滤器名 | 解释 | 举例 |
abs(value) | 返回一个数值的绝对值 | { { -1|abs }} |
int(value) | 将值转换为int类型 | { { param | int }} |
float(value) | 将值转换为float类型 | |
string(value) | 将变量转换成字符串 | |
default(value,default_value,boolean=false) | 如果当前变量没有值,则会使用参数中的值来代替。如果想使用python的形式判断是否为false,则可以传递boolean=true。也可以使用or来替换 | { { name|default('xiaotuo') }} |
safe(value) | 如果开启了全局转义,那么safe过滤器会将变量关掉转义 | { { content_html|safe }} |
escape(value)或e | 转义字符,会将<、>等符号转义成HTML中的符号 | { { content|escape或content|e }} |
first(value) | 返回一个序列的第一个元素 | { { names|first }} |
format(value,*arags,**kwargs) | 格式化字符串 | %s"-"%s"|format('Hello?',"Foo!") }} 输出 Hello?-Fool! |
last(value) | 返回一个序列的最后一个元素。 | { { names|last }} |
length(value) | 返回一个序列或者字典的长度。 | { { names|length }} |
join(value,d='+') | 将一个序列用d这个参数的值拼接成字符串 | |
lower(value) | 将字符串转换为小写 | |
upper(value) | 将字符串转换为小写 | |
replace(value,old,new) | 替换将old替换为new的字符串 | |
truncate(value,length=255,killwords=False) | 截取length长度的字符串 | |
striptags(value) | 删除字符串中所有的HTML标签,如果出现多个空格,将替换成一个空格 | |
trim | 截取字符串前面和后面的空白字符 | { { str123 | trim }} |
wordcount(s) | 计算一个长字符串中单词的个数 |
在Jinja2中,可以使用继承来创建一个包含共同元素的模板,并通过继承该模板来创建更具体的模板。示例代码如下:
# extend.py# Flask中使用继承from flask import Flask, render_templateapp = Flask(__name__)@app.route('/')def hello(): return render_template('extend.html')if __name__ == '__main__': app.run(host='0.0.0.0', port=8000, debug=True)
模板文件 templates/base.html
<!-- base.html模板 --><!DOCTYPE html><html><head> <title>{ % block title %}{ % endblock %}</title></head><body> { % block content %}{ % endblock %}</body></html>
模板文件 templates/extend.html
<!-- extend.html模板 -->{ % extends "base.html" %}{ % block title %}Hello{ % endblock %}{ % block content %} <h1>Hello World!</h1>{ % endblock %}
在上面的代码中,定义了一个名为 base.html 的模板,并在 extend.html 模板中继承了该模板。extend.html 模板中可以重写 base.html 模板中的块,并在其中添加新的内容。
在Jinja2中,可以使用包含来将一个模板包含到另一个模板中。示例代码如下:
# contain.py# Flask中使用包含from flask import Flask, render_templateapp = Flask(__name__)@app.route('/')def hello(): return render_template('contain.html')if __name__ == '__main__': app.run(host='0.0.0.0', port=8000, debug=True)
模板文件 templates/contain.html
<!-- contain.html模板 --><!DOCTYPE html><html><head> <title>{ % block title %}{ % endblock %}</title></head><body> { % block content %}{ % endblock %} { % include "footer.html" %}</body></html>
模板文件 templates/footer.html
<!-- footer.html模板 --><footer> <p>© 2023</p></footer>
在上面的代码中,定义了一个名为 footer.html 的模板,并在 contain.html 模板中使用包含将 footer.html 模板包含到页面底部。这样,可以避免在每个页面中重复添加相同的页脚。
本文介绍了Python Flask Jinja2语法的基础知识,包括变量、控制结构、循环结构和宏等,还包括过滤器、继承和包含等高级功能。使用这些功能,可以更方便地开发动态的Web应用程序。使用这些基础知识,可以快速开发动态的Web应用程序。
责任编辑:武晓燕 来源: 大数据与云原生技术分享 PythonJinJa2JinJa2(责任编辑:休闲)
曜越推ToughAir 710 Black散热器 七铜管双140mm风扇设计
铭凡HN2673迷你主机开售 12代i7+A730M售4599元
Thousands displaced as floods hit Malaysia
中盈盛达融资担保(01543.HK)完成发行2.60亿元公司债 票面利率为4.60%