用Python写个待办事项网页应用

devtools/2025/1/12 10:44:41/

来源:Python大数据分析 费弗里

大家好我是费老师,今天要给大家分享的项目是完全基于Python编写的「待办事项」应用,

之所以可以完全基于Python轻松开发出这个应用,要归功于Python生态中非常强大的网页应用开发框架Dash,以及其相关生态中的fac(官网地址:https://fac.feffery.tech/ )等组件库,使得我们可以轻松调用不同的功能组件,并编写相应的回调函数来实现各种用户交互反馈功能:

图片

下面我们对这个应用实现的主要过程做简短介绍,具体技术细节欢迎扫描文章末尾二维码,即刻加入Dash技术学习交流群一起交流:

1 启动应用

首先,按照「文章开头提示」下载好本项目完整源码解压后,在项目根目录打开终端,激活你的Python环境,接着执行pip install -r requirements.txt -i https://pypi.tuna.tsinghua.edu.cn/simple,完成当前项目依赖库的安装。

然后直接在终端执行python app.py即可启动应用,按照控制台提示的信息,浏览器访问本地http://127.0.0.1:8050地址即可使用到应用:

图片

图片

2 应用开发重点思路

作为一个典型的轻量Dash应用,因为功能足够简单,所以项目结构非常简单:

  • assets目录存放静态资源,即本应用中的应用图标图片

  • app.py中完成整个应用逻辑代码的编写

在这个应用中,因为存在着不确定数目的待办事项的「增加」「更新」「修改」,因此我们采用了直观简单清晰的「数据状态驱动组件更新-交互操作更新数据状态」的思想,源码中的Store()组件就负责保存及更新待办事项的实时状态:

图片

并且在这个应用中,我们在很多使用到set_props()来更「灵活」的更新组件属性,使得我们可以在多个回调函数中省略对数据状态的Output编排,譬如在处理待办事项删除操作的delete_todo()回调函数中:

图片

除了上述的思想外,这个应用中还使用到ALL模式匹配回调等Dash应用中非常经典的方法,从而轻松实现各种交互逻辑,因此这个项目可以作为深入学习Dash应用中一些进阶方法的示范项目。


http://www.ppmy.cn/devtools/149851.html

相关文章

新时期下k8s 网络插件calico 安装

1、k8s master节点初始化完毕以后一直处于notreadey状态,一直怀疑是安装有问题或者是初始化有问题(当然,如果真有问题要先解决这些问题),经过不断探索才发现是网络插件没有安装导致的,根据建议安装calico插…

LLM - Llama 3 的 Pre/Post Training 阶段 Loss 以及 logits 和 logps 概念

欢迎关注我的CSDN:https://spike.blog.csdn.net/ 本文地址:https://spike.blog.csdn.net/article/details/145056912 Llama 3 是 Meta 公司发布的开源大型语言模型,包括具有 80 亿和 700 亿参数的预训练和指令微调的语言模型,支持…

Linux 下信号的保存和处理

信号的几个状态 信号抵达: 当接收到的信号被处理时, 此时就成为信号的抵达信号的未决: 从信号的产生到信号抵达这个时间段之间, 称为信号未决信号阻塞: 当进程设置了某个信号为阻塞后, 这个进程就不会在接收到这个信号信号忽略: 将信号设置为忽略后, 接收到这个信号, 对这个信…

K-Means 聚类算法:用生活场景讲解机器学习的“分组”方法

一、K-Means 算法概述 K-Means 是一种经典的无监督学习聚类算法,目的是将数据集中 n 个样本划分成 K 个簇(cluster),每个样本根据其特征被归入与之最接近的簇。简单来说,这就像在超市购物时,顾客会被根据购…

【C++开源库】Boost.Asio网络库使用介绍

Boost.Asio是一个功能强大的C网络库,它提供了对网络编程的高级抽象,使得在C中进行网络通信变得更加容易和高效。Asio是Boost库的一部分,它支持多种操作系统,包括Windows、Linux和macOS等。 特点与优势 异步编程模型:B…

word论文排版常见问题汇总

word论文排版常见问题汇总 常用快捷键: Alt F9 正常模式与域代码模式切换 Ctrl F9 插入域代码 F9 刷新域代码显示,要注意选定后刷新才会有效果 word中在当前列表的基础上修改列表 在使用word时,我们会定义一个列表,并将其链接…

关于扫描模型 拓扑 和 传递贴图工作流笔记

关于MAYA拓扑和传递贴图的操作笔记 一、拓扑低模: 1、拓扑工作区位置: 1、准备出 目标 高模。 (高模的状态如上 ↑ )。 2、打开顶点吸附,和建模工具区,选择四边形绘制. 2、拓扑快捷键使…

【网络安全 | 漏洞挖掘】通过监控调试模式实现价值$15k的RCE

未经许可,不得转载。 前言 你是否曾遇到过这样一种情况:明明发现了一个可疑的端点,直觉告诉你它可能存在漏洞,但却无法确定其背后的逻辑,更不用说利用它了?在这篇文章中,我将分享一种技术,它让我的黑盒测试变得如同半白盒测试。这种方法帮助我发现了多个漏洞,并最终实…