首页教程软件教程正文

手把手教你用Flask搭建Python Web应用

uncle 软件教程 2025年08月6日

0 收藏 0 点赞 523 浏览 3851 个字

摘要 :

文章目录一、Flask是什么？为什么选它？二、前期准备工作三、搭建Flask项目（一）创建项目目录（二）创建虚拟环境（可选但强烈推荐）（三）安装Flask 四、编写……

文
章
目
录

一、Flask是什么？为什么选它？
二、前期准备工作
三、搭建Flask项目

（一）创建项目目录
（二）创建虚拟环境（可选但强烈推荐）
（三）安装Flask

四、编写并运行第一个Flask应用

（一）编写代码
（二）运行应用

五、添加HTML模板

（一）创建templates文件夹
（二）创建并编辑HTML文件
（三）修改app.py以渲染模板

六、添加动态路由和表单

（一）创建动态路由
（二）处理表单

七、部署Flask应用
八、总结

想搭建自己的Web应用，却不知道从哪儿入手？本文将带你走进Flask的世界，用简单易懂的方式教你一步步搭建出一个实用的Flask Python Web应用。从项目搭建、添加HTML模板，到处理动态路由和表单，再到最后的部署上线，每一步都有详细讲解，就算是编程小白也能轻松上手。

一、Flask是什么？为什么选它？

Flask是用Python编写的轻量级Web框架。和功能丰富、自带许多组件的Django不同，Flask走的是简约路线，能让开发者对应用有十足的掌控权。它的优势很明显：

轻巧灵活：你可以根据实际需求，只添加必要的组件，避免了多余功能带来的麻烦。
容易上手：Flask的语法简单，代码模板也不复杂，对于初学者来说非常友好。
扩展性强：不管是小型项目，还是大型应用，Flask都能轻松应对，还能和数据库、API等各种工具无缝集成。

二、前期准备工作

在正式开始编写代码前，有些东西得提前准备好：

安装Python：推荐使用3.x版本，它在功能和稳定性上都有不错的表现。
安装Flask框架：打开命令行，输入pip install flask，就能轻松完成安装。
选择代码编辑器：像VS Code、PyCharm都是很受欢迎的选择，当然，你也可以用自己顺手的文本编辑器。
掌握基础Python知识：这是使用Flask开发的基础，有了它，后续学习会更顺利。

三、搭建Flask项目

（一）创建项目目录

先在电脑上新建一个文件夹，用来存放Flask项目。然后打开终端，通过命令行进入这个新建的文件夹。这就好比是给你的项目选了一块“根据地”，之后所有的代码和文件都放在这里。

（二）创建虚拟环境（可选但强烈推荐）

虚拟环境能帮你更高效地管理项目依赖。在终端输入以下命令：

# 创建虚拟环境
python -m venv venv 
# 在Mac/Linux系统下激活虚拟环境
source venv/bin/activate 
# 在Windows系统下激活虚拟环境
venv\\Scripts\\activate

简单来说，虚拟环境就像是一个独立的“小世界”，项目所需的各种库都安装在里面，不会和其他项目产生冲突，方便又省心。

（三）安装Flask

虚拟环境激活后，在终端输入pip install flask，把Flask安装到虚拟环境中。这样，Flask就准备好为你的项目“效力”啦！

四、编写并运行第一个Flask应用

（一）编写代码

在项目文件夹里新建一个名为app.py的文件，这是整个项目的核心代码文件。打开app.py，添加以下代码：

from flask import Flask
# 创建Flask应用实例
app = Flask(__name__)

@app.route(\'/\')
def home():
    return \"Hello, Flask!\"

if __name__ == \'__main__\':
    app.run(debug=True)

这段代码里，首先引入了Flask模块，然后创建了一个Flask应用实例。@app.route(\'/\')是一个路由装饰器，它告诉Flask，当用户访问网站根目录时，就执行下面的home函数，这个函数返回“Hello, Flask!”。最后，通过app.run(debug=True)启动应用，并开启调试模式。

（二）运行应用

保存app.py文件，回到终端，输入python app.py。这时，你会看到终端输出“Running on http://127.0.0.1:5000/ ”。打开浏览器，在地址栏输入这个网址，就能看到你第一个Flask网页啦！上面显示着“Hello, Flask!”，是不是很有成就感？

五、添加HTML模板

Flask借助强大的Jinja2模板引擎，能轻松渲染HTML模板。接下来，我们就给项目添加一个基础的HTML页面。

（一）创建templates文件夹

在项目目录下新建一个名为templates的文件夹。这个文件夹专门用来存放HTML模板文件，方便管理。

（二）创建并编辑HTML文件

在templates文件夹里新建一个index.html文件，添加以下代码：

<!DOCTYPE html>
<html>
<head>
    <title>My Flask App</title>
</head>
<body>
    <h1>Welcome to My Flask Web Application!</h1>
</body>
</html>

这段HTML代码定义了一个简单的网页，有标题和欢迎语。

（三）修改app.py以渲染模板

打开app.py，修改代码如下：

from flask import Flask, render_template
# 创建Flask应用实例
app = Flask(__name__)

@app.route(\'/\')
def home():
    return render_template(\'index.html\')

if __name__ == \'__main__\':
    app.run(debug=True)

这里引入了render_template函数，它的作用是渲染指定的HTML模板。当用户访问根目录时，home函数不再返回简单的字符串，而是渲染index.html模板。重新运行应用，刷新浏览器，就能看到渲染后的HTML页面啦！

六、添加动态路由和表单

（一）创建动态路由

动态路由能让网站根据不同的URL参数显示不同的内容。修改app.py，添加以下代码：

@app.route(\'/user/<name>\')
def user(name):
    return f\"Hello, {name}! Welcome to Flask.\"

@app.route(\'/user/<name>\')中的<name>就是一个动态参数。当用户访问http://127.0.0.1:5000/user/John时，user函数会把John作为参数接收，然后返回“Hello, John! Welcome to Flask.”。

（二）处理表单

1）创建表单HTML文件：在templates文件夹里新建一个form.html文件，添加以下代码：

<!DOCTYPE html>
<html>
<head>
<title>Form Submission</title>
</head>
<body>
<form action=\"/submit\" method=\"post\">
    <label for=\"username\">Username:</label>
    <input type=\"text\" id=\"username\" name=\"username\" required>
    <input type=\"submit\" value=\"Submit\">
</form>
</body>
</html>

这个表单有一个文本输入框和一个提交按钮，用户输入内容后点击提交，数据会发送到/submit这个地址。

2）修改app.py处理表单提交：继续修改app.py，添加以下代码：


from flask import request
@app.route(\'/submit\', methods=[\'POST\'])
def submit():
name = request.form[\'username\']
return f\"Hello, {name}! Your form was submitted.\"

这里引入了request对象，通过它获取表单中`username`字段的值，然后返回一个包含用户名的提示信息。现在，用户提交表单后，就能看到个性化的反馈啦！

七、部署Flask应用

当你对自己的Flask应用满意后，就可以把它部署到线上，让更多人能访问。常见的部署平台有：

Heroku：有免费套餐，适合初学者练手。
PythonAnywhere：使用方便，对新手友好。
AWS、Google Cloud、Azure：功能强大，适合大型项目，但配置相对复杂。

下面以部署到Heroku为例，介绍具体步骤：

1. 在终端输入`pip install gunicorn`，安装Gunicorn，它是一个Python WSGI HTTP服务器，能帮助部署Flask应用。
2. 在项目根目录下创建一个名为`Procfile`的文件（注意没有文件扩展名），在里面添加一行代码：`web: gunicorn app:app` 。这行代码告诉Heroku如何启动你的应用。
3. 在终端依次执行以下命令：

# 创建Heroku应用
heroku create 
# 关联本地项目和Heroku应用
heroku git:remote -a your-app-name 
# 将本地代码推送到Heroku
heroku push origin main

执行完这些步骤，你的Flask应用就成功部署到线上啦！赶紧分享给朋友们，让他们也来体验一下吧！

八、总结

恭喜！你已经成功从零搭建并部署了一个Flask Web应用。Flask的潜力巨大，后续你还可以集成数据库、实现用户认证、对接API等功能。多动手实践，很快你就能轻松打造出功能完备的Web应用啦！

赏

微信扫一扫

支付宝扫一扫

版权：转载请注明出处：https://www.zuozi.net/6749.html

uncle

管理员

上一篇： vue elementui实现点击按钮预览图片

下一篇： Node.js内存泄漏问题可能原因及解决方案详解

常见问题

免费下载或者VIP会员专享资源能否直接商用？

本站所有资源版权均属于原作者所有，这里所提供资源均只能用于参考学习用，请勿直接商用。若由于商用引起版权纠纷，一切责任均由使用者承担。

不太了解？去提问！

提示下载完成但无法解压？

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量，若小于网盘提示的容量则是这个原因。这是浏览器下载的bug