Flask Jinja2模板

FlaskFlaskBeginner
立即练习

This tutorial is from open-source community. Access the source code

💡 本教程由 AI 辅助翻译自英文原版。如需查看原文,您可以 切换至英文原版

简介

在本实验中,你将学习如何在Flask中使用Jinja2模板。Jinja2是一个强大的模板引擎,它允许你在Flask应用程序中生成动态HTML页面。模板是将应用程序的表示逻辑与业务逻辑分离的好方法。

注意:你需要自己创建代码文件并在环境中运行它。你可以在Web 5000上预览Flask服务状态。


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL flask(("`Flask`")) -.-> flask/DataHandlingGroup(["`Data Handling`"]) flask(("`Flask`")) -.-> flask/CoreConceptsGroup(["`Core Concepts`"]) flask(("`Flask`")) -.-> flask/DevelopmentToolsGroup(["`Development Tools`"]) flask/DataHandlingGroup -.-> flask/incoming_request_data("`Incoming Request Data`") flask/CoreConceptsGroup -.-> flask/application_object("`Application Object`") flask/CoreConceptsGroup -.-> flask/sessions("`Sessions`") flask/CoreConceptsGroup -.-> flask/useful_internals("`Useful Internals`") flask/DevelopmentToolsGroup -.-> flask/blueprint_objects("`Blueprint Objects`") subgraph Lab Skills flask/incoming_request_data -.-> lab-136107{{"`Flask Jinja2模板`"}} flask/application_object -.-> lab-136107{{"`Flask Jinja2模板`"}} flask/sessions -.-> lab-136107{{"`Flask Jinja2模板`"}} flask/useful_internals -.-> lab-136107{{"`Flask Jinja2模板`"}} flask/blueprint_objects -.-> lab-136107{{"`Flask Jinja2模板`"}} end

安装Flask和Jinja2

在开始之前,请确保你的Python环境中已安装Flask和Jinja2。你可以使用pip进行安装:

pip install Flask
pip install Jinja2

创建一个Flask应用程序

创建一个名为app.py的新文件,并导入必要的模块:

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def index():
    return render_template('index.html')

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

在这段代码中,我们创建了一个新的Flask应用程序,并为根URL(“/”)定义了一个路由。当用户访问根URL时,index()函数将被调用,它将渲染index.html模板。

创建一个Jinja2模板

在与你的app.py文件相同的目录中创建一个名为templates的新目录。在templates目录内,创建一个名为index.html的新文件。此文件将包含你的模板的HTML代码。

<!doctype html>
<html>
  <head>
    <title>Flask Jinja2 Templates Lab</title>
  </head>
  <body>
    <h1>Welcome to Flask Jinja2 Templates Lab</h1>
    <p>This is a simple Flask application using Jinja2 templates.</p>
  </body>
</html>

在这个模板中,我们有一个带有标题和段落的简单HTML结构。你可以根据自己的需要自定义模板的内容。

运行Flask应用程序

保存app.py文件,并使用以下命令运行它:

python app.py

打开你的网页浏览器,访问http://localhost:5000。你应该会在浏览器中看到渲染后的index.html模板的内容。

总结

恭喜你!你已经成功创建了一个使用Jinja2模板的Flask应用程序。模板是在Flask应用程序中生成动态HTML页面的强大工具。现在,你可以使用模板将应用程序的表示逻辑与业务逻辑分离,并创建更灵活、更易于维护的代码。

您可能感兴趣的其他 Flask 教程