Python Flask 基础入门第一课：创建Flask app并与前端进行简单交互

Flask 基础入门第一课

介绍

Flask 是一个使用 Python 编写的轻量级 Web 框架，它被广泛应用于开发 Web 应用和 API。它具有简洁、灵活和易于上手的特点，使得它成为学习和构建 Web 应用的理想选择。在本篇教程中，我们将介绍 Flask 的基础知识，并提供一些可实际运行的示例代码，同时附带前端代码，以帮助你快速入门。

环境设置

在开始之前，我们需要确保你的开发环境已经安装了 Flask。你可以使用以下命令通过 pip 安装 Flask：

pip install flask

安装完成后，我们可以开始编写我们的第一个 Flask 应用程序。

Hello, Flask!

首先，让我们创建一个简单的 Flask 应用，用于输出 “Hello, Flask!”。

# app.py
from flask import Flask

app = Flask(__name__)

@app.route('/')
def hello():
    return 'Hello, Flask!'

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

在上面的示例代码中，我们导入了 Flask 类，并创建了一个应用实例 app。然后，我们定义了一个路由 /，并使用 @app.route 装饰器将该路由与 hello 函数绑定。hello 函数将返回 “Hello, Flask!”。最后，通过 app.run() 启动应用。

保存代码到 app.py 文件中，并在终端中运行以下命令启动应用：

python app.py

在浏览器中访问 http://localhost:5000，你将看到 “Hello, Flask!” 的输出。

与前端交互

Flask 不仅可以处理后端逻辑，还可以与前端页面进行交互。下面是一个示例，展示了如何在 Flask 应用中渲染并返回一个 HTML 页面。

# 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()

在上述示例中，我们引入了 render_template 函数，并在路由处理函数中使用它来渲染名为 index.html 的模板。render_template 函数会自动查找并加载位于 templates 文件夹下的模板文件。下面是一个简单的 index.html 文件的示例：

<!-- templates/index.html -->
<!DOCTYPE html>
<html>
<head>
    <title>Flask App</title>
</head>
<body>
    <h1>Hello, Flask!</h1>
</body>
</html>

在上面的示例中，我们创建了一个基本的 HTML 页面，其中包含一个标题标签和一个居中显示的标题文本 “Hello, Flask!”。

运行应用并在浏览器中访问 http://localhost:5000，你将看到渲染后的 HTML 页面。

结论

通过本篇博客，我们初步了解了 Flask 的基础知识，并学习了如何创建一个简单的 Flask 应用，并与前端页面进行交互。Flask 提供了丰富的功能和易于上手的 API，使得 Web 开发变得简单而有趣。希望这篇博客对你的学习有所帮助！

在下一篇博客中，我们将继续探索 Flask 的更多功能和用法。敬请期待！

希望这篇博客对于你写的第一篇博客有帮助。如果你需要进一步的协助或有其他问题，请随时提问。