夜雨聆风学习资料网

ARTICLE · 1317715

【小程序源码】一款功能完善、轻量、设计精美的待办清单小程序

【小程序源码】一款功能完善、轻量、设计精美的待办清单小程序
关注微信公众号:【源码部落】,获取开源项目分享。

一款功能完善、轻量、设计精美的日常任务与效率管理微信小程序。支持游客本地离线使用,也支持微信登录后云端多端同步。


一、项目介绍

「待办清单」是一款面向个人效率场景的微信原生小程序项目,围绕"记录任务—规划时间—专注执行—回顾复盘"的完整闭环进行设计。

它没有把功能堆在一个页面上,而是以 清单 / 日历 / 工具箱 / 管理 四个底部入口组织信息:日常打卡在清单页完成,周月视角在日历页查看,四象限、番茄钟、习惯、统计等进阶能力收进工具箱,数据备份、回收站与后台配置则统一放在管理页。

项目最大的特点是可离线。未登录状态下,数据直接落在本地存储,开箱即用;登录微信后,任务、习惯、模板等数据自动同步到云端,实现多设备一致。前后端完整开源,既可以直接用于个人时间管理,也适合作为微信小程序全栈项目的学习与二次开发模板。


二、功能特性

1. 核心任务管理

  • ‎智能重复任务:支持每天、每周(可指定星期)、工作日、每月(自动月末对齐)、每年(闰年容错)以及自定义间隔;支持按次数或截止日期结束,并支持单次修改、单次跳过、单次删除、单次独立完成。
  • ‎子任务拆解:为任务添加多条子任务,支持独立勾选、排序、进度指示与折叠展开。
  • ‎任务模板:内置旅行准备、学习计划、购物清单等常用场景模板,支持把常用待办保存为模板,或从模板一键建任务。
  • ‎多视图筛选:今日 / 明天 / 本周 / 逾期 / 全部快速切换,支持分类、优先级标记与搜索。

2. 效率工具箱

  • ‎数据统计中心:完成率环形图、近 14 天趋势柱状图、分类分布、任务热力图、连续完成天数与专注时长统计。
  • ‎番茄钟专注:25 / 45 / 60 分钟及自定义时长,可关联具体任务;基于真实时间戳计时,切后台、锁屏、进程被杀后恢复仍然精确。
  • ‎四象限管理:基于艾森豪威尔矩阵(重要 / 紧急)梳理优先级,支持拖拽切换象限。
  • ‎习惯打卡:独立习惯管理,支持自定义图标与主题色、周 / 日打卡计划、月度完成率、连续打卡天数与补签。
  • ‎纪念日管理:记录重要日期并展示倒计时。

3. 个性化与数据安全

  • ‎主题与深色模式:支持跟随系统、浅色模式与纯黑深色模式,内置多套配色。
  • ‎数据导入导出:标准 JSON 格式备份与还原,具备重复项检测与严格校验。
  • ‎30 天回收站:待办、习惯与模板软删除,可随时一键恢复或彻底清理。

4. 协作与分享

  • ‎共享清单:创建多人共享任务清单,微信好友一键加入,支持指派负责人与实时进度同步。
  • ‎打卡分享卡片:基于 Canvas 2D 自动渲染今日计划卡与阶段成果海报,可保存相册或分享好友。
  • ‎内置管理后台:小程序内管理员专属后台,支持数据库状态自检、分类与优先级全局配置、法定节假日数据自动更新。

三、技术选型

前端

分类
选型
说明
框架
微信原生小程序
JavaScript + WXML + WXSS,无第三方框架依赖,包体小、启动快
导航
自定义 TabBar
清单 / 日历 / 工具箱 / 管理四入口,样式与主题联动
状态与存储
wx.setStorage 本地存储
无登录也能完整使用,localStore / localHabit / localFocus 等模块分层封装
图形渲染
Canvas 2D
绘制分享海报与今日计划卡
适配
最新基础库 + 深色模式
支持跟随系统主题与自定义配色

后端

分类
选型
说明
运行时
Node.js
轻量、部署成本低
Web 框架
Express 4
路由清晰,按业务拆分 controllers / models / routes / services
数据库
MySQL 5.7 / 8.0
连接池管理,dbManager 启动时自动建表与增量字段迁移,无需手工导入 SQL
鉴权
JWT
微信登录换取 token,中间件统一校验
第三方能力
微信接口(axios 调用)
登录凭证校验、内容安全检测、订阅消息等
部署
宝塔面板 + PM2
进程守护、开机自启、日志管理

四、项目截图


这个项目源码获取方式

关注公众号,私信回复:小程序源码

回首页,搜索你想要的文档

在首页搜索框输入关键词,快速定位资料

文库首页搜索指引 立即搜索

相关学习资料