Python Flask 全流程全栈项目实战
off999 2024-12-25 14:47 22 浏览 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 应用的开发流程。
相关推荐
- 让 Python 代码飙升330倍:从入门到精通的四种性能优化实践
-
花下猫语：性能优化是每个程序员的必修课，但你是否想过，除了更换算法，还有哪些“大招”？这篇文章堪称典范，它将一个普通的函数，通过四套组合拳，硬生生把性能提升了330倍！作者不仅展示了“术”，更传授...
- 7 段不到 50 行的 Python 脚本，解决 7 个真实麻烦:代码、场景与可复制
-
“本文整理自开发者AbdurRahman在Stackademic的真实记录，所有代码均经过最小化删减，确保在50行内即可运行。每段脚本都对应一个日常场景，拿来即用，无需额外依赖。一、在朋...
- Python3.14:终于摆脱了GIL的限制
-
前言Python中最遭人诟病的设计之一就是GIL。GIL（全局解释器锁）是CPython的一个互斥锁，确保任何时刻只有一个线程可以执行Python字节码，这样可以避免多个线程同时操作内部数据结...
- Python Web开发实战:3小时从零搭建个人博客
-
一、为什么选Python做Web开发？Python在Web领域的优势很突出：o开发快：Django、Flask这些框架把常用功能都封装好了，不用重复写代码，能快速把想法变成能用的产品o需求多：行业...
- 图解Python编程:从入门到精通系列教程(附全套速查表)
-
引言本系列教程展开讲解Python编程语言，Python是一门开源免费、通用型的脚本编程语言，它上手简单，功能强大，它也是互联网最热门的编程语言之一。Python生态丰富，库（模块）极其丰富，这使...
- Python 并发编程实战:从基础到实战应用
-
并发编程是提升Python程序效率的关键技能，尤其在处理多任务场景时作用显著。本文将系统介绍Python中主流的并发实现方式，帮助你根据场景选择最优方案。一、多线程编程（threading）核...
- 吴恩达亲自授课，适合初学者的Python编程课程上线
-
吴恩达教授开新课了，还是亲自授课！今天，人工智能著名学者、斯坦福大学教授吴恩达在社交平台X上发帖介绍了一门新课程——AIPythonforBeginners，旨在从头开始讲授Python...
- Python GUI 编程:tkinter 初学者入门指南——Ttk 小部件
-
在本文中，将介绍Tkinter.ttk主题小部件，是常规Tkinter小部件的升级版本。Tkinter有两种小部件：经典小部件、主题小部件。Tkinter于1991年推出了经典小部件，...
- Python turtle模块编程实践教程
-
一、模块概述与核心概念1.1turtle模块简介定义：turtle是Python标准库中的2D绘图模块，基于Logo语言的海龟绘图理念实现。核心原理：坐标系系统：原点(0,0)位于画布中心X轴：向右...
- Python 中的asyncio 编程入门示例-1
-
Python的asyncio库是用于编写并发代码的，它使用async/await语法。它为编写异步程序提供了基础，通过非阻塞调用高效处理I/O密集型操作，适用于涉及网络连接、文件I/O...
- 30天学会Python，开启编程新世界
-
在当今这个数字化无处不在的时代，Python凭借其精炼的语法架构、卓越的性能以及多元化的应用领域，稳坐编程语言排行榜的前列。无论是投身于数据分析、人工智能的探索，还是Web开发的构建，亦或是自动化办公...
- Python基础知识(IO编程)
-
1.文件读写读写文件是Python语言最常见的IO操作。通过数据盘读写文件的功能都是由操作系统提供的，读写文件就是请求操作系统打开一个文件对象（通常称为文件描述符），然后，通过操作系统提供的接口从这个...
- Python零基础到精通，这8个入门技巧让你少走弯路，7天速通编程!
-
Python学习就像玩积木，从最基础的块开始，一步步搭建出复杂的作品。我记得刚开始学Python时也是一头雾水，走了不少弯路。现在回头看，其实掌握几个核心概念，就能快速入门这门编程语言。来聊聊怎么用最...
- 一文带你了解Python Socket 编程
-
大家好，我是皮皮。前言Socket又称为套接字，它是所有网络通信的基础。网络通信其实就是进程间的通信，Socket主要是使用IP地址，协议，端口号来标识一个进程。端口号的范围为0~65535(用户端口...
- Python-面向对象编程入门
-
面向对象编程是一种非常流行的编程范式（programmingparadigm），所谓编程范式就是程序设计的方法论，简单的说就是程序员对程序的认知和理解以及他们编写代码的方式。类和对象面向对象编程：把...
欢迎 你 发表评论:
- 一周热门
- 最近发表
- 标签列表
-
- python计时 (73)
- python安装路径 (56)
- python类型转换 (93)
- python进度条 (67)
- python吧 (67)
- python的for循环 (65)
- python格式化字符串 (61)
- python静态方法 (57)
- python列表切片 (59)
- python面向对象编程 (60)
- python 代码加密 (65)
- python串口编程 (77)
- python封装 (57)
- python写入txt (66)
- python读取文件夹下所有文件 (59)
- python操作mysql数据库 (66)
- python获取列表的长度 (64)
- python接口 (63)
- python调用函数 (57)
- python多态 (60)
- python匿名函数 (59)
- python打印九九乘法表 (65)
- python赋值 (62)
- python异常 (69)
- python元祖 (57)