更新记录
1.0.0(2025-08-02) 下载此版本
- 初始版本
- 极简展示待办,本地存储,无需联网
- 分类统计一目了然
- 支持导入导出
平台兼容性
云端兼容性
阿里云 | 腾讯云 | 支付宝云 |
---|---|---|
√ | √ | × |
uni-app(4.75)
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ | √ | √ |
uni-app x(4.75)
Chrome | Safari | Android | iOS | 鸿蒙 | 微信小程序 |
---|---|---|---|---|---|
- | - | - | - | - | - |
其他
多语言 | 暗黑模式 | 宽屏模式 |
---|---|---|
× | √ | × |
[aka-todo] 免费好用无需联网的待办管理插件
🚀 你的专属任务指挥官,上线! 告别混乱,高效掌控每一件事!✨ ✅ 极简创建 - 任务秒速添加 ✅ 状态追踪 - 进展一目了然 ✅ 灵活分类 - 工作/生活/学习轻松管理 ✅ 数据自由 - 导入导出随心掌控 🔒 本地安心存储 (SQLite) - 数据安全,无需联网! 重新定义你的任务管理体验!立即开启高效人生 ➡️
项目简介
这是一个基于 Vue3 和 Uni-app 开发的跨平台待办事项管理应用,支持在微信小程序、H5 和 App 端运行。应用提供了完整的任务管理功能,包括任务创建、状态跟踪、分类管理、数据导入导出等功能,采用 SQLite 数据库实现本地数据持久化存储。
功能特性
- 任务管理:添加、编辑、删除待办事项
- 多维度分类:支持学习、工作、生活、提升四种类别
- 状态跟踪:待办、进行中、待确认、完成、归档五种状态
- 数据操作:JSON 导入导出、Markdown 列表导出
- 交互特性:
- 任务置顶
- 详情展开/折叠
- 暗黑/明亮主题切换
- 本地存储:使用 SQLite 数据库持久化存储数据
- 响应式设计:适配移动端各种屏幕尺寸
页面及功能
主界面
- 分类标签页:顶部显示所有分类及任务数量统计
- 状态过滤器:可滚动状态栏,按状态筛选任务
- 任务列表:展示过滤后的任务,支持点击展开详情
- 添加按钮:右下角浮动按钮用于添加新任务
任务详情
- 任务标题及内容
- 分类和状态标识
- 创建/更新时间
- 操作按钮(置顶、编辑、删除)
任务编辑/添加弹窗
- 任务标题输入
- 状态选择
- 分类选择
- 标签快捷添加
- 详情备注
数据操作对话框
- JSON 导入/导出
- Markdown 列表导出
- 数据粘贴/复制功能
使用指南
添加新任务
- 点击右下角 "+" 按钮
- 填写任务标题
- 选择状态和分类
- (可选)添加详情备注
- 点击"添加任务"按钮
编辑任务
- 点击任务项上的"编辑"图标
- 修改任务信息
- 点击"更新任务"保存更改
任务状态管理
- 点击任务左侧状态图标循环切换状态
- 状态顺序:待办 → 进行中 → 待确认 → 完成 → 归档
数据导入导出
- 点击顶部栏"曲别针"图标打开数据面板
- 选择操作类型:
- 导入 JSON:粘贴 JSON 数据并导入
- 导出 JSON:复制或导出所有任务数据
- 导出 MD 列表:生成当前列表的 Markdown 格式
快捷操作
- 任务置顶:点击"置顶"按钮
- 刷新列表:点击顶部栏"刷新"图标
- 展开/折叠所有详情:点击当前状态标签
技术栈
- 前端框架:Vue 3 (Composition API)
- 跨平台框架:Uni-app
- UI 组件库:Uni-UI
- 数据库:SQLite (通过 UTS 封装)
- 状态管理:Vue Reactive API
- 构建工具:HBuilder X
- 样式预处理器:SCSS
项目结构
*---components
+---aka-todo
| aka-todo.vue // 主体页面信息,同时包含布局样式css、编排逻辑js
| dbTodo.uts // 具体实现 JS 文件
| dbUtils.uts // 数据库操作函数
| File.uts // 文件操作函数
|
+---uni-icons // 引用的图标
|
\---uni-scss // 引用的CSS变量
安装与运行
-
环境要求:
- 安装 HBuilderX 或使用命令行工具。
-
项目搭建:
- 使用 HBuilderX 导入项目。
-
运行项目:
- 在 HBuilderX 中选择运行到浏览器或手机模拟器。
-
引用插件
<template> <view> <aka-todo></aka-todo> </view> </template>