The Way to Flask 项目解析:构建你的第一个 Flask 应用
2025-06-19 12:51:52作者:冯梦姬Eddie
前言
在 Web 开发领域,Flask 作为 Python 的轻量级 Web 框架,因其简洁性和灵活性而广受欢迎。本文将通过 The Way to Flask 项目中的示例,带你一步步构建并理解你的第一个 Flask 应用。
环境准备
在开始之前,请确保你的开发环境已经具备以下条件:
- 安装 Python 3.x 环境
- 安装 pip 包管理工具
- 安装 Flask 框架(可通过
pip install Flask==0.10.1安装指定版本)
第一个 Flask 应用:Hello World
让我们从一个最简单的 Flask 应用开始,这个应用将在浏览器中显示"Hello World!"。
完整代码示例
#!/usr/bin/env python
# encoding: utf-8
from flask import Flask
app = Flask(__name__)
@app.route('/')
def index():
return "Hello World!"
if __name__ == '__main__':
app.run()
代码解析
-
导入 Flask 模块:
from flask import Flask这是 Flask 框架的核心模块,提供了构建 Web 应用所需的基本功能。
-
创建应用实例:
app = Flask(__name__)__name__是 Python 的特殊变量,表示当前模块的名称- Flask 使用这个参数来确定应用的根目录,以便查找模板和静态文件
-
定义路由和视图函数:
@app.route('/') def index(): return "Hello World!"@app.route('/')是一个装饰器,它将 URL 路径/映射到下面的函数- 当用户访问根路径时,Flask 会调用
index()函数 - 函数返回的字符串将作为响应内容发送给客户端
-
启动开发服务器:
if __name__ == '__main__': app.run()- 这行代码确保脚本直接运行时才会启动服务器
app.run()启动 Flask 内置的开发服务器
运行应用
- 将上述代码保存为
app.py - 在命令行中执行:
python app.py - 你应该会看到类似输出:
* Running on http://127.0.0.1:5000/ (Press CTRL+C to quit) - 打开浏览器访问
http://localhost:5000,你将看到"Hello World!"的显示
深入理解路由机制
Flask 的路由系统是其核心功能之一,让我们更详细地了解它的工作原理。
基本路由
@app.route('/path')
def function_name():
return "Response"
'/path'指定了 URL 路径- 当用户访问该路径时,对应的函数会被调用
- 函数返回的内容将作为 HTTP 响应体
动态路由
Flask 支持在路由中包含变量部分:
@app.route('/user/<username>')
def show_user_profile(username):
return f'User {username}'
<username>是一个变量部分- 匹配的值会作为参数传递给视图函数
- 默认情况下,变量被视为字符串,但可以指定类型:
/<int:post_id>只匹配整数/<float:weight>只匹配浮点数/<path:subpath>匹配包含斜杠的路径
开发服务器详解
Flask 内置的开发服务器虽然不适合生产环境,但对于开发和测试非常方便。
服务器配置
app.run() 方法支持多个参数:
app.run(host='0.0.0.0', port=8080, debug=True)
host:指定服务器监听的主机地址,0.0.0.0表示监听所有网络接口port:指定服务器监听的端口号debug:启用调试模式,提供更详细的错误信息和自动重载功能
调试模式
调试模式提供了以下便利:
- 自动重载:代码修改后服务器会自动重启
- 详细的错误页面:出错时会显示堆栈跟踪和交互式调试器
- 更好的日志记录
启用方法:
app.run(debug=True)
或
app.debug = True
app.run()
常见问题解决
端口被占用
如果看到 OSError: [Errno 98] Address already in use 错误,说明端口5000已被占用。解决方法:
- 找出并终止占用端口的进程
- 使用其他端口:
app.run(port=5001)
模块导入问题
确保你的项目结构合理,避免循环导入。对于较大的应用,建议使用应用工厂模式。
扩展知识
响应对象
除了返回字符串,Flask 视图函数还可以返回:
- 元组:
(response, status_code)或(response, headers)return "Not Found", 404 - 响应对象:
from flask import make_response response = make_response("Hello World!", 200) response.headers['X-Something'] = 'A value' return response
请求对象
Flask 提供了全局的 request 对象来访问请求数据:
from flask import request
@app.route('/login', methods=['GET', 'POST'])
def login():
if request.method == 'POST':
return f"Hello {request.form['username']}"
else:
return '''
<form method="post">
<input type="text" name="username">
<input type="submit">
</form>
'''
总结
通过 The Way to Flask 项目的这个简单示例,我们学习了:
- 如何创建一个基本的 Flask 应用
- 路由和视图函数的基本概念
- 如何启动开发服务器
- Flask 应用的基本结构
这只是一个开始,Flask 还提供了模板渲染、表单处理、数据库集成等强大功能,我们将在后续内容中逐步探索。
建议读者尝试修改这个示例,比如添加新的路由、返回不同的内容,或者尝试动态路由,以加深对 Flask 工作方式的理解。
登录后查看全文
热门项目推荐
GLM-5智谱 AI 正式发布 GLM-5,旨在应对复杂系统工程和长时域智能体任务。Jinja00
GLM-5-w4a8GLM-5-w4a8基于混合专家架构,专为复杂系统工程与长周期智能体任务设计。支持单/多节点部署,适配Atlas 800T A3,采用w4a8量化技术,结合vLLM推理优化,高效平衡性能与精度,助力智能应用开发Jinja00
jiuwenclawJiuwenClaw 是一款基于openJiuwen开发的智能AI Agent,它能够将大语言模型的强大能力,通过你日常使用的各类通讯应用,直接延伸至你的指尖。Python0194- QQwen3.5-397B-A17BQwen3.5 实现了重大飞跃,整合了多模态学习、架构效率、强化学习规模以及全球可访问性等方面的突破性进展,旨在为开发者和企业赋予前所未有的能力与效率。Jinja00
AtomGit城市坐标计划AtomGit 城市坐标计划开启!让开源有坐标,让城市有星火。致力于与城市合伙人共同构建并长期运营一个健康、活跃的本地开发者生态。01
awesome-zig一个关于 Zig 优秀库及资源的协作列表。Makefile00
热门内容推荐
最新内容推荐
pi-mono自定义工具开发实战指南:从入门到精通3个实时风控价值:Flink CDC+ClickHouse在金融反欺诈的实时监测指南Docling 实用指南:从核心功能到配置实践自动化票务处理系统在高并发抢票场景中的技术实现:从手动抢购痛点到智能化解决方案OpenCore Legacy Patcher显卡驱动适配指南:让老Mac焕发新生7个维度掌握Avalonia:跨平台UI框架从入门到架构师Warp框架安装部署解决方案:从环境诊断到容器化实战指南突破移动瓶颈:kkFileView的5层适配架构与全场景实战指南革新智能交互:xiaozhi-esp32如何实现百元级AI对话机器人如何打造专属AI服务器?本地部署大模型的全流程实战指南
项目优选
收起
deepin linux kernel
C
27
12
OpenHarmony documentation | OpenHarmony开发者文档
Dockerfile
602
4.04 K
🔥LeetCode solutions in any programming language | 多种编程语言实现 LeetCode、《剑指 Offer(第 2 版)》、《程序员面试金典(第 6 版)》题解
Java
69
21
Ascend Extension for PyTorch
Python
442
531
AscendNPU-IR是基于MLIR(Multi-Level Intermediate Representation)构建的,面向昇腾亲和算子编译时使用的中间表示,提供昇腾完备表达能力,通过编译优化提升昇腾AI处理器计算效率,支持通过生态框架使能昇腾AI处理器与深度调优
C++
112
170
🎉 (RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue3 & Vite、Element Plus 的前后端分离权限管理系统
Vue
1.46 K
825
本项目是CANN提供的数学类基础计算算子库,实现网络在NPU上加速计算。
C++
922
770
暂无简介
Dart
847
204
React Native鸿蒙化仓库
JavaScript
321
375
openGauss kernel ~ openGauss is an open source relational database management system
C++
174
249