用户 2026-10-18:「名册现在没有任何数据啊,看看咋回事。」
真机日志(唯一直接证据):
E .../Config: table person_roster has no column named phones
(SQLite errno 2,名册整批 batchInsert 全部失败)
根因(两条安装路径的行为分叉):
`person_roster.phones` 当初**只加在 `FbDb.migrate()` 的 v3→v4 ALTER 里**,
**没进 `FbSchema.FB_SCHEMA_SQL` 的建表语句**。于是:
· 老库升级 → 走 migrate() → 执行 ALTER → 有 phones ✅
· 全新安装 → store.version 一上来就等于 FB_DB_VERSION(5)
⇒ migrate() 首行 `from >= FB_DB_VERSION` 直接 return
⇒ 那句 ALTER **永远不执行** → 没有 phones ❌
用户这次是**卸载重装**(前端流程要求),正好走的是坏的那条路。
为什么藏了这么久(两个"静默"叠加):
① `pageHeaderItem` 的空状态文案是「登录后会从服务器拉取你名册里的人」——
一个**已经登录**的人被提示去登录,完全猜不到真实原因;
② `syncInBackground()` 里 `repo.sync()` 的**异常没人接**:
异常从 async 函数冒出去,`bootstrap()` 之后没有任何 catch
⇒ 整个后台同步静默死掉,`syncNote` 还是 ''(看着像"同步成功")。
三处修复:
① `FB_SCHEMA_SQL` 的 person_roster 补上 `phones`(新装用户直接对);
② `FB_DB_VERSION` 5→6 + 新增"结构自愈"迁移:**主动探测列是否存在**
(`PRAGMA table_info`,不靠异常控制流 —— 否则会把库损坏之类的真原因
一起吞成"大概已经加过了"),缺则补 `ALTER`。这一条是给**已经装坏的库**
(version=5 但缺列)用的:它们的版本号已经到位,不会再进任何 `from < N`
分支,只能靠新版本号再捞一次。
③ `syncInBackground()` 包 try/catch,把异常落成**用户看得见的文案**
(「名册写入本地库失败:<原因>」)。纪律:后台任务的异常必须就地
变成一句话,不能指望"调用方会 catch"——调用方往往是 fire-and-forget。
真机验证(两条路径都跑了):
· 旧库自愈:`本地库迁移:v5 → v6` → `v6 迁移完成:补上 person_roster.phones`
→ `[5] 本地库就绪,版本=6`;随后名册页**数据全出来了**
(标签云 全部/大学同学 55/同事 40/实验室 23/合作伙伴/爸爸/家人;
人员 爸爸/妈妈/岳父/岳母/杨永全 等),缺列报错 0 条。
· 全新安装(清数据重来):`version=0` → 首装建表 22 条 → 直接 v6,
迁移无事可做(正确:建表已含全部列)。
新增守卫(防这类"新装 vs 升级分叉"复发):
`_fb_guard_schema_columns.js`(11 条)静态解析 `FB_SCHEMA_SQL` 的建表列
与 `migrate()` 的全部 `ALTER ... ADD COLUMN`,断言**每个 ALTER 加过的列
都必须在建表语句里**;另钉住 v6 存在性探测、版本号、后台同步 try/catch。
`_fb_schema_falsify.py` 6 项注入 ⇒ 6/0(每项都成功打红对应断言)。
已挂进流水线(run_guarded_suite 全量 b59b)。
顺带修 `_fb_v57_falsify.py` 的一处**过时注入锚点**:它注入的是
`allowSkip: this.app.lockReason === ''`,而该参数已按用户要求整个删除
⇒ 改成反方向注入「把 onSkip 后门加回来必须被抓」(12/0 通过)。
验证:hvigor BUILD SUCCESSFUL;_fb_arkts_guard.js 328/0;b57 12/0;新守卫 11/0。
FamilyBook_harmonyos · 家书鸿蒙客户端
家书(FamilyBook)的 HarmonyOS 客户端。 服务端是那套「自托管的家庭生活系统」,这个仓库是它的手机 / 平板端。
把一个家的「人」「日子」「去过的地方、看过的电影」收进同一本书里。
当前状态
界面框架阶段(v0.1.0) —— 骨架与全部模块页面已就位,数据全部是演示数据。 服务端还没有客户端用的接口,所以这一轮只做「长什么样」,不做任何读写。
| 已完成 | 说明 |
|---|---|
| 工程骨架 | Stage 模型 + ArkTS / ArkUI,targetSdk 26.0.0 / compatibleSdk 6.1.1(24) |
| 沉浸式 | 照本机 SyncCalendar 的方案:系统栏全透明 + 根容器 expandSafeArea,通知栏与页面完全同色 |
| 左侧抽屉 | 宽屏常驻侧栏 / 窄屏滑出层,两套形态同一组件 |
| 12 个模块页面 | 首页、名册、观影、旅程、日程、资源、任务、纪念日、财务、读书、笔记(+ 家谱) |
| 附加页面 | 通知消息、个人设置 |
| 主题体系 | 宣纸米 / 砖红配色,深浅色两套资源,深浅自动跟随系统 |
| 模块主题色 | 与 Web 端 Module::PRESET_COLORS 同一套 12 色预设 |
| 编译验证 | hvigorw assembleHap 0 error / 0 warning |
| 真机验证 | 装机成功;15 个页面逐个点开、断言渲染内容,15/15 通过 |
| 待办(下一轮) | 说明 |
|---|---|
| 接口对接 | 服务端需要提供客户端用的 JSON 接口(登录、各模块列表与详情) |
| 登录态 | 会话持久化、令牌刷新、启动时的登录门禁 |
| 交互实现 | 新建 / 编辑 / 删除、搜索、筛选、拖拽排序 |
| 日程周/天视图 | 按半小时定位的时间轴 + 手势(本轮只做了月视图) |
| 附件能力 | 上传、图片/视频预览、裁剪 |
| 财务折线图 | 净资产与各账目的盘点变化曲线 |
与 Web 端的取舍
数据看 Web 端,排版按手机重做 —— 不照搬电脑端版面。
模块
不做「导航」模块(Web 端有)。用户原话:「导航是专门为电脑端开发的,都是网站,
主要用在浏览器的主页,所以不需要」。手机上每个网站都有 App,收藏夹没有使用场景。
⇒ 本工程的模块清单与 Web 端 Module::LIST 有意不等,别"顺手补回去"。
「家谱」不在抽屉里(与 Web 端一致):它默认不上导航条(用户说过 「不需要每天都查看家谱」),走「名册 → 家谱」的分段切换进入。
版面
| 模块 | Web 端 | 鸿蒙端 | 为什么 |
|---|---|---|---|
| 首页 | hero 招牌 + 信息面板 + 日程/任务并排 + 我的家人 + 未来七天 + 模块卡 | 去掉 hero;信息面板作无卡片的页面头部;其余保持顺序上下堆叠 | hero 只重复信息面板已有的信息(家庭名 × 问候),手机首屏高度宝贵 |
| 观影 | 瀑布流海报墙 | 两列定尺寸网格 | 瀑布流列宽随图高浮动,手机上很难扫 |
| 任务 | 多列看板(拖动改状态) | 按状态分组的三段列表 | 手机宽度放不下多列;用户关心的是"做到哪一步" |
| 笔记 | 定尺寸卡片网格 | 两列定高卡片网格 | 与 Web 端一致(用户要求过"块大小要确定") |
| 家谱 | HTML 折线树 | 「以我为中心的圈层」(直系 / 其他亲属) | 折线树在窄屏排不下 |
| 财务 | 概览 + 折线图 + 账目表 | 概览(图占位)+ 按类别分组的账目 | 折线图需要图表能力,留到第二轮 |
目录结构
entry/src/main/ets/
entryability/EntryAbility.ets 应用入口:主题跟随、系统栏配色
entrybackupability/ 备份扩展
common/
Theme.ets 设计令牌(颜色 / 间距 / 字号)+ 模块调色板
Store.ets 全局状态(V2:@ObservedV2 + @Trace)
model/
Modules.ets 模块注册中心(对应 Web 端 App\Module)
Types.ets 全部数据类型(对应各模板渲染的字段)
DemoData.ets 演示数据(接上接口后可整个删除)
components/
Widgets.ets 共享展示件(头像 / 标签 / 空态 / 圆点…)
Drawer.ets 左侧抽屉 + 骨架(并排 / 浮层两形态)
TopBar.ets 顶栏
pages/
Index.ets 主界面:模块分发
home/ movies/ trips/ calendar/ tasks/ people/
resources/ days/ ledger/ books/ misc/ settings/
设计说明
沉浸式(三件套,缺一不可)
参考本机另一个应用 SyncCalendar(用户指定)的做法:
- 系统栏涂成全透明 ——
statusBarColor: '#00000000'、navigationBarColor: '#00000000'; - 窗口底色 = 页面底色 ——
win.setWindowBackgroundColor(pageBg),供透明系统栏透出; - 紧邻系统栏的元素不设自己的背景色 —— 顶栏不能有
backgroundColor, 让它透出根容器底色;根容器再expandSafeArea([SYSTEM], [TOP, BOTTOM])把背景铺到状态栏区域。
原理:透明系统栏透出的是窗口底色,而顶栏也透出同一个底色 ⇒ 天然同色、 「通知栏与上方完全融为一体」。内容仍在安全区内,不需要手算状态栏高度。
⚠️ 常见的两个坑(都踩过):
- 调
setWindowLayoutFullScreen(true)后子组件会钻到状态栏底下,页面得自己让位, 极易算错(曾出现顶部重复避让 156px); - 给状态栏或顶栏写死颜色必然与相邻层割裂(曾出现「米色状态栏 + 白色顶栏」的拼接感)。
验证方式:逐行像素采样(_tooling/familybook_immersion_check.py)。
判据是「状态栏区颜色 == 顶栏区颜色」,用数字裁定而不是目测 ——
最终实测 y=0..271 全为 #F7F3EA(纸色),达标。
Web 端顶栏是一排横向模块入口,最多放 12 个模块 —— 手机宽度下必然溢出。 改成左侧抽屉后,竖向排列不受数量限制,还能顺带放下「模块说明 + 主题色」 这层信息,一眼看清每个模块是干什么的。
抽屉有两套形态,由窗口短边决定(≥ 600vp 为宽屏):
- 宽屏(平板 / 折叠屏展开 / 横屏手机):抽屉常驻,与内容并排;
- 窄屏:内容铺满,抽屉从左侧滑出,点遮罩或选中模块即收起。
判据用「短边」而不是「宽度」—— 短边在旋转时不变,所以比例接近 1:1 的设备 横竖屏布局保持一致。
为什么是抽屉
Web 端顶栏是一排横向模块入口,最多放 12 个模块 —— 手机宽度下必然溢出。 改成左侧抽屉后,竖向排列不受数量限制,还能顺带放下「模块说明 + 主题色」 这层信息,一眼看清每个模块是干什么的。
抽屉有两套形态,由窗口短边决定(≥ 600vp 为宽屏):
- 宽屏(平板 / 折叠屏展开 / 横屏手机):抽屉常驻,与内容并排;
- 窄屏:内容铺满,抽屉从左侧滑出,点遮罩或选中模块即收起。
判据用「短边」而不是「宽度」—— 短边在旋转时不变,所以比例接近 1:1 的设备 横竖屏布局保持一致。
模块注册中心
模块清单只有一个来源:model/Modules.ets 的 FB_MODULES,
与 Web 端 app/Module.php 的 Module::LIST 一一对应(key 必须等于路由名)。
加一个模块只改那一处 —— 抽屉、设置页的显隐开关、主题色选择全部自动出现。 这是 Web 端踩过的坑(漏改一处就「有页面但导航里找不到入口」),端上照搬这套结构。
主题色
每个模块一个主题色,三档(按钮底 / hover / 文字色)由主色按 HSL 压明度算出来,
保证三档永远同色系。算法与 Web 端 Module::cssVars() 共用同一套公式。
预设色板 FB_PRESET_COLORS 也与 Web 端 Module::PRESET_COLORS 逐值一致 ——
否则同一个人在手机和电脑上选出的「观影紫」会是两种紫。
编译期约束(踩过的坑)
| 坑 | 处理 |
|---|---|
Circle().fill() 是 API 26 才有的重载 |
compatibleSdk 是 24,改用「方块 + 圆角」画圆(components/Widgets.ets::FbDot),零版本风险 |
setWindowBackgroundColor 对 phone/tablet 不可用 |
去掉,页面自身已用同色铺满整屏 |
window.getLastWindow() 只有异步版 |
由 EntryAbility 用 getMainWindowSync() 取一次存进 AppStorage,页面侧同步读 |
跨文件顶层名冲突(arkts-no-decl-merging) |
所有导出名统一加 Fb 前缀 |
Button('label') { ... } 报 10905202 |
一律用 Button() { Row() { ... } } |
@Param 类型写成 string 导致传 Resource 报错 |
颜色类入参统一声明 ResourceColor |
| 嵌套目录下 import 相对路径层级 | 页面在 pages/<模块>/,公共件在 components/、model/,相对路径要多退一级 |
构建
需要 HarmonyOS SDK(DevEco Studio 自带)。本机开发时:
export NODE_HOME="<DevEco>/tools/node"
export DEVECO_SDK_HOME="<DevEco>/sdk"
<DevEco>/tools/ohpm/bin/ohpm install --all
<DevEco>/tools/hvigor/bin/hvigorw assembleHap --mode module -p product=default
产物在 entry/build/default/outputs/default/entry-default-unsigned.hap。
local.properties 里写本机 SDK 路径,不入库(见 .gitignore)。