Flask狼书笔记 | 03_模板

文章目录

  • [3 模板](#3 模板)
    • [3.1 模板基本使用](#3.1 模板基本使用)
    • [3.2 模板结构组织](#3.2 模板结构组织)
    • [3.3 模板进阶](#3.3 模板进阶)

3 模板

模板(template):包含固定内容和动态部分的可重用文件。Jinja2模板引擎可用于任何纯文本文件。

3.1 模板基本使用

HTML实体https://dev.w3.org/html5/html-author/charref

Jinja2定界符

  • 语句:{% ... %}
  • 表达式:{``{ ... }}
  • 注释:{# ... #}

:适度使用模板,仅放和输出控制有关的逻辑操作。
补充render_template()中,也可以传入python函数,并在模板中调用。

上下文

  • 在模板中定义变量 :使用set标签。(p80)
  • 内置上下文变量:config,request,session,g。
  • 自定义上下文@app.context_processor ,等(p81)

全局对象

  • Flask内置模板全局函数url_for()用于生产URL,get_flashed_messages()用于获取flask消息。

自定义全局函数@app.template_global()装饰器

过滤器 :修改和过滤变量值的特殊函数。

jinja2 复制代码
{{ name|title }}
jinja2 复制代码
{% filter upper %}
	This itext becomes upperase.
{% endfilter %}

Jinja2常用内置过滤器(p83)

  • 自定义过滤器@app.emplate_filter()

测试器 :测试变量或表达式,返回布尔值 ,使用@app.template_test()自定义。

jinja2 复制代码
{% if foo is sameas(bar) %}...

模板环境对象 :控制渲染行为,包含配置选项、上下文变量、全局函数(globals)、过滤器(filters)、测试器(tests),在app.jinja_env属性。

python 复制代码
# 添加自定义全局对象 
def bar():
	return 'I am bar.'

app.jinja_env.globals['bar'] = bar

3.2 模板结构组织

局部模板:减少代码重复。在ajax请求中可以只返回一个局部模板,而不是整个页面。

jinja2 复制代码
{% include '_banner.html' %}

:(macro)类似函数,也为了代码重用。

  • 注意include会自动传递上下文;而import不会,需要显示传递。
jinja2 复制代码
{% from 'macros.html' import qux with context%}
...
{{ qux(amount=5) }}

模板继承 :在基模板中定义基本的HTML结构,而子模板只需要对特定的块进行修改(覆盖或追加{``{ super() }})。(p90)

jinja2 复制代码
{% extends 'base.html' %}
{% block content %}
...
{% endblock content %}

3.3 模板进阶

空白控制 :模板中的Jinja2 语句会保留移除后的空行,但不影响浏览器的解析。可以使用工具去除空白,减小文件体积,提高数据传输速度。

jinja2 复制代码
{%- endif %}

加载静态文件 :默认存放在主脚本同级目录的static 文件夹中,使用url_for()函数获取。Flask内置了用于获取静态文件的视图函数,端点值为static

jinja2 复制代码
{{ url_for('static', filename='avatar.jpg') }}
  • Favicon:浏览器在标签页、地址栏、收藏夹等处显示的小图标。(p96)
  • CDN加载静态资源更方便
  • 可以创建一个专门用于加载静态资源的

疑惑:对favicon的请求是自动的吗,所有项目都有?

消息闪现 :在视图函数调用flash()函数,你的消息将存储在session中,然后再模板中使用全局函数get_flashed_messages()获取消息并显示,调用后会清空session中的消息。

jinja2 复制代码
{% for message in get_flashed_messages() %}
	{{ message }}
{% endfor %}
  • 文本字符串编码问题:(p98)

自定义错误页面 :默认的简陋错误页面往往另用户不知所措,我们可以注册错误处理函数来自定义错误页面。

python 复制代码
@app.errorhandler(404)
def page_not_found(e):
    return render_template('errors/404.html'), 404

JavaScript和CSS中的Jinja:有时需要再JavaScript或CSS代码中使用Jinja2提供的变量,如我们希望将用户设置的主题颜色设置到对应的CSS规则中。

  • 只有使用render_template()传入的模板文件才会被渲染,而在javascript、css文件中引入的Jinja2代码不会被执行。(?)

  • 1、嵌入式Javascript/CSS :在模板文件中,使用<style><script>标签定义这部分代码。

  • 2、定义为Javascript/CSS变量

jinja2 复制代码
{# 定义JavaScript变量 #}
<script type="text/javascript">
	var foo = '{{ foo_variable }}';
</script>

{# 定义CSS变量 #}
<sytle>
:root {
	--theme-color: {{ theme_color }};
}

相关推荐
screenCui11 分钟前
macOS运行python程序遇libiomp5.dylib库冲突错误解决方案
开发语言·python·macos
小眼睛羊羊19 分钟前
pyinstaller打包paddleocr
python
java1234_小锋24 分钟前
基于Python的旅游推荐协同过滤算法系统(去哪儿网数据分析及可视化(Django+echarts))
python·数据分析·旅游
蓝婷儿26 分钟前
Python 机器学习核心入门与实战进阶 Day 4 - 支持向量机(SVM)原理与分类实战
python·机器学习·支持向量机
%d%d21 小时前
python 在运行时没有加载修改后的版本
java·服务器·python
饕餮争锋1 小时前
设计模式笔记_创建型_建造者模式
笔记·设计模式·建造者模式
萝卜青今天也要开心2 小时前
2025年上半年软件设计师考后分享
笔记·学习
amazinging2 小时前
北京-4年功能测试2年空窗-报培训班学测开-第四十七天
python·学习·selenium
Freak嵌入式2 小时前
一文速通 Python 并行计算:13 Python 异步编程-基本概念与事件循环和回调机制
开发语言·python·嵌入式·协程·硬件·异步编程
吃货界的硬件攻城狮2 小时前
【STM32 学习笔记】SPI通信协议
笔记·stm32·学习