想搭建自己的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系统下激活虚拟环境 venvScriptsactivate

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

（三）安装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应用满意后，就可以把它部署到线上，让更多人能访问。常见的部署平台有：

  1. Heroku：有免费套餐，适合初学者练手。
  2. PythonAnywhere：使用方便，对新手友好。
  3. 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应用啦！