Flask框架如何实现前后端分离

flask

小樊

101

2024-10-15 17:39:28

栏目: 编程语言

Flask 是一个轻量级的 Python Web 框架，它可以通过使用模板引擎实现前端和后端的分离。以下是实现 Flask 前后端分离的基本步骤：

安装 Flask 和模板引擎（如 Jinja2）：

pip install Flask

创建 Flask 应用并设置模板文件夹。在应用的根目录下创建一个名为 templates 的文件夹，用于存放 HTML 模板文件。
编写 Flask 应用代码。在应用中，你可以使用 render_template 函数来渲染 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(debug=True)

创建 HTML 模板文件。在 templates 文件夹中创建一个名为 index.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 Frontend and Backend Separation</title>
</head>
<body>
    <h1>Hello, Flask!</h1>
</body>
</html>

运行 Flask 应用。在命令行中，进入应用所在的目录，并运行以下命令：

python app.py

这将启动一个开发服务器，并在默认情况下监听 127.0.0.1:5000。在浏览器中访问该地址，你将看到渲染的 HTML 页面。

以上示例展示了如何使用 Flask 和 Jinja2 模板引擎实现简单的前后端分离。在实际项目中，你可能还需要考虑其他因素，如前后端之间的数据交互、静态文件的托管等。你可以查阅 Flask 的官方文档以获取更多关于前后端分离的信息。

Flask框架如何实现前后端分离

最新问答

相关标签