基于 Tauri + React + TypeScript + SQLite 的桌面计划安排应用,支持 Windows 平台、本地存储与打包发布。
- 概览:待办 / 进行中 / 已完成统计,最近计划一览
- 计划列表:查看、删除计划,支持优先级与状态筛选展示
- 新建 / 编辑计划:标题、描述、截止日期、优先级、状态
- 设置:关于与说明
- 本地存储:SQLite 数据库,数据保存在本机应用数据目录
- Node.js 18+
- Rust(用于 Tauri 构建)
- Windows 10/11(目标平台)
cd planner-app/frontend
npm install
npm run tauri dev首次运行会编译 Rust 并启动开发窗口,前端热更新。
cd planner-app/frontend
npm run tauri build产物在 planner-app/frontend/src-tauri/target/release/bundle/ 下,可得到:
- msi:Windows 安装包
- exe:便携可执行文件(在
target/release/或 bundle 内)
planner-app/
├── frontend/ # 前端 + Tauri
│ ├── src/
│ │ ├── api/ # Tauri invoke 封装
│ │ ├── components/ # 布局与通用组件
│ │ ├── pages/ # 多页面:概览、计划列表、表单、设置
│ │ └── types/ # TypeScript 类型
│ └── src-tauri/
│ └── src/
│ ├── lib.rs # Tauri 入口与命令注册
│ └── db.rs # SQLite CRUD
└── README.md
- Tauri 2:桌面壳与原生能力
- React 19 + TypeScript:界面与类型
- React Router:多页面路由(HashRouter)
- Vite:前端构建
- SQLite (rusqlite):本地数据库,存于
%AppData%/com.tauri.dev/planner.db(以 tauri.conf 中 identifier 为准)
- 数据库在应用首次启动时自动创建
- 未联网即可使用,数据仅存本机
- 卸载或删除应用数据目录会清除所有计划数据