Python Flask 全流程全栈项目实战
off999 2024-12-25 14:47 11 浏览 0 评论
"夏哉ke"：quangneng.com/4968/
Python Flask 全栈项目实战：构建在线待办事项应用
在这个快速教程中，我们将使用 Python Flask 框架来构建一个简单的在线待办事项应用。这个项目将涵盖从前端到后端的整个开发流程，包括用户界面设计、数据库模型设计、路由处理以及用户身份验证。通过这个项目，你将学习如何使用 Flask 搭建一个基本的 Web 应用，并且了解整个 Web 开发的全栈流程。
项目概述
我们将要构建的待办事项应用将包含以下功能：
- 用户注册和登录
- 创建、读取、更新和删除（CRUD）待办事项
- 待办事项的标记完成与未完成
项目技术栈：
- 前端：HTML, CSS, JavaScript, Bootstrap（可选）
- 后端：Python Flask
- 数据库：SQLite
- 用户认证：Flask-Login
环境准备
在开始之前，请确保你的系统中已经安装了 Python 和 pip。然后安装 Flask 及其依赖库：
pip install flask flask-login flask-sqlalchemy
1. 创建 Flask 应用
首先，创建一个名为 todo_app 的文件夹，并在其中创建一个名为 app.py 的文件。这是我们的 Flask 应用入口。
from flask import Flask, render_template, request, redirect, url_for
from flask_sqlalchemy import SQLAlchemy
from flask_login import LoginManager, UserMixin, login_user, login_required, logout_user, current_user
app = Flask(__name__)
app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///todo.db'
app.config['SECRET_KEY'] = 'your_secret_key'
db = SQLAlchemy(app)
login_manager = LoginManager(app)
# 用户模型
class User(UserMixin, db.Model):
id = db.Column(db.Integer, primary_key=True)
username = db.Column(db.String(80), unique=True, nullable=False)
password = db.Column(db.String(120), nullable=False)
# 待办事项模型
class Todo(db.Model):
id = db.Column(db.Integer, primary_key=True)
title = db.Column(db.String(100), nullable=False)
completed = db.Column(db.Boolean, default=False)
user_id = db.Column(db.Integer, db.ForeignKey('user.id'), nullable=False)
# 用户加载函数
@login_manager.user_loader
def load_user(user_id):
return User.query.get(int(user_id))
# 主页
@app.route('/')
def index():
return render_template('index.html')
if __name__ == '__main__':
app.run(debug=True)
在上面的代码中，我们设置了 Flask 应用、数据库配置、用户认证管理以及两个数据库模型：User 和 Todo。
2. 创建数据库模型
在 app.py 中，我们已经定义了 User 和 Todo 两个模型。接下来，我们需要创建这些模型的数据库表。在 app.py 中添加以下代码：
with app.app_context():
db.create_all()
在运行应用之前，执行上面的代码将创建数据库表。
3. 创建用户界面
在 todo_app 文件夹中创建一个名为 templates 的文件夹，并在其中创建 HTML 文件。例如，创建 index.html：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Todo App</title>
</head>
<body>
<h1>Welcome to Todo App!</h1>
<p>Login or register to manage your todos.</p>
</body>
</html>
4. 添加用户认证路由
在 app.py 中添加注册和登录的路由：
@app.route('/register', methods=['GET', 'POST'])
def register():
if request.method == 'POST':
username = request.form['username']
password = request.form['password']
user = User(username=username, password=password)
db.session.add(user)
db.session.commit()
return redirect(url_for('login'))
return render_template('register.html')
@app.route('/login', methods=['GET', 'POST'])
def login():
if request.method == 'POST':
username = request.form['username']
password = request.form['password']
user = User.query.filter_by(username=username, password=password).first()
if user:
login_user(user)
return redirect(url_for('todos'))
return render_template('login.html')
@app.route('/logout')
@login_required
def logout():
logout_user()
return redirect(url_for('index'))
在 templates 文件夹中创建 register.html 和 login.html 文件，用于注册和登录表单。
5. 添加待办事项功能
@app.route('/todos', methods=['GET', 'POST'])
@login_required
def todos():
if request.method == 'POST':
title = request.form['title']
todo = Todo(title=title, user_id=current_user.id)
db.session.add(todo)
db.session.commit()
return redirect(url_for('todos'))
todos = Todo.query.filter_by(user_id=current_user.id).all()
return render_template('todos.html', todos=todos)
@app.route('/todo/<int:todo_id>/complete')
@login_required
def complete_todo(todo_id):
todo = Todo.query.get(todo_id)
if todo and todo.user_id == current_user.id:
todo.completed = not todo.completed
db.session.commit()
return redirect(url_for('todos'))
@app.route('/todo/<int:todo_id>/delete')
@login_required
def delete_todo(todo_id):
todo = Todo.query.get(todo_id)
if todo and todo.user_id == current_user.id:
db.session.delete(todo)
db.session.commit()
return redirect(url_for('todos'))
在 templates 文件夹中创建 todos.html 文件，用于显示待办事项列表、添加待办事项的表单以及待办事项的操作按钮。
6. 完成用户界面
在 templates 文件夹中创建 register.html、login.html 和 todos.html 文件，用于显示注册、登录和待办事项列表的表单。
7. 运行应用
在完成所有代码编写和文件创建后，运行 app.py 文件：
python app.py
然后打开浏览器，访问 http://127.0.0.1:5000/，你应该可以看到主页。点击注册和登录链接，进行注册和登录操作，然后开始添加和管理待办事项。
结语
通过这个简单的在线待办事项应用，我们学习了如何使用 Flask 搭建一个全栈 Web 应用。这个项目涵盖了从前端到后端的整个开发流程，包括用户界面设计、数据库模型设计、路由处理以及用户身份验证。当然，这个项目还可以继续扩展和优化，例如添加待办事项的详细信息、设置待办事项的截止日期等。希望这个项目能帮助你更好地理解 Flask 的使用和 Web 应用的开发流程。
相关推荐
- 独家 | 5 个Python高级特性让你在不知不觉中成为Python高手
-
你已经使用Python编程了一段时间，编写脚本并解决各种问题。是你的水平出色吗？你可能只是在不知不觉中利用了Python的高级特性。从闭包（closure）到上下文管理器（contextmana...
- Python装饰器
-
Python装饰器是一种用于修改函数或类的行为的特殊语法。它们允许在不修改原始代码的情况下，通过将函数或类作为参数传递给另一个函数来添加额外的功能。装饰器本质上是一个函数，它接受一个函数作为参数，并返...
- 中高阶Python常规用法--上下文管理器
-
Python以简单性和通用性著称，是一种深受全球开发人员喜爱的编程语言。它提供了大量的特性和功能，使编码成为一种愉快的体验。在这些功能中，一个经常被新手忽视的强大工具是上下文管理器。上下文管理器是高...
- Python小案例67- 装饰器
-
Python装饰器是一种用于修改函数或类的行为的特殊语法。它们允许在不修改原始代码的情况下，通过将函数或类作为参数传递给另一个函数来添加额外的功能。装饰器本质上是一个函数，它接受一个函数作为参数，并返...
- python常用的语法糖
-
概念Python的语法糖（SyntacticSugar）是指那些让代码更简洁、更易读的语法特性，它们本质上并不会增加新功能，但能让开发者更高效地编写代码。推导式写法推导式是Python最经典的...
- python - 常用的装饰器 decorator 有哪些?
-
python编程中使用装饰器(decorator)工具，可以使代码更简洁清晰，提高代码的重用性，还可以为代码维护提供方便。对于python初学者来说，根据装饰器(decorator)的字面意思并不...
- python数据缓存怎么搞 ?推荐一个三方包供你参考，非常简单好用。
-
1.数据缓存说明数据缓存可以说也是项目开发中比不可少的一个工具，像我们测试的系统中，你都会见到像Redis一样的数据缓存库。使用缓存数据库的好处不言而喻，那就是效率高，简单数据直接放在缓存中...
- 用于时间序列数据的Graphite监视工具
-
结合第三方工具，Graphite为IT性能监控提供了许多好处。本文介绍其核心组件，包括Carbon、Whisper以及安装的基本准则。Graphite监视工具可实时或按需，大规模地绘制来自多个来源的时...
- Python3+pygame实现的坦克大战
-
一、显示效果二、代码1.说明几乎所有pygame游戏，基本都遵循一定的开发流程，大体如下：初始化pygame创建窗口while循环检测以及处理事件（鼠标点击、按键等）更新UI界面2.代码创建一个m...
- Python之鸭子类型:一次搞懂with与上下文装饰器
-
引言在鸭子类型的理念的基础之上，从关注类型，转变到关注特性和行为。结合Python中的魔法函数的体系，我们可以将自定义的类型，像内置类型一样被使用。今天这篇文章中，接着该话题，继续聊一下with语法块...
- Python必会的50个代码操作
-
学习Python时，掌握一些常用的程序操作非常重要。以下是50个Python必会的程序操作，主要包括基础语法、数据结构、函数和文件操作等。1.HelloWorldprint("Hello,...
- 一文掌握Python 中的同步和异步
-
同步代码（Sync）同步就像在一个流水线上工作，每个任务都等待前一个任务完成。示例：机器A切割钢板→完成后，机器B钻孔→完成后，机器C上色。在Python中，同步代码看起来像这样：im...
- python 标注模块timeit: 测试函数的运行时间
-
在Python中，可以使用内置的timeit模块来测试函数的运行时间。timeit模块提供了一个简单的接口来测量小段代码的执行时间。以下是使用timeit测试函数运行时间的一般步骤：导入...
- Python带你找回童年的万花尺
-
还记得小时候的万花尺吧？这么画：一点也不费脑筋，就可以出来这么多丰富多彩的复杂几何图形。具体而言，可以用万花尺玩具（如图2-1所示）来绘制数学曲线。这种玩具由两个不同尺寸的塑料齿轮组成，一大一小。小的...
- Python 时间模块深度解析:从基础到高级的全面指南
-
直接上干货一、时间模块核心类介绍序号类名说明1datetime.datetime表示一个具体的日期和时间，结合了日期和时间的信息。2datetime.date表示一个具体的日期。3datetime.t...
欢迎 你 发表评论:
- 一周热门
- 最近发表
- 标签列表
-
- python计时 (54)
- python安装路径 (54)
- python类型转换 (75)
- python进度条 (54)
- python的for循环 (56)
- python串口编程 (60)
- python写入txt (51)
- python读取文件夹下所有文件 (59)
- java调用python脚本 (56)
- python操作mysql数据库 (66)
- python字典增加键值对 (53)
- python获取列表的长度 (64)
- python接口 (63)
- python调用函数 (57)
- python qt (52)
- python人脸识别 (54)
- python斐波那契数列 (51)
- python多态 (60)
- python命令行参数 (53)
- python匿名函数 (59)
- python打印九九乘法表 (65)
- centos7安装python (53)
- python赋值 (62)
- python异常 (69)
- python元祖 (57)