
极简云端记账:全栈开发实战记录
在移动应用开发中,如何兼顾“极致的 UI 体验”与“轻量级的云端存储”?本项目通过 Android Jetpack Compose 与 Cloudflare D1 (SQLite on Edge) 的结合,给出了一份优雅的答卷。
一、 技术栈方案
- 前端 (Android): Jetpack Compose (UI), MVVM 架构, Kotlin Coroutines, Retrofit (网络), Coil (图片加载), Google Play Services (定位)。
- 后端 (Serverless): Cloudflare Workers (JavaScript)。
- 数据库: Cloudflare D1 (Serverless SQLite)。
- 设计风格: 苹果原生风格 (iOS Minimalist),强调黑白灰的层次感与丝滑动效。
二、 核心功能实现
1. 苹果风 UI 建模
我们定义了一套基于苹果视觉规范的色值系统,并对组件进行了重构:
- 沉浸式标题: 使用 iOS 风格的居中 Title 与大圆角卡片。
- 智能输入: 针对邮箱输入进行了 ASCII 过滤(去中文/空格),并支持 Tab 键自动跳转。
- 日历视图: 在主页集成可视化日历,点击日期即可通过 ModalBottomSheet 弹出当日消费明细。
2. 数据库设计 (Cloudflare D1)
后端采用了双表结构,确保数据的关系型关联:
