干货满满!Python Flask 中级应用,构建任务管理系统全流程揭秘
wptr33 2025-05-11 01:42 4 浏览
Python Flask开发Web服务:中级实战教程
Flask是一个轻量级的Python Web框架,以其灵活性和扩展性而受到开发者的喜爱。本教程将带你从基础到实战,通过一个完整的案例来深入学习Flask的中级应用开发。
一、Flask核心特性回顾
在进入中级内容之前,让我们快速回顾一下Flask的核心特性:
1. 轻量级:Flask本身非常轻量,但可以通过扩展来构建复杂的应用。这意味着它不会给你的项目带来过多的负担,你可以根据实际需求灵活地添加功能。
2. 灵活性:开发者可以根据项目需求选择所需的组件。不像一些大型框架有固定的结构和模式,Flask允许你自由地组合各种库和工具来实现你的目标。
3. 模板引擎:内建支持Jinja2模板,方便HTML页面的渲染。Jinja2提供了强大的模板语法,如变量替换、条件语句、循环语句等,使你能够轻松地将数据动态地展示在页面上。
4. 扩展性:通过丰富的扩展(如Flask-SQLAlchemy、Flask-WTF等),可以轻松实现数据库操作、表单处理等功能。这些扩展经过了大量的测试和优化,能够帮助你快速地开发出功能强大的应用。
二、中级实战案例:构建一个任务管理应用
(一)项目需求
我们将构建一个简单的任务管理应用,用户可以添加任务、查看任务列表、更新任务状态和删除任务。这个应用可以帮助用户更好地组织和管理自己的任务,提高工作效率。
(二)项目结构
为了保持代码的清晰和可维护性,我们将项目结构设计如下:
task_manager/
│
├── app/
│ ├── __init__.py # 应用初始化文件,创建Flask应用实例并配置相关扩展
│ ├── routes.py # 定义应用的路由和视图函数
│ ├── templates/
│ │ ├── base.html # 所有页面的基模板,包含页面的基本结构和公共部分
│ │ ├── index.html # 任务列表页面的模板
│ │ └── task.html # 任务详情和编辑页面的模板
│ ├── models.py # 定义数据库模型,与数据库表进行映射
│ └── forms.py # 定义表单类,用于处理用户输入和验证
│
├── config.py # 应用的配置文件,包含密钥、数据库连接等配置
└── run.py # 应用的入口文件,启动Flask应用
(三)安装依赖
在项目根目录下创建一个requirements.txt文件,列出所有依赖:
Flask==2.2.2
Flask-SQLAlchemy==3.0.3
Flask-Migrate==4.0.4
Flask-WTF==1.1.1
然后运行以下命令安装依赖:
pip install -r requirements.txt
可能遇到的问题及解决方案:
1. 依赖冲突:如果你的Python环境中已经安装了其他版本的相关库,可能会导致依赖冲突。解决方法是升级或降级相关库到兼容的版本,或者创建一个新的虚拟环境来安装依赖。
2. 网络问题:如果在安装过程中遇到网络连接问题,可以尝试更换pip源,例如使用国内的镜像源(如清华大学开源软件镜像站)。
(四)配置文件
在config.py中定义应用的配置:
import os
class Config:
# 应用的密钥,用于加密会话等安全相关的操作
# 可以从环境变量中获取,如果没有则使用默认值
SECRET_KEY = os.environ.get('SECRET_KEY') or 'you-will-never-guess'
# 数据库连接字符串,从环境变量中获取,如果没有则使用SQLite数据库
SQLALCHEMY_DATABASE_URI = os.environ.get('DATABASE_URL') or'sqlite:///site.db'
# 关闭SQLAlchemy的修改跟踪功能,以提高性能
SQLALCHEMY_TRACK_MODIFICATIONS = False
说明:
1. SECRET_KEY是一个重要的配置项,用于保证应用的安全性。在生产环境中,应该将其设置为一个强密码,并通过环境变量来传递,而不是使用默认值。
2. SQLALCHEMY_DATABASE_URI指定了应用连接的数据库。这里使用了SQLite作为默认数据库,适合开发和测试阶段。在生产环境中,可以根据实际情况更换为其他数据库,如MySQL或PostgreSQL。
(五)初始化应用
在app/init.py中初始化Flask应用:
from flask import Flask
from flask_sqlalchemy import SQLAlchemy
from flask_migrate import Migrate
# 创建Flask应用实例
app = Flask(__name__)
# 从config模块中加载配置
app.config.from_object('config.Config')
# 创建SQLAlchemy数据库对象
db = SQLAlchemy(app)
# 创建数据库迁移对象
migrate = Migrate(app, db)
# 导入路由和模型模块,避免循环导入问题
from app import routes, models
说明:
1. Flask(__name__)创建了一个Flask应用实例,__name__是Python的一个特殊变量,它的值取决于模块的导入方式,Flask使用它来确定应用的根目录。
2. app.config.from_object('config.Config')将配置类Config中的配置项加载到应用中。
3. SQLAlchemy(app)创建了一个与Flask应用关联的SQLAlchemy对象,用于操作数据库。
4. Migrate(app, db)创建了一个数据库迁移对象,用于管理数据库的版本控制。
5. 最后导入routes和models模块,这样可以在应用初始化完成后,让Flask能够识别和处理定义的路由和模型。
(六)数据库模型
在models.py中定义数据库模型:
from datetime import datetime
from app import db
# 定义Task数据库模型类,继承自db.Model
class Task(db.Model):
# 任务的唯一标识,整数类型,为主键
id = db.Column(db.Integer, primary_key=True)
# 任务的标题,字符串类型,不能为空
title = db.Column(db.String(100), nullable=False)
# 任务的描述,文本类型,可以为空
description = db.Column(db.Text, nullable=True)
# 任务的完成状态,布尔类型,默认为False
completed = db.Column(db.Boolean, default=False)
# 任务的创建时间,日期时间类型,默认为当前的UTC时间
created_at = db.Column(db.DateTime, nullable=False, default=datetime.utcnow)
# 定义对象的字符串表示形式,方便调试和日志记录
def __repr__(self):
return f"Task('{self.title}', '{self.created_at}')"
运行以下命令创建数据库迁移脚本并应用迁移:
flask db init
flask db migrate -m "Initial migration."
flask db upgrade
说明:
1. db.Column用于定义数据库表的列,每个列都有一个类型(如db.Integer、db.String等)和一些可选的参数(如nullable、default等)。
2. __repr__方法返回对象的字符串表示形式,在调试和打印对象时非常有用。
3. 数据库迁移命令:
o flask db init初始化数据库迁移环境,创建一个migrations文件夹,用于存储迁移脚本。
o flask db migrate -m "Initial migration."根据模型类的定义生成一个迁移脚本,并添加一个描述信息。
o flask db upgrade应用迁移脚本,将数据库结构更新为与模型类定义一致。
(七)表单
在forms.py中定义表单:
from flask_wtf import FlaskForm
from wtforms import StringField, TextAreaField, BooleanField, SubmitField
from wtforms.validators import DataRequired
# 定义TaskForm表单类,继承自FlaskForm
class TaskForm(FlaskForm):
# 任务标题字段,字符串类型,必填项
title = StringField('Title', validators=[DataRequired()])
# 任务描述字段,文本区域类型
description = TextAreaField('Description')
# 任务完成状态字段,布尔类型
completed = BooleanField('Completed')
# 提交按钮字段
submit = SubmitField('Submit')
说明:
1. FlaskForm是Flask-WTF扩展提供的基类,用于创建表单类。
2. StringField、TextAreaField、BooleanField和SubmitField分别表示不同类型的表单字段。
3. DataRequired验证器用于确保字段不为空,当用户提交表单时,如果该字段为空,将会显示错误信息。
(八)路由与视图
在routes.py中定义路由和视图函数:
from flask import render_template, redirect, url_for, flash
from app import app, db
from app.forms import TaskForm
from app.models import Task
# 定义根路由和/index路由,显示任务列表页面
@app.route('/')
@app.route('/index')
def index():
# 查询所有任务
tasks = Task.query.all()
# 渲染index.html模板,并传递任务列表数据
return render_template('index.html', tasks=tasks)
# 定义/new_task路由,处理添加新任务的请求
@app.route('/task/new', methods=['GET', 'POST'])
def new_task():
# 创建TaskForm表单实例
form = TaskForm()
# 如果表单数据通过验证
if form.validate_on_submit():
# 创建一个新的Task对象
task = Task(title=form.title.data, description=form.description.data, completed=form.completed.data)
# 将新任务添加到数据库会话中
db.session.add(task)
# 提交数据库会话,将新任务保存到数据库中
db.session.commit()
# 显示成功消息
flash('Your task has been created!','success')
# 重定向到任务列表页面
return redirect(url_for('index'))
# 渲染task.html模板,并传递表单对象和标题
return render_template('task.html', form=form, legend='New Task')
# 定义/task/<int:task_id>路由,处理更新任务的请求
@app.route('/task/<int:task_id>', methods=['GET', 'POST'])
def update_task(task_id):
# 根据任务ID查询任务对象,如果不存在则返回404错误
task = Task.query.get_or_404(task_id)
# 创建TaskForm表单实例,并使用任务对象的数据填充表单
form = TaskForm(obj=task)
# 如果表单数据通过验证
if form.validate_on_submit():
# 更新任务对象的属性
task.title = form.title.data
task.description = form.description.data
task.completed = form.completed.data
# 提交数据库会话,将更新后的任务保存到数据库中
db.session.commit()
# 显示成功消息
flash('Your task has been updated!','success')
# 重定向到任务列表页面
return redirect(url_for('index'))
# 渲染task.html模板,并传递表单对象和标题
return render_template('task.html', form=form, legend='Update Task')
# 定义/task/delete/<int:task_id>路由,处理删除任务的请求
@app.route('/task/delete/<int:task_id>')
def delete_task(task_id):
# 根据任务ID查询任务对象,如果不存在则返回404错误
task = Task.query.get_or_404(task_id)
# 从数据库会话中删除任务对象
db.session.delete(task)
# 提交数据库会话,将删除操作保存到数据库中
db.session.commit()
# 显示成功消息
flash('Your task has been deleted!','success')
# 重定向到任务列表页面
return redirect(url_for('index'))
说明:
1. render_template用于渲染指定的模板文件,并传递数据到模板中。
2. redirect用于重定向到指定的URL。
3. url_for根据视图函数的名称生成对应的URL。
4. flash用于在页面上显示消息,消息的类别(如'success')可以用于在模板中设置不同的样式。
5. 在处理表单提交时,form.validate_on_submit()方法会验证表单数据是否符合验证器的要求。如果验证通过,则执行相应的操作(如添加、更新或删除任务)。
(九)模板
在templates文件夹中创建HTML模板文件。
base.html
这是所有页面的基模板:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ title }}</title>
<!-- 引入Bootstrap CSS样式表,用于美化页面 -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>
<!-- 导航栏 -->
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="{{ url_for('index') }}">Task Manager</a>
<div class="collapse navbar-collapse">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="{{ url_for('index') }}">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ url_for('new_task') }}">New Task</a>
</li>
</ul>
</div>
</nav>
<div class="container">
<!-- 显示Flash消息 -->
{% with messages = get_flashed_messages(with_categories=true) %}
{% if messages %}
{% for category, message in messages %}
<div class="alert alert-{{ category }}">{{ message }}</div>
{% endfor %}
{% endif %}
{% endwith %}
<!-- 页面内容占位符,具体页面的内容将填充在这里 -->
{% block content %}{% endblock %}
</div>
</body>
</html>
说明:
1. {{ title }}是一个Jinja2模板变量,用于显示页面的标题,具体的值在视图函数中传递。
2. url_for('index')和url_for('new_task')用于生成对应的URL,这样可以确保链接的正确性,并且在应用的URL发生变化时,不需要手动修改所有的链接。
3. get_flashed_messages(with_categories=true)用于获取Flash消息及其类别,并通过循环遍历显示在页面上。
4. {% block content %}{% endblock %}是一个模板块,具体页面的内容将填充在这个块中。
index.html
任务列表页面:
{% extends "base.html" %}
{% block content %}
<h1>Task List</h1>
<ul>
{% for task in tasks %}
<li>
<a href="{{ url_for('update_task', task_id=task.id) }}">{{ task.title }}</a>
<span>{{ task.description }}</span>
<span>{{ 'Completed' if task.completed else 'Not Completed' }}</span>
<a href="{{ url_for('delete_task', task_id=task.id) }}">Delete</a>
</li>
{% endfor %}
</ul>
<a href="{{ url_for('new_task') }}">Add New Task</a>
{% endblock %}
说明:
1. {% extends "base.html" %}表示该模板继承自base.html模板,将使用base.html的基本结构和样式。
2. {% for task in tasks %}循环遍历任务列表,并显示每个任务的标题、描述、完成状态和删除链接。
3. {{ 'Completed' if task.completed else 'Not Completed' }}是一个Jinja2条件表达式,根据任务的完成状态显示相应的文本。
task.html
任务详情和编辑页面:
{% extends "base.html" %}
{% block content %}
<h1>{{ legend }}</h1>
<form method="POST">
{{ form.hidden_tag() }}
<div class="form-group">
{{ form.title.label }}<br>
{{ form.title(size=32) }}<br>
</div>
<div class="form-group">
{{ form.description.label }}<br>
{{ form.description(rows=4) }}<br>
</div>
<div class="form-group">
{{ form.completed.label }}<br>
{{ form.completed }}<br>
</div>
<div class="form-group">
{{ form.submit() }}<br>
</div>
</form>
{% endblock %}
说明:
1. {{ legend }}用于显示页面的标题,具体的值在视图函数中传递。
2. {{ form.hidden_tag() }}生成一个隐藏的表单字段,用于保护CSRF(跨站请求伪造)。
3. {{ form.title.label }}、`{{ form.description.label }} 等用于显示表单字段的标签,{{ form.title(size=32) }} 等用于显示表单字段的输入框,size 和 rows 等参数用于设置输入框的样式和大小。
(十)运行应用
在run.py中运行应用:
from app import app
if __name__ == '__main__':
app.run(debug=True)
说明:
if __name__ == '__main__': 语句确保只有当直接运行 run.py 文件时,才会启动 Flask 应用。app.run(debug=True) 以调试模式启动应用,在调试模式下,应用会在代码发生变化时自动重新加载,并且会显示详细的错误信息,方便开发和调试。但在生产环境中,应将 debug 设置为 False,并使用更合适的 Web 服务器(如 Gunicorn 或 uWSGI)来部署应用。
可能遇到的问题及解决方案:
1. 端口冲突:如果当前端口已被占用,Flask 会提示端口已被使用的错误。解决方法是修改 app.run() 中的 port 参数,指定一个未被占用的端口,例如 app.run(debug=True, port=5001)。
2. 数据库连接问题:如果数据库配置不正确,可能会导致连接数据库失败。请检查 config.py 中的数据库连接字符串是否正确,并确保数据库服务已经启动。
通过以上步骤,你已经成功构建了一个简单的任务管理应用。你可以根据自己的需求进一步扩展和优化这个应用,例如添加用户认证、权限管理、任务分类等功能。
希望本教程能帮助你更好地掌握 Flask 的中级应用开发,祝你在 Web 开发的道路上取得更多的成果!
相关推荐
- 如果手机显示无SIM卡,到底是什么意思呢?
-
一般手机显示无可用SIM卡,可能是如下原因造成的,大家可以了解下,并且进行解决。第一个,SIM卡未正确插入:我们需要检查SIM卡是否已正确插入手机。如果SIM卡没有完全插入,或者插反了,手机可能会显...
- 赶紧设置!工信部提醒设置手机SIM卡密码
-
【赶紧设置!工信部提醒设置手机SIM卡密码】平安法治2020近日,针对网友反映的手机失窃导致信息泄露事件,国家工信部立即组织核查处理,要求电信企业加强安全防护,并提醒手机用户设置SIM卡密码。...
- 手机突然显示无SIM卡?这样做就能恢复~
-
大家有没经历过明明SIM卡在卡槽里放得好好的,手机却突然显示无SIM卡的状况?没有了SIM卡手机就失去了灵魂,打电话、上网的功能都不能用了。这到底是怎么一回事儿?让小翼帮你来解答~什么是SIM卡?SI...
- SK电讯首尔门店遭“围攻”,SIM卡更换服务陷混乱
-
据yna.co.kr网4月28日报道,28日,韩国SK电讯推出免费SIM卡更换服务以应对网络安全风险,首尔光化门店门前清晨8点便已排起长队。原定于上午10点开始的服务因企业员工需求激增,提前至9点启动...
- Springboot特性、快速创建SpringBoot应用、Starter简介
-
SpringBoot基础本章我们将揭开SpringBoot的神秘面纱。...
- Springboot2的熔断、限流和降级讲解
-
高可用的三大利器是熔断、限流和降级。它们都是在分布式系统中用于保障系统稳定性和可用性的重要策略。熔断(CircuitBreaker):熔断是一种防止故障扩散的机制。当一个服务出现故障或超时,熔断器会...
- Spring Cloud 全面解析:分布式系统开发的魔法工具包
-
SpringCloud全面解析:分布式系统开发的魔法工具包SpringCloud是Java开发者构建分布式系统的得力助手。它基于SpringBoot,为开发者提供了强大的微服务架构支持...
- 真香!GitHub开源SpringCloud Alibaba全解(全彩版)先到先得!
-
SpringCloudAliababa简介SpringCloudAlibaba是阿里巴巴集团开源的一套微服务架构解决方案。...
- 聊聊langchain4j-spring的1.0.0-beta版本的更新
-
序本文主要研究一下langchain4j-spring的1.0.0-beta版本的更新1.0.0-beta1...
- Java异步编程(5种异步实现方式详解)
-
Java面试经常会问到:异步操作?什么是异步?与同步有什么区别?Java异步的是如何实现?有哪些异步实现方式?下面我一一来详解异步@mikechen什么是异步?...
- 全部开源的快速开发平台-开源字节
-
《硕宇精选》专注于探索、发现、分享开源技术应用和优质开源项目。本期推荐的优质项目是开源字节是一套全部开源的快速开发平台,毫无保留给个人及企业免费使用。该平台基于SpringBoot+MyBat...
- Trip.com launches 700 products in 15 countries
-
OnlinetravelagencyTrip.comhasofferedmorethan700newoverseasproducts,visiting15countries...
- Spring事务
-
使用Spring事务Spring事务介绍Spring事务的特点:1.多种事务API,Spring事务都可兼容;2.程序接入简单;3.与已有的Spring框架集成。...
- 牛刀小试——五分钟入门Spring Boot
-
万物皆可HelloWorld在一个程序员的眼里,万物皆可HelloWorld。SpringBoot当然也不例外。下面一起来完成我们的第一个SpringBoot程序。...
- 一周热门
-
-
C# 13 和 .NET 9 全知道 :13 使用 ASP.NET Core 构建网站 (1)
-
因果推断Matching方式实现代码 因果推断模型
-
git pull命令使用实例 git pull--rebase
-
git fetch 和git pull 的异同 git中fetch和pull的区别
-
git pull 和git fetch 命令分别有什么作用?二者有什么区别?
-
面试官:git pull是哪两个指令的组合?
-
git 执行pull错误如何撤销 git pull fail
-
git pull 之后本地代码被覆盖 解决方案
-
还可以这样玩?Git基本原理及各种骚操作,涨知识了
-
git命令之pull git.pull
-
- 最近发表
-
- 如果手机显示无SIM卡,到底是什么意思呢?
- 赶紧设置!工信部提醒设置手机SIM卡密码
- 手机突然显示无SIM卡?这样做就能恢复~
- SK电讯首尔门店遭“围攻”,SIM卡更换服务陷混乱
- Spring新闻汇总:Framework、Data、Security、Integration和Modulith发布里程碑版本
- Springboot特性、快速创建SpringBoot应用、Starter简介
- Springboot2的熔断、限流和降级讲解
- Spring Cloud 全面解析:分布式系统开发的魔法工具包
- 真香!GitHub开源SpringCloud Alibaba全解(全彩版)先到先得!
- 聊聊langchain4j-spring的1.0.0-beta版本的更新
- 标签列表
-
- git pull (33)
- git fetch (35)
- mysql insert (35)
- mysql distinct (37)
- concat_ws (36)
- java continue (36)
- jenkins官网 (37)
- mysql 子查询 (37)
- python元组 (33)
- mysql max (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)