《每天5分钟用Flask搭建一个管理系统》第4章:模板渲染

第4章:模板渲染

4.1 模板的概念和使用

模板是一种用于生成输出的方法,它允许您将Python代码和HTML标记混合在一起,从而创建动态网页。

示例代码:基本模板

html 复制代码
<!-- templates/home.html -->
<!DOCTYPE html>
<html>
<head>
    <title>{{ title }}</title>
</head>
<body>
    <h1>{{ header }}</h1>
    <p>{{ content }}</p>
</body>
</html>

在Flask中,您可以使用render_template函数来渲染模板。

示例代码:渲染模板

python 复制代码
from flask import render_template

@app.route('/')
def home():
    title = "Home Page"
    header = "Welcome to My Website"
    content = "This is the home page."
    return render_template('home.html', title=title, header=header, content=content)
4.2 Jinja2模板引擎介绍

Jinja2是Flask的默认模板引擎,它提供了强大的模板语言功能。

示例代码:使用Jinja2模板语法

html 复制代码
<!-- templates/about.html -->
{% if user %}
    <p>Welcome, {{ user.username }}!</p>
{% else %}
    <p>Welcome, guest!</p>
{% endif %}
4.3 模板继承和包含

模板继承允许您定义一个基础模板,其他模板可以继承这个模板并扩展它。

示例代码:基础模板

html 复制代码
<!-- templates/base.html -->
<!DOCTYPE html>
<html>
<head>
    <title>{% block title %}My Website{% endblock %}</title>
</head>
<body>
    <header>
        {% block header %}Default Header{% endblock %}
    </header>
    <main>
        {% block content %}{% endblock %}
    </main>
    <footer>
        {% block footer %}Default Footer{% endblock %}
    </footer>
</body>
</html>

示例代码:继承基础模板

html 复制代码
<!-- templates/about.html -->
{% extends 'base.html' %}
{% block header %}About Us{% endblock %}
{% block content %}
    <p>This is the about page.</p>
{% endblock %}

模板包含允许您在模板中包含其他模板片段。

示例代码:模板包含

html 复制代码
<!-- templates/sidebar.html -->
<div class="sidebar">
    <h3>Sidebar</h3>
    <ul>
        <li><a href="/">Home</a></li>
        <li><a href="/about">About</a></li>
    </ul>
</div>

<!-- templates/base.html -->
...
<body>
    {% include 'sidebar.html' %}
    <main>
        {% block content %}{% endblock %}
    </main>
...
4.4 模板变量和过滤器

模板变量用于在模板中传递数据,而过滤器则用于修改变量的显示方式。

示例代码:使用模板变量

html 复制代码
<!-- templates/user_profile.html -->
<p>Username: {{ user.username }}</p>
<p>Member since: {{ user.member_since|date('Y-m-d') }}</p>

示例代码:自定义过滤器

python 复制代码
from flask import Flask

app = Flask(__name)

@app.template_filter()
def capitalize_sentence(s):
    return s[0].upper() + s[1:].lower()

# 在模板中使用自定义过滤器
<p>{{ user.bio|capitalize_sentence }}</p>
4.5 总结

本章介绍了模板渲染的概念和Jinja2模板引擎的使用,包括模板继承、包含以及变量和过滤器的使用。

相关推荐
亿牛云爬虫专家1 小时前
Kubernetes下的分布式采集系统设计与实战:趋势监测失效引发的架构进化
分布式·python·架构·kubernetes·爬虫代理·监测·采集
ai小鬼头4 小时前
Ollama+OpenWeb最新版0.42+0.3.35一键安装教程,轻松搞定AI模型部署
后端·架构·github
萧曵 丶4 小时前
Rust 所有权系统:深入浅出指南
开发语言·后端·rust
老任与码5 小时前
Spring AI Alibaba(1)——基本使用
java·人工智能·后端·springaialibaba
蹦蹦跳跳真可爱5895 小时前
Python----OpenCV(图像増强——高通滤波(索贝尔算子、沙尔算子、拉普拉斯算子),图像浮雕与特效处理)
人工智能·python·opencv·计算机视觉
nananaij5 小时前
【Python进阶篇 面向对象程序设计(3) 继承】
开发语言·python·神经网络·pycharm
雷羿 LexChien5 小时前
从 Prompt 管理到人格稳定:探索 Cursor AI 编辑器如何赋能 Prompt 工程与人格风格设计(上)
人工智能·python·llm·编辑器·prompt
华子w9089258595 小时前
基于 SpringBoot+VueJS 的农产品研究报告管理系统设计与实现
vue.js·spring boot·后端
星辰离彬6 小时前
Java 与 MySQL 性能优化:Java应用中MySQL慢SQL诊断与优化实战
java·后端·sql·mysql·性能优化
敲键盘的小夜猫6 小时前
LLM复杂记忆存储-多会话隔离案例实战
人工智能·python·langchain