https://www.cnblogs.com/poloyy/tag/
https://www.cnblogs.com/poloyy/p/14999797.html
https://jingtian.blog.csdn.net/article/details/136361001?spm=1001.2101.3001.6650.3&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-3-136361001-blog-120347114.235%5Ev43%5Epc_blog_bottom_relevance_base3&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-3-136361001-blog-120347114.235%5Ev43%5Epc_blog_bottom_relevance_base3&utm_relevant_index=4
1.静态文件引入：{{ url_for('static', filename='文件路径') }}
2.定义路由：{{ url_for('函数名'，变量=参数) }}
3.定义数据块：{% block 数据块名称 %}…{% endblock %}
4.继承模板：{% extends "home/home.html" %}
5.包含模板： {% include "home/menu.html" %}
转载于:[https://www.cnblogs.com/Paul-watermelon/articles/10102198.html](https://www.cnblogs.com/Paul-watermelon/articles/10102198.html)
jinja2 模板文件混合 html 语法与 jinja2 语法，使用分界符区分 html 语法与 jinja2 语法。有 5 种常见的分界符：
{{ 变量 }}，将变量放置在 {{ 和 }} 之间；
{% 语句 %}，将语句放置在 {% 和 %} 之间；
{# 注释 #}，将注释放置在 {# 和 #} 之间；
## 注释，将注释放置在 # 之后
变量
语法
jinja2 模板中，使用 {{ var }} 包围的标识符称为变量，模板渲染会将其替换为 Python 中的变量，语法如下：
{{ 变量 }}
jinja2 模板
<html>
{{ string }}
<ul>
<li> {{ list[0] }}
<li> {{ list[1] }}
<li> {{ list[2] }}
<li> {{ list[3] }}
</ul>
<ul>
<li> {{ dict['name'] }}
<li> {{ dict['age'] }}
</ul>
</html>
### tests
#### 语法
jinja2 提供的 tests 可以用来在语句里对变量或表达式进行测试，语法如下：
<code-box id="code-ApYwTY" style="padding: 0px; margin: 5px; letter-spacing: 0.75px; position: relative; display: block; border-radius: 4px; box-shadow: rgba(37, 44, 97, 0.15) 0px 4px 11px -2px, rgba(93, 100, 148, 0.06) 0px 1px 3px 0px;"><pre boxid="code-ApYwTY" class="hljs ceylon code-pre-line" style="padding: 0.5em; margin: 0px; letter-spacing: 0.75px; transition-duration: 0.2s; transition-property: background, font-size, border-color, border-radius, border-width, padding, margin, color; overflow: auto; font-size: 12px; font-weight: 400; font-family: "Source Code Pro", Consolas, Menlo, Monaco, "Courier New", monospace !important; white-space: pre; border-radius: 4px; word-break: break-all; overflow-wrap: break-word; counter-reset: itemcounter 0; background: rgb(40, 44, 52); color: rgb(171, 178, 191); display: block; border: 1px solid rgb(204, 204, 204); position: relative; max-height: 120vh;">{% variable is test %}</pre></code-box>
完整的 test 请参考 [https://jinja.palletsprojects.com/en/latest/templates/#builtin-tests](https://jinja.palletsprojects.com/en/latest/templates/#builtin-tests)，部分的 test 如下：
| test 名称 | 功能 |
| --- | --- |
| defined | 变量是否已经定义 |
| boolean | 变量的类型是否是 boolean |
| integer | 变量的类型是否是 integer |
| float | 变量的类型是否是 float |
| string | 变量是否是 string |
| mapping | 变量的类型是否是字典 |
| sequence | 变量的类型是否是序列 |
| even | 变量是否是偶数 |
| odd | 变量是否是奇数 |
| lower | 变量是否是小写 |
| upper |
变量是否是大写
|
过滤器
语法
jinja2 过滤器的是一个函数，语法如下：
{{ variable | filter }}
执行函数调用 filter(varialbe)，把函数返回值作为这个代码块的值
暂时不举具体的栗子了，只做简单介绍，目测后面我会出详细文章讲解 jinja2
#fastapi +jinja2模板主要用在前后端不分离项目中
在jinja2中，存在三种语法：
1、控制结构 {% %}
2、变量取值 {{ }}
3、注释 {# #}
列表类型数据渲染
return templates.TemplateResponse(
‘index.html’, #第一个参数放模板文件
{
‘request’: request, # 注意，返回模板响应时，必须有request键值对，且值为Request请求对象
‘user’:name,
‘age’:age,
‘people’:people,
“books”: [“西游记”, “红楼梦”],
“booksDict”: {
“西游记”: {“price”: 100, “publish”: “苹果社”},
“红楼梦”: {“price”: 200, “publish”: “橘子社”},
}
}, #context上下文对象，是个字典
)
在html页面展示
<p>{{ books.0 }}</p>
<p>{{ books.1 }}</p>
<p>{{ books.2 }}</p>
<p>{{ books.3 }}</p>
<ul>
{% for book in books %}
<li>{{ book }}</li> <!--凡是变量都要用两个大括号括起来-->
{% endfor %}
</ul>
字典类型数据渲染
在html页面通过点的方式获取
<p>{{ booksDict.西游记.publish }}</p>
jinja2 的过滤器
只需要在html文件中的变量后⾯使⽤管道(|)分割，多个过滤器可以链式调⽤，前⼀个过滤器的输出会作为后⼀个过滤器的输⼊。
{{user | capitalize }} 首字母大写
{{ ‘abc’| upper }} # ABC
{{ ‘hello world’| title }} # Hello World
{{ “hello world”| replace(‘world’,‘yuan’) | upper }} # HELLO YUAN
{{ 18.18 | round | int }} # 18
jinja2 的控制结构
if分支
{% if age > 18 %}
<p>成年区</p>
{% else %}
<p>未成年区</p>
{% endif %}
循环控制
jinja2中的for循环⽤于迭代Python的数据类型，包括列表，元组和字典。在jinja2中不存在while循环。
{% for book in books %}
<p>{{ book }}</p>
{% endfor %}
网友评论