Flask框架如何實(shí)現(xiàn)前后端分離

小樊
81
2024-10-15 17:39:28

Flask 是一個(gè)輕量級(jí)的 Python Web 框架，它可以通過(guò)使用模板引擎實(shí)現(xiàn)前端和后端的分離。以下是實(shí)現(xiàn) Flask 前后端分離的基本步驟：

  1. 安裝 Flask 和模板引擎（如 Jinja2）：
pip install Flask

  1. 創(chuàng)建 Flask 應(yīng)用并設(shè)置模板文件夾。在應(yīng)用的根目錄下創(chuàng)建一個(gè)名為 templates 的文件夾，用于存放 HTML 模板文件。

  2. 編寫(xiě) Flask 應(yīng)用代碼。在應(yīng)用中，你可以使用 render_template 函數(shù)來(lái)渲染 HTML 模板。例如，創(chuàng)建一個(gè)名為 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)
  1. 創(chuàng)建 HTML 模板文件。在 templates 文件夾中創(chuàng)建一個(gè)名為 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>
  1. 運(yùn)行 Flask 應(yīng)用。在命令行中，進(jìn)入應(yīng)用所在的目錄，并運(yùn)行以下命令：
python app.py

這將啟動(dòng)一個(gè)開(kāi)發(fā)服務(wù)器，并在默認(rèn)情況下監(jiān)聽(tīng) 127.0.0.1:5000。在瀏覽器中訪問(wèn)該地址，你將看到渲染的 HTML 頁(yè)面。

以上示例展示了如何使用 Flask 和 Jinja2 模板引擎實(shí)現(xiàn)簡(jiǎn)單的前后端分離。在實(shí)際項(xiàng)目中，你可能還需要考慮其他因素，如前后端之間的數(shù)據(jù)交互、靜態(tài)文件的托管等。你可以查閱 Flask 的官方文檔以獲取更多關(guān)于前后端分離的信息。

0 踩