Python Flask 全流程全栈项目实战
off999 2024-12-25 14:47 27 浏览 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 应用的开发流程。
相关推荐
- win7桌面图标设置在哪里（win7桌面图标在哪个文件夹）
-
要调出Win7桌面图标，首先需要进入桌面。可以通过点击任务栏上方的“显示桌面”按钮或按下Windows键+D快捷键进入桌面。在桌面上右键单击空白区域，选择“个性化”，然后选择“更改桌面图标”选项。在弹...
- win7手机壁纸（windows7手机桌面主题）
-
1.首先我们打开手机进入到桌面，找到设置图标点击打开。华为手机如何设置自定义锁屏壁纸2.进入到设置界面之后，点击下方的显示选项。华为手机如何设置自定义锁屏壁纸3.然后我们就可以在显示界面中找到壁纸...
- 怎么开启路由器wifi（怎么开启路由器的dhcp功能）
-
把路由器改为开放网络方法如下：1、打开浏览器，在地址栏输入路由器网关IP地址（路由器背后的标签上有，一般是192.168.1.1），输入登录用户名和密码（一般均为admin)；2、登录成功后就显示运行...
- win10加载不出来桌面黑屏（window10加载不出来）
-
方法一、如果是遇到了突发性黑屏首先尝试使用Ctrl+Alt+Delete组合键来进行电脑重启一般重启可以解决大部分黑屏故障。win10电脑黑屏按什么键恢复_win10电脑黑屏一键恢复的方法方法...
- 怎么用火绒关闭win安全中心（win10火绒安全软件怎么关闭）
-
一、火绒防火墙关闭方法在电脑上运行火绒软件后，点击首页界面的“防护中心”，在病毒防护界面可以关闭文件、U盘、邮件等保护功能，。系统防护：在该界面可以关闭系统防护功能，。网络防护：可以关闭网络保护等功...
- 微软应用商店下载手机版（微软应用商店在哪下）
-
、在桌面任务栏找到微软应用商店，点击并打开。2、进入页面后点击【应用】，进入应用页面。3、在页面里往下移动，找到热门应用，找到一个软件，点击进入。4、进入页面后，点击【安装】，软件会自动安装，安装完毕...
- win11系统怎么查看电脑配置（win11怎么查看系统版本）
-
答:win11查看电脑配置步骤如下。1.点击下方任务栏的windows图标或者按下键盘“windows键”打开开始菜单。2.在开始菜单中找到“设置”或“settings”,一般是右上角的齿轮状按钮,3...
- 麦克风没坏但是没声音（麦克风没声怎么回事）
-
几种可能性，供您参考：1、麦是完全好的（其它机子上可以用）2、插孔没有插错3、音量控制里的麦克风并没有静音掉4、声卡驱动已重装过N次，新的旧的都试过了5、音量控制→属性→录音→麦克风下面的勾...
- wps office是干什么的（wps office是干什么的可以卸载吗）
-
WPSOffice一站式办公服务平台，具有可兼容Word、Excel、PPT三大办公组件的不同格式，支持PDF文档的编辑与格式转换集成思维导图、流程图等诸多功...
- 百度网页（百度网页自动翻译怎么设置）
-
1、百度的新闻源网站太多了，基本上大型的商业门户+政府官方的媒体、机构部门都是。2、出现在【百度新闻】里的网站都是新闻源网站。3、怎么判断一个网站是不是新闻源：1）在百度新闻下直接搜网站名字，如果出现...
- 外国网站的浏览器下载（外国网站的浏览器下载Games）
-
答，可在浏览器上面下载所需要的视频／音乐的名称，下载完毕后，按所给的排列表找出所需要的视频／音乐。如果是喜欢的视频／音乐它在浏览器里边都有分类，可详细的介绍一下自己吧，还可以在古典音乐或者名著导读介绍...
-
- 京东攒机助手（京东攒机在哪）
-
自己在京东买的配置，以为身边的人能帮忙组装，但是好像超过了个人的认知，所以无奈之下只能在京东找专业人士进行安装，挺快，前一天傍晚下单，第二天上午上班就来了，组装师傅挺好，挺有耐心，业务也挺熟练，走线看起来也不错，买的机箱是师傅从来没有接触过...
-
2025-11-14 22:03 off999
- 腾讯电脑管家和360哪个好（腾讯电脑管家好用还是360好用）
-
两个都很好。1.腾讯电脑管家和360卫士都是电脑上最常见的免费杀毒软件，两款软件在病毒查杀上都是首屈一指的。2.360卫士在功能上十分丰富，从木马查杀到电脑清理以及优化加速都是一应俱全的，而且还集成了...
- 笔记本突然没声音（笔记本突然没声音是什么原因）
-
可能是因为电脑声音驱动设备故障导致电脑没有声音。解决方法：使用Win+X快捷键，然后在弹出的窗口中点击“设备管理器”选项，之后点击“打开声音、视频和游戏控制器”选项，打开的属性界面查看运行是否正常，或...
欢迎 你 发表评论:
- 一周热门
-
-
抖音上好看的小姐姐，Python给你都下载了
-
全网最简单易懂!495页Python漫画教程，高清PDF版免费下载
-
Python 3.14 的 UUIDv6/v7/v8 上新，别再用 uuid4 () 啦!
-
python入门到脱坑 输入与输出—str()函数
-
飞牛NAS部署TVGate Docker项目，实现内网一键转发、代理、jx
-
宝塔面板如何添加免费waf防火墙?（宝塔面板开启https）
-
Python三目运算基础与进阶_python三目运算符判断三个变量
-
(新版)Python 分布式爬虫与 JS 逆向进阶实战吾爱分享
-
慕ke 前端工程师2024「完整」
-
失业程序员复习python笔记——条件与循环
-
- 最近发表
- 标签列表
-
- 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)