Python中Flask模板的使用与高级技巧详解

本文主要是介绍Python中Flask模板的使用与高级技巧详解，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

《Python中Flask模板的使用与高级技巧详解》在Web开发中,直接将HTML代码写在Python文件中会导致诸多问题,Flask内置了Jinja2模板引擎,完美解决了这些问题,下面我们就来看看F...

一、模板渲染基础

1.1 为什么需要模板引擎

在Web开发中，直接将html代码写在python文件中会导致诸多问题：

代码难以维护
前后端耦合严重
无法复用HTML组件
缺乏逻辑控制能力

Flask内置了Jinja2模板引擎，完美解决了这些问题。

1.2 第一个模板渲染示例

首先创建项目结构：

myapp/
├── app.py
└── templates/
└── index.html

app.py内容：

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def index():
    user = {'username': '张三', 'age': 25}
    posts = [
        {'title': '第一篇', 'content': '内容1'},
        {'title': '第二篇', 'content': '内容2'}
    ]
    return render_template('index.html', user=user, posts=posts)

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

templates/index.html内容：

&landroidt;!DOCTYPE html>
<html>
<head>
    <title>{{ user.username }}的主页</title>
</head>
<body>
    <h1>欢迎, {{ user.username }}!</h1>
    <p>年龄: {{ user.age }}</p>
    
    <h2>文章列表</h2>
    <ul>
        {% for post in posts %}
        <li>{{ post.title }} - {{ post.content }}</li>
        {% endfor %}
    </ul>
</body>
</html&www.chinasem.cngt;

1.3 模板渲染原理

render_template()函数的工作流程：

在templates目录查找指定模板文件
解析模板中的变量和逻辑
将上下文变量传入模板
生成最终HTML响应

二、模板访问对象属性

2.1 访问字典属性

<p>用户名: {{ user['username'] }}</p>
<p>年龄: {{ user.get('age', 18) }}</p>  <!-- 带默认值 -->

2.2 访问对象属性

假设我们有一个User类：

class User:
    def __init__(self, username, email):
        self.username = username
        self.email = email

模板中可以这样访问：

<p>用户名: {{ user.username }}</p>
<p>邮箱: {{ user.email }}</p>

2.3 访问列表和元组

<p>第一篇文章: {{ posts[0].title }}</p>
<p>最后一篇文章: {{ posts[-1].title }}</p>

2.4 特殊变量访问

<p>当前时间: {{ config.DEBUG }}</p>  <!-- 访问Flask配置 -->
<p>请求方法: {{ request.method }}&lMZrMZdboZt;/p>  <!-- 访问请求对象 -->
<p>会话信息: {{ session.get('user_id') }}</p>
<p>闪现消息: {{ get_flashed_messages() }}</p>

三、过滤器的使用

3.1 内置过滤器大全

Jinja2提供了丰富的内置过滤器：

<!-- 字符串处理 -->
<p>{{ "hello"|capitalize }}</p>  <!-- Hello -->
<p>{{ "HELLO"|lower }}</p>  <!-- hello -->
<p>{{ "hello world"|title }}</p>  <!-- Hello World -->
<p>{{ "hello"|replace("e", "a") }}</p>  <!-- hallo -->

<!-- 列表处理 -->
<p>{{ [1,2,3]|length }}</p>  <!-- 3 -->
<p>{{ [1,2,3]|first }}</p>  <!-- 1 -->
<p>{{ [1,2,3]|last }}</p>  <!-- 3 -->
<p>{{ [1,2,3]|join("|") }}</p>  <!-- 1|2|3 -->

<!-- 数值处理 -->
<p>{{ 3.1415926|round(2) }}</p>  <!-- 3.14 -->
<p>{{ 1000|filesizeformat }}</p>  <!-- 1000 Bytes -->
<p>{{ 0.85|float }}</p>  <!-- 0.85 -->

<!-- 日期处理 -->
<p>{{ user.create_time|datetimeformat }}</p>
<p>{{ user.create_time|datetimeformat('%Y-%m-%d') }}</p>

<!-- HTML处理 -->
<p>{{ "<script>alert(1)</script>"|escape }}</p>
<p>{{ "Markdown text"|markdown }}</p>
<p>{{ "https://example.com"|urlencode }}</p>

3.2 自定义过滤器

在app.py中注册自定义过滤器：

@app.template_filter('reverse')
def reverse_filter(s):
    return s[::-1]

@app.template_filter('format_phone')
def format_phone(phone):
    return f"{phone[:3]}-{phandroidone[3:7]}-{phone[7:]}"

模板中使用：

<p>{{ "hello"|reverse }}</p>  <!-- olleh -->
<p>{{ "13812345678"|format_phone }}</p>  <!-- 138-1234-5678 -->

Flask模板高级技巧

1.控制语句

条件判断

{% if user.age < 18 %}
    <p>未成年用户</p>
{% elif user.age > 60 %}
    <p>老年用户</p>
{% else %}
    <p>成年用户</p>
{% endif %}

循环语句

<table>
    <thead>
        <tr>
            <th>序号</th>
            <th>标题</th>
            <th>内容</th>
        </tr>
    </thead>
    <tbody>
        {% for post in posts %}
        <tr class="{{ loop.cycle('odd', 'even') }}">
            <td>{{ loop.index }}</td>
            <td>{{ post.title }}</td>
            <td>{{ post.content }}</td>
        </tr>
        {% else %}
        <tr>
            <td colspan="3">暂无文章</td>
        </tr>
        {% endfor %}
    </tbody>
</table>

循环变量说明：

loop.phpindex: 当前迭代次数(从1开始)
loop.index0: 当前迭代次数(从0开始)
loop.revindex: 反向迭代次数
loop.first: 是否第一次迭代
loop.last: 是否最后一次迭代
loop.length: 序列长度

宏定义（模板函数）

定义宏：

{% MACro render_comment(comment) %}
<div class="comment">
    <p>{{ comment.author }} 说：</p>
    <blockquote>{{ comment.content }}</blockquote>
</div>
{% endmacro %}

使用宏：

{{ render_comment(comment) }}

<!-- 导入其他模板中的宏 -->
{% from 'macros.html' import render_comment %}

2.模板继承

基础模板(base.html)

<!DOCTYPE html>
<html>
<head>
    <title>{% block title %}默认标题{% endblock %}</title>
    {% block head %}
    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}" rel="external nofollow" >
    {% endblock %}
</head>
<body>
    <div class="container">
        {% block content %}
        <h1>默认内容</h1>
        {% endblock %}
    </div>
    
    {% block footer %}
    <footer>
        <p>&copy; 2023 My App</p>
    </footer>
    {% endblock %}
</body>
</html>

子模板继承

{% extends "base.html" %}

{% block title %}用户主页 - {{ super() }}{% endblock %}

{% block head %}
    {{ super() }}
    <style>
        .profile { color: blue; }
    </style>
{% endblock %}

{% block content %}
    <div class="profile">
        <h1>{{ user.username }}的个人资料</h1>
        <p>年龄: {{ user.age }}</p>
    </div>
{% endblock %}

{% block footer %}
    <footer>
        <p>&copy; 2023 用户中心</p>
    </footer>
{% endblock %}

包含其他模板

<!-- 包含头部 -->
{% include 'header.html' %}

<!-- 带参数包含 -->
{% include 'user_card.html' with user=current_user %}

<!-- 忽略缺失模板 -->
{% include 'sidebar.html' ignore missing %}

3.加载静态文件

静态文件组织

标准项目结构：

myapp/
├── app.py
├── static/
│ ├── css/
│ ├── js/
│ └── images/
└── templates/

引用静态文件

<!-- CSS文件 -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}" rel="external nofollow" >

<!-- JavaScript文件 -->
<script src="{{ url_for('static', filename='js/main.js') }}"></script>

<!-- 图片 -->
<img src="{{ url_for('static', filename='images/logo.png') }}" alt="Python中Flask模板的使用与高级技巧详解">

<!-- 使用缓存清除 -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css', v=1.0) }}" rel="external nofollow" >

静态文件版本控制

在配置中添加版本号：

app.config['SEND_FILE_MAX_AGE_DEFAULT'] = 3600  # 1小时缓存
app.config['STATIC_VERSION'] = '1.0.0'

模板中使用：

<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}?v={{ config.STATIC_VERSION }}" rel="external nofollow" >

使用CDN资源

{% if config.CDN_ENABLED %}
    <script src="https://cdn.example.com/jquery/3.6.0.min.js"></script>
{% else %}
    <script src="{{ url_for('static', filename='js/jquery.min.js') }}"></script>
{% endif %}

以上就是Python中Flask模板的使用与高级技巧详解的详细内容，更多关于Python Flask模板的资料请关注China编程(www.chinasem.cn)其它相关文章！

这篇关于Python中Flask模板的使用与高级技巧详解的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

Python中Flask模板的使用与高级技巧详解

目录

一、模板渲染基础

1.1 为什么需要模板引擎

1.2 第一个模板渲染示例

1.3 模板渲染原理

二、模板访问对象属性

2.1 访问字典属性

2.2 访问对象属性

2.3 访问列表和元组

2.4 特殊变量访问

三、过滤器的使用

3.1 内置过滤器大全

3.2 自定义过滤器

Flask模板高级技巧

1.控制语句

2.模板继承

3.加载静态文件

相关文章

使用Python删除Excel中的行列和单元格示例详解

MySQL 多列 IN 查询之语法、性能与实战技巧(最新整理)

深入理解Go语言中二维切片的使用

MySQL中的LENGTH()函数用法详解与实例分析

Spring Boot spring-boot-maven-plugin 参数配置详解(最新推荐)

prometheus如何使用pushgateway监控网路丢包

mybatis执行insert返回id实现详解

Python通用唯一标识符模块uuid使用案例详解

SpringBoot中如何使用Assert进行断言校验

Linux系统性能检测命令详解