Flask 入门教程
wptr33 2025-04-24 09:19 25 浏览
目录
- 什么是Flask?
- 环境配置与安装
- 第一个Flask应用:Hello World
- 路由与视图函数
- 模板与Jinja2
- 表单处理与用户输入
- 数据库集成(SQLite + SQLAlchemy)
- 错误处理与调试
- 完整示例:待办事项应用
- 下一步学习建议
1. 什么是Flask?
- Flask 是一个轻量级的Python Web框架,基于Werkzeug WSGI工具包和Jinja2模板引擎,适合快速开发小型到中型的Web应用。
核心特点:
- 简单易学:代码简洁,文档清晰。
- 灵活可扩展:通过插件支持数据库、表单验证、用户认证等功能。
- RESTful友好:天然支持构建API。
- 开发友好:内置调试模式,支持热重载。
2. 环境配置与安装
步骤详解:
- 安装Python
- 推荐使用Python 3.8+,可访问Python官网下载安装。
- 验证安装:
python --version # 输出应为3.8+
- 创建虚拟环境(必做)
- 作用:隔离项目依赖,避免版本冲突。
- 操作:
# 创建虚拟环境
python -m venv flask_env
# 激活虚拟环境
source flask_env/bin/activate # Linux/MacOS
.\flask_env\Scripts\activate # Windows(PowerShell)
- 安装Flask
pip install Flask
3. 第一个Flask应用:Hello World
完整代码示例:
from flask import Flask
app = Flask(__name__)
@app.route('/')
def hello():
return 'Hello World!'
if __name__ == '__main__':
app.run(debug=True) # 启用调试模式
运行与验证:
- 保存文件为 app.py。
- 在终端运行:
python app.py
- 访问 http://127.0.0.1:5000/,页面显示 "Hello World!"。
关键点解释:
- Flask(__name__):创建应用实例,__name__用于确定资源路径。
- @app.route('/'):装饰器将URL路径/绑定到视图函数hello。
- debug=True:开启调试模式,修改代码后自动重启服务,并在浏览器显示错误详情。
4. 路由与视图函数
核心概念:
- 路由:URL路径与视图函数的映射。
- 视图函数:接收请求并返回响应(字符串、HTML、JSON等)。
动态路由示例:
@app.route('/user/<username>')
def show_user(username):
return f'User: {username}'
@app.route('/post/<int:post_id>')
def show_post(post_id):
return f'Post ID: {post_id}'
路由参数类型:
类型 | 说明 | 示例 |
string | 默认类型(不含斜杠) | /user/<username> |
int | 整数 | /post/<int:id> |
float | 浮点数 | /price/<float:val> |
path | 包含斜杠的字符串 | /path/<path:sub> |
5. 模板与Jinja2
为什么需要模板?
- 分离逻辑与表现:将HTML与Python代码解耦。
- 动态渲染:通过变量、循环、条件生成页面。
使用步骤:
- 创建模板目录
项目根目录下新建 templates 文件夹(Flask默认查找此目录)。 - 编写基础模板(templates/base.html)
<!DOCTYPE html>
<html>
<head>
<title>{% block title %}{% endblock %}</title>
</head>
<body>
{% block content %}{% endblock %}
</body>
</html>
- 子模板继承(templates/index.html)
{% extends "base.html" %}
{% block title %}Home{% endblock %}
{% block content %}
<h1>{{ message }}</h1>
<ul>
{% for item in items %}
<li>{{ item }}</li>
{% endfor %}
</ul>
{% endblock %}
- 视图函数渲染
from flask import render_template
@app.route('/')
def index():
return render_template('index.html',
message='Welcome!',
items=['Apple', 'Banana', 'Cherry'])
6. 表单处理与用户输入
安全提示:
- 启用CSRF保护:生产环境中需使用Flask-WTF扩展,此处为简化示例。
表单处理示例:
- HTML表单(templates/form.html)
<form method="POST" action="/submit">
<input type="text" name="username" placeholder="Username" required>
<input type="email" name="email" placeholder="Email" required>
<button type="submit">Submit</button>
</form>
- 视图函数处理
from flask import request, redirect
@app.route('/form')
def show_form():
return render_template('form.html')
@app.route('/submit', methods=['POST'])
def submit():
username = request.form.get('username')
email = request.form.get('email')
# 此处应添加数据验证逻辑
return redirect(f'/user/{username}')
7. 数据库集成(SQLite + SQLAlchemy)
使用Flask-SQLAlchemy简化操作:
- 安装扩展
pip install flask-sqlalchemy
- 配置数据库(app.py)
app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///site.db'
app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False
db = SQLAlchemy(app)
- 定义数据模型
class User(db.Model):
id = db.Column(db.Integer, primary_key=True)
username = db.Column(db.String(50), unique=True, nullable=False)
email = db.Column(db.String(120), unique=True, nullable=False)
def __repr__(self):
return f"User('{self.username}', '{self.email}')"
- 初始化数据库
# 在Python交互环境中执行
from app import db
db.create_all()
- CRUD操作示例
# 创建用户
new_user = User(username='john', email='john@example.com')
db.session.add(new_user)
db.session.commit()
# 查询用户
user = User.query.filter_by(username='john').first()
# 删除用户
db.session.delete(user)
db.session.commit()
8. 错误处理与调试
自定义错误页面:
@app.errorhandler(404)
def page_not_found(error):
return render_template('404.html'), 404
调试模式的高级用法:
- 开启调试器:浏览器中直接调试代码(仅限开发环境)。
- 日志记录:
import logging
logging.basicConfig(
level=logging.DEBUG,
format='%(asctime)s - %(name)s - %(levelname)s - %(message)s' )
9. 完整示例:待办事项应用(优化版)
代码结构:
todo-app/
├── app.py
├── templates/
│ ├── base.html
│ ├── index.html
│ └── 404.html
└── site.db
关键代码:
app.py
from flask import Flask, render_template, request, redirect, url_for
from flask_sqlalchemy import SQLAlchemy
app = Flask(__name__)
app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///site.db'
db = SQLAlchemy(app)
class Todo(db.Model):
id = db.Column(db.Integer, primary_key=True)
content = db.Column(db.String(200), nullable=False)
completed = db.Column(db.Boolean, default=False)
@app.route('/')
def index():
todos = Todo.query.all()
return render_template('index.html', todos=todos)
@app.route('/add', methods=['POST'])
def add():
content = request.form.get('content')
if content:
new_todo = Todo(content=content)
db.session.add(new_todo)
db.session.commit()
return redirect(url_for('index'))
@app.route('/delete/<int:id>')
def delete(id):
todo = Todo.query.get_or_404(id)
db.session.delete(todo)
db.session.commit()
return redirect(url_for('index'))
if __name__ == '__main__':
with app.app_context():
db.create_all() # 自动创建数据库表
app.run(debug=True)
templates/index.html
{% extends "base.html" %}
{% block title %}Todo List{% endblock %}
{% block content %}
<h1>Todo List</h1>
<form method="POST" action="{{ url_for('add') }}">
<input type="text" name="content" placeholder="New task" required>
<button type="submit">Add</button>
</form>
<ul>
{% for todo in todos %}
<li>
{% if todo.completed %}<s>{% endif %}
{{ todo.content }}
{% if todo.completed %}</s>{% endif %}
<a href="{{ url_for('delete', id=todo.id) }}">Delete</a>
</li>
{% endfor %}
</ul>
{% endblock %}
10. 下一步学习建议
- 扩展功能:
- 用户认证:使用Flask-Login管理用户会话。
- 表单验证:通过Flask-WTF添加CSRF保护和表单验证。
- 前端增强:集成Bootstrap或JavaScript框架(如Vue.js)。
- 部署实践:
- 使用Gunicorn + Nginx部署到Linux服务器。
- 尝试云平台部署(如Heroku、AWS EC2)。
- 深入学习:
- 阅读Flask官方文档
- 学习REST API开发(Flask-RESTful扩展)
- 探索大型项目结构(蓝图、工厂模式)
通过本教程,你已掌握Flask的核心功能,包括路由、模板、数据库操作和错误处理。接下来,尝试为你的应用添加更多功能,并探索Flask生态系统的强大扩展能力!
相关推荐
- 什么是Java中的继承?如何实现继承?
-
什么是继承?...
- Java 继承与多态:从基础到实战的深度解析
-
在面向对象编程(OOP)的三大支柱中,继承与多态是构建灵活、可复用代码的核心。无论是日常开发还是框架设计,这两个概念都扮演着至关重要的角色。本文将从基础概念出发,结合实例与图解,带你彻底搞懂Java...
- Java基础教程:Java继承概述_java的继承
-
继承概述假如我们要定义如下类:学生类,老师类和工人类,分析如下。学生类属性:姓名,年龄行为:吃饭,睡觉老师类属性:姓名,年龄,薪水行为:吃饭,睡觉,教书班主任属性:姓名,年龄,薪水行为:吃饭,睡觉,管...
- java4个技巧:从继承和覆盖,到最终的类和方法
-
日复一日,我们编写的大多数Java只使用了该语言全套功能的一小部分。我们实例化的每个流以及我们在实例变量前面加上的每个@Autowired注解都足以完成我们的大部分目标。然而,有些时候,我们必须求助于...
- java:举例说明继承的概念_java继承的理解
-
在现实生活中,继承一般指的是子女继承父辈的财产。在程序中,继承描述的是事物之间的所属关系,通过继承可以使多种事物之间形成一种关系体系。例如猫和狗都属于动物,程序中便可以描述为猫和狗继承自动物,同理,...
- 从零开始构建一款开源的 Vibe Coding 产品 Week1Day4:业界调研之 Agent 横向对比
-
前情回顾前面两天我们重点调研了了一下Cursor的原理和Cursor中一个关键的工具edit_file的实现,但是其他CodingAgent也需要稍微摸一下底,看看有没有优秀之处,下...
- 学会这几个插件,让你的Notepad++使用起来更丝滑
-
搞程序开发的小伙伴相信对Notepad++都不会陌生,是一个占用空间少、打开启动快的文件编辑器,很多程序员喜欢使用Notepad++进行纯文本编辑或者脚本开发,但是Notepad++的功能绝不止于此,...
- 将 node_modules 目录放入 Git 仓库的优点
-
推荐一篇文章Whyyoushouldcheck-inyournodedependencies[1]...
- 再度加码AI编程,腾讯发布AI CLI并宣布CodeBuddy IDE开启公测
-
“再熬一年,90%的程序员可能再也用不着写for循环。”凌晨两点半,王工还在公司敲键盘。他手里那份需求文档写了足足六页,产品经理反复改了三次。放在过去,光数据库建表、接口对接、单元测试就得写两三天。现...
- git 如何查看stash的内容_git查看ssh key
-
1.查看Stash列表首先,使用gitstashlist查看所有已保存的stash:...
- 6万星+ Git命令懒人必备!lazygit 终端UI神器,效率翻倍超顺手!
-
项目概览lazygit是一个基于终端的Git命令可视化工具,通过简易的TUI(文本用户界面)提升Git操作效率。开发者无需记忆复杂命令,即可完成分支管理、提交、合并等操作。...
- 《Gemini CLI 实战系列》(一)Gemini CLI 入门:AI 上命令行的第一步
-
谷歌的Gemini模型最近热度很高,而它的...
- deepin IDE新版发布:支持玲珑构建、增强AI智能化
-
IT之家8月7日消息,深度操作系统官方公众号昨日(8月6日)发布博文,更新推出新版deepin集成开发环境(IDE),重点支持玲珑构建。支持玲珑构建deepinIDE在本次重磅更...
- 狂揽82.7k的star,这款开源可视化神器,轻松创建流程图和图表
-
再不用Mermaid,你的技术文档可能已经在悄悄“腐烂”——图表版本对不上、同事改完没同步、评审会上被一句“这图哪来的”问得哑口无言。这不是危言耸听。GitHub2025年开发者报告显示,63%的新仓...
- 《Gemini CLI 实战系列》(五)打造专属命令行工具箱
-
在前几篇文章中,我们介绍了GeminiCLI的基础用法、效率提升、文件处理和与外部工具结合。今天我们进入第五篇...
- 一周热门
-
-
C# 13 和 .NET 9 全知道 :13 使用 ASP.NET Core 构建网站 (1)
-
程序员的开源月刊《HelloGitHub》第 71 期
-
详细介绍一下Redis的Watch机制,可以利用Watch机制来做什么?
-
如何将AI助手接入微信(打开ai手机助手)
-
SparkSQL——DataFrame的创建与使用
-
假如有100W个用户抢一张票,除了负载均衡办法,怎么支持高并发?
-
Java面试必考问题:什么是乐观锁与悲观锁
-
redission YYDS spring boot redission 使用
-
如何利用Redis进行事务处理呢? 如何利用redis进行事务处理呢英文
-
一文带你了解Redis与Memcached? redis与memcached的区别
-
- 最近发表
-
- 什么是Java中的继承?如何实现继承?
- Java 继承与多态:从基础到实战的深度解析
- Java基础教程:Java继承概述_java的继承
- java4个技巧:从继承和覆盖,到最终的类和方法
- java:举例说明继承的概念_java继承的理解
- 从零开始构建一款开源的 Vibe Coding 产品 Week1Day4:业界调研之 Agent 横向对比
- 学会这几个插件,让你的Notepad++使用起来更丝滑
- 将 node_modules 目录放入 Git 仓库的优点
- 再度加码AI编程,腾讯发布AI CLI并宣布CodeBuddy IDE开启公测
- git 如何查看stash的内容_git查看ssh key
- 标签列表
-
- git pull (33)
- git fetch (35)
- mysql insert (35)
- mysql distinct (37)
- concat_ws (36)
- java continue (36)
- jenkins官网 (37)
- mysql 子查询 (37)
- python元组 (33)
- mybatis 分页 (35)
- vba split (37)
- redis watch (34)
- python list sort (37)
- nvarchar2 (34)
- mysql not null (36)
- hmset (35)
- python telnet (35)
- python readlines() 方法 (36)
- munmap (35)
- docker network create (35)
- redis 集合 (37)
- python sftp (37)
- setpriority (34)
- c语言 switch (34)
- git commit (34)