当前位置: 首页> 健康> 知识 > Flask框架开发一个简单的Web应用

Flask框架开发一个简单的Web应用

时间:2025/7/11 22:55:44来源:https://blog.csdn.net/danielxinhj/article/details/140790147 浏览次数:0次

一、安装 Flask: 如果你还没有安装 Flask,可以通过 pip 安装它:

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:

from flask import Flask, render_template, requestapp = 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 的文件:

<!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 应用:

export FLASK_APP=app.py
flask run

这将在本地服务器上启动 Flask 应用。你可以通过访问 http://127.0.0.1:5000/ 来查看你的网站。

以上就是一个基本的 Flask 应用示例,包括了后端逻辑和简单的前端交互。你可以根据需要添加更多的功能,比如数据库集成、用户认证等。

关键字:Flask框架开发一个简单的Web应用

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: