一,基本使用
flask中默认使用的jinja2模板语言;与django模板语言一样,都是 {{ }} 和 {% %}
1 ,Jinja2模板中的流程控制:
- Jinja2模板语言中的 for
{% for foo in g %} {% endfor %}
- Jinja2模板语言中的 if
{% if g %} {% elif g %} {% else %} {% endif %}
2, 取值方式
- 字典:可以使用点的方式,还可以使用字典的get("xx"), name["xx"]的方式
- 列表:支持obj.0和obj[0]的方式取值
注意:**{}字典的方式传递参数
@app.route("/allstudent") def all_student(): return render_template("all_student.html", **{"student":STUDENT , "student_list" : STUDENT_LIST, "student_dict": STUDENT_DICT})
相当于以关键字的方式传递模板语言中,那么前端就可以之间{{obj}}取值了
二,高阶使用
1,safe
from flask import Flask from flask import render_template app = Flask(__name__) @app.route("/") def index(): tag = "<input type=‘text‘ name=‘user‘ value=‘eee‘>" return render_template("index.html",tag=tag) # 后端也可以直接使用Markup(tag)包起来,处理 app.run("0.0.0.0",5000)
前端处理:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> {{ tag | safe}} <!-- 加上个 \ 管道符,然后 safe --> </body> </html> 前端代码
2 在Jinja2中执行Python函数(模板中执行函数)
首先在文件中定义一个函数
后端代码:
from flask import Flask from flask import render_template from flask import Markup # 导入 flask 中的 Markup 模块 app = Flask(__name__) #定义一个函数,把它传递给前端 def a_b_sum(a,b): return a+b @app.route("/") def index(): return render_template("index.html", tag=a_b_sum) app.run("0.0.0.0", 5000, debug=True)
前端代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> {{ tag }} <br> {{ tag(99,1) }} </body> </html>
还可以定义全局函数,无需后端传递给前端,Jinja2直接就可以执行的函数
后端代码:
@app.template_global() # 把该函数放在全局,每个模板都可以用 def my_add(*args): return sum(args) @app.template_filter() def oushu_filter(num): if num % 2 == 0: return "{}是偶数".format(num) return "{}是奇数".format(num)
前端代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> 后端传过来的函数,模板调用执行的结果: {#{{ func(1, 2, 3, 4) }}#} {{ my_add(1, 2, 4, 5) }} <p>筛选函数的结果:{{ my_add(1, 2, 4, 8) | oushu_filter }}</p> </body> </html>
3 Jinja2模板复用 block
如果我们前端页面有大量重复页面,没必要每次都写,可以使用模板复用的方式复用模板
前端代码:
base.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> 这个页面是大家共有的:可以继承这个页面简化代码 标题 不同的地方使用block <div> {% block my_block_test %} {% endblock my_block_test %} </div> </body> </html>
extent_test.html
{% extends "base.html" %} {% block my_block_test %} <h1>巴拉巴拉</h1> {% endblock %}
4 Jinja2模板语言的模块引用 include
login.html 文件中的内容:
<form> 用户名:<input type="text" name="user"> 密码:<input type="text" name="pwd"> </form>
index.html 文件中的内容
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1>Welcome</h1> <h2>下面的内容是不一样的</h2> {% include "login.html" %} <h2>上面的内容是不一样的,但是下面的内容是一样的</h2> <h1>fffff</h1> </body> </html>
5 Jinja2模板语言中的宏定义
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1>Welcome</h1> {% macro type_text(name,type) %} <input type="{{ type }}" name="{{ name }}" value="{{ name }}"> {% endmacro %} <h2>在下方是使用宏来生成input标签</h2> {{ type_text("one","text") }} {{ type_text("two","text") }} </body> </html>
原文地址:https://www.cnblogs.com/glh-ty/p/9780783.html
时间: 2024-10-12 03:15:17