docs

Timlyzer 项目文档

Timlyzer - 基于 Tauri + React + Tailwind CSS 的跨平台时间追踪应用

📚 文档目录

序号	文档	描述
01	新架构设计	Tauri + React + Tailwind 的架构设计
02	实施计划	开发阶段规划和里程碑
03	Tauri 技术调研	Tauri 2.x 特性和实现细节
04	功能需求规格	详细的功能需求定义
05	UI 设计规范	视觉设计系统和组件规范
06	开发指南	如何安装、启动和开发项目

🚀 快速开始

环境要求

• Node.js 20+
• Rust (stable)
• pnpm 8+

开发命令

# 安装依赖
pnpm install

# 开发模式
pnpm tauri dev

# 构建发布包
pnpm tauri build

📁 项目结构预览

timlyzer/
├── src-tauri/          # Tauri 后端 (Rust)
│   ├── src/
│   │   ├── commands/   # IPC 命令处理
│   │   ├── database/   # 数据库层
│   │   ├── services/   # 业务逻辑
│   │   └── system/     # 系统 API
│   └── Cargo.toml
│
├── src/                # 前端 (React)
│   ├── components/     # React 组件
│   ├── pages/          # 页面组件
│   ├── stores/         # Zustand 状态
│   └── services/       # API 服务
│
├── docs/               # 项目文档
└── package.json

🎯 核心功能

• ✅ 自动追踪 - 后台记录应用使用情况
• ✅ 时间线可视化 - 直观展示时间分配
• ✅ 系统状态监控 - 追踪在线/空闲/离线
• ✅ 使用统计 - 应用使用饼图和报表
• ✅ 搜索导出 - 历史记录查询和导出
• ✅ 系统托盘 - 后台运行和快速访问

🛠️ 技术栈

类别	技术
桌面框架	Tauri 2.x
前端	React 18 + TypeScript
样式	Tailwind CSS + shadcn/ui
状态管理	Zustand
数据库	SQLite (rusqlite)
图表	Recharts

📅 开发计划

• Phase 1: 项目初始化 (Week 1-2)
• Phase 2: 核心追踪 (Week 3-4)
• Phase 3: 前端界面 (Week 5-6)
• Phase 4: 高级功能 (Week 7-8)
• Phase 5: 系统集成 (Week 9-10)
• Phase 6: 优化发布 (Week 11-12)

📝 License

MIT License

---

创建日期: 2026-01-01