一、安装 Flask: 如果你还没有安装 Flask,可以通过 pip 安装它:
bash
pip install flask
二、编写后端 Python 代码 : 创建一个 Python 文件(例如 app.py
),在这个文件中定义你的 Flask 应用。
三、创建路由 : 在 Flask 中,通过装饰器 (@app.route
) 来定义处理特定 URL 请求的函数。
四、运行 Flask 应用 : 设置环境变量 FLASK_APP
并启动应用。
五、编写前端 HTML/CSS/JS: 创建静态文件(如 HTML 页面)来呈现内容,并通过 JavaScript 发送 AJAX 请求与后端交互。
下面是一个简单的例子:
步骤 1: 编写后端 Python 代码
假设你的 Python 文件名为 app.py
:
python
from flask import Flask, render_template, request
app = Flask(__name__)
@app.route('/')
def home():
return render_template('index.html')
@app.route('/submit', methods=['POST'])
def submit():
user_name = request.form.get('user_name')
if user_name:
return f"Hello, {user_name}!"
else:
return "Please provide your name."
if __name__ == '__main__':
app.run(debug=True)
步骤 2: 创建前端 HTML 文件
在你的项目目录中创建一个名为 templates
的文件夹,并在其中创建一个名为 index.html
的文件:
XML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Flask Example</title>
</head>
<body>
<h1>Welcome to the Flask App!</h1>
<form action="/submit" method="post">
<label for="user_name">Your Name:</label>
<input type="text" id="user_name" name="user_name">
<button type="submit">Submit</button>
</form>
</body>
</html>
步骤 3: 运行 Flask 应用
确保你在包含 app.py
的目录中,并且已经设置了 FLASK_APP
环境变量。然后运行 Flask 应用:
bash
export FLASK_APP=app.py
flask run
这将在本地服务器上启动 Flask 应用。你可以通过访问 http://127.0.0.1:5000/ 来查看你的网站。
以上就是一个基本的 Flask 应用示例,包括了后端逻辑和简单的前端交互。你可以根据需要添加更多的功能,比如数据库集成、用户认证等。