Flask快速入门

小麦果汁吨吨吨2025-04-17 21:13

1.安装 Flask

要使用 Flask，你需要先安装它。打开终端，运行以下命令：

bash 复制代码

pip install flask

2.创建文件结构

3.app.py

**from flask import Flask：**从 flask 库中导入 Flask 类。
**app = Flask(name)：**创建一个 Flask 应用实例。
**@app.route('/')：**这是一个装饰器，它将根 URL（/）映射到 index.html页面。
**def hello_world()：**定义一个名为 hello_world 的函数，当用户访问根 URL 时，这个函数会被调用。
**return 'Hello, World!'：**返回一个字符串 "Hello, World!" 作为响应。
**if name == 'main'：**确保应用在直接运行脚本时启动。
**app.run(debug=True)：**以调试模式启动应用。

python 复制代码

from flask import Flask, render_template

import os

app = Flask(__name__)


# 这里在解决前端 'history' 路由模式下除首页外其他页面访问不到的 bug
@app.route('/')
def catch_all():
    return render_template("index.html")


@app.route('/api/query_enterprise', methods=['GET'])
def query_enterprise():
    return 'Hello, World!'


if __name__ == '__main__':
    host = os.environ.get('HOST', '0.0.0.0')  # 尝试从环境变量中获取IP地址，如果未设置则默认为127.0.0.1
    port = int(os.environ.get('PORT', 5000))  # 尝试从环境变量中获取端口号，如果未设置则默认为5000
    app.run(host=host, port=port)

4.前端页面

html 复制代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script src="../static/js/axios.main.js"></script>


<form method="get" action="/api/query_enterprise">
    <input type="submit" VALUE="跳转">
</form>

</body>
</html>

5.启动及效果

运行app.py的文件

点击跳转即会请求后端接口