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

丹牛Daniel

于 2024-07-30 10:24:55 发布

阅读量68

点赞数 2

分类专栏： Python实战人工智能教程文章标签： flask 前端 python 开发语言后端个人开发

本文链接：https://blog.csdn.net/danielxinhj/article/details/140790147

版权

Python实战人工智能教程专栏收录该内容

10 篇文章 4 订阅

订阅专栏

一、安装 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, 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 的文件：

<!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>