使用 Flask 渲染前端项目返回 HTML 的指南
Flask 是一个 Python 的微框架，可以非常简便地创建 web 应用程序。在这篇文章中，我们将讨论如何使用 Flask 渲染前端项目并返回 HTML。
流程概述
首先，我们来展示一下整个流程。以下是一个简单的步骤表格，列出了实现 Flask 渲染 HTML 的基本步骤。
| 步骤 | 内容描述 |
|---|---|
| 1 | 安装 Flask |
| 2 | 创建 Flask 应用程序 |
| 3 | 定义视图函数，设置路由 |
| 4 | 创建 HTML 模板文件 |
| 5 | 渲染 HTML 并返回 |
每一步的代码实现
1. 安装 Flask
首先，确保你的环境中安装了 Flask。可以使用 pip 安装：
pip install Flask
2. 创建 Flask 应用程序
在你的项目目录下，创建一个新的 Python 文件（例如 app.py），并添加以下代码：
from flask import Flask, render_template
# 创建 Flask 应用
app = Flask(__name__) # 这将初始化 Flask 应用
3. 定义视图函数，设置路由
接下来，我们定义一个视图函数，并为其设置路由。例如，我们将创建一个简单的主页。
@app.route('/')
def home():
return render_template('index.html') # 渲染并返回 HTML 模板
4. 创建 HTML 模板文件
在你的项目目录下，创建一个名为 templates 的文件夹，并在其中创建一个名为 index.html 的 HTML 文件。以下是一个简单的 HTML 文件内容：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Flask Example</title>
</head>
<body>
Welcome to Flask!
<p>This is a sample web page rendered by Flask.</p>
</body>
</html>
5. 渲染 HTML 并返回
现在，我们只需运行 Flask 应用程序。在 app.py 文件中添加以下代码：
if __name__ == '__main__':
app.run(debug=True) # 启动 Flask 应用并开启调试模式
状态图
下面是应用程序的状态图，显示了用户请求和响应的过程：
stateDiagram
[*] --> HomePage
HomePage --> RenderedHTML
RenderedHTML --> [*]
饼状图
接下来，我们在这里用饼状图展示 Flask 各个组成部分的占比（如请求处理、路由、模板渲染等中的简化示例）：
pie
title Flask 组成部分占比
"请求处理" : 25
"路由" : 25
"模板渲染" : 25
"其他" : 25
运行 Flask 应用
现在，确保你在项目目录下，在终端中运行：
python app.py
当你在浏览器中访问 ` 时，你将看到你刚刚创建的 HTML 页面。
总结
通过以上步骤，我们成功地创建了一个简单的 Flask 应用程序，它能够渲染一个 HTML 页面并返回给用户。我们学习了如何安装 Flask、创建 Flask 应用、定义视图函数，以及如何创建 HTML 模板。希望这篇文章能帮助你更好地理解 Flask 的基本用法！随时在评论区提问，祝你在 Flask 开发之路上越走越远！
