11c13a4e9d908fa82e5060182bd1504e235f175e
用户反馈(原话):「不行,非常乱。我给你个链接 https://gitee.com/coku2333/FamilyTreeView 你去读这个代码,尤其是它那个仿亲友+app 的效果,就是我想要的,按照这个做。」 参考实现是 Android 的 NewFamilyTreeView(ViewGroup + onDraw 画线)。我读了它的 README 与源码,把它的**布局规则**逐条搬过来(不是搬代码,是搬算法): ① **从下往上定位**:先孙辈(+2)→ 子女(+1)→ 我(0)→ 父母(-1)→ 祖辈(-2)。 因为"子层位置定了,父层就定了" —— 父居中于子之上。 ② 每一代维护 **genLeft / genRight 两个游标**(该代已用到的左右边界); 往右铺从 genRight 起、往左铺从 genLeft 起(对应它的 setPart)。 ③ **配偶并排在主位右侧**(一对夫妻 = 相邻两张卡)。 ④ 兄姐往左、弟妹往右;舅姨(母系)往右、叔伯姑(父系)往左 —— 都是"以我/父母为中心"向两侧展开,而不是按格子平铺。 ⑤ 我居中于我的子女之上;父母居中于我之上;祖辈居中于父母之上。 ⑥ **连线画在卡片背后**(参考是 ViewGroup.onDraw 先画线再绘子 View)—— 所以线可以从卡中心连到卡中心,被卡面挡住即可,不用绕路。 ⑦ 卡片改成参考的窄长比例(它 50×80,我们 88×106):头像占上半、姓名与称呼在下。 画线(沿用参考的三段式,子女一律从夫妻横线中点出): 夫妻横线(两卡中心之间)→ 从**横线中点**往下垂到横梁 → 横梁分到每个孩子。 上一版(v17「整齐树」)的问题:线虽然不穿卡了,但整张图看着像表格 —— 每一代从左到右平铺、兄弟姐被推到最外侧、伯父排在爸爸右边。这一版才对上参考的观感。 验证(按用户要求只做简单测试): · `_fb_kin_v18.py`(新)—— 20 人夹具渲染:**0 重叠**、20 张卡、28 段连线、无 JS 报错; 各行分布确认:祖辈居中于父母之上(575/653)、伯父在爸爸左边(403 < 575)、 兄姐在我左(442/519)、弟妹在我右、堂兄紧贴伯父下方。 · e2e 553 条全过(家谱段断言随 v18 更新为 takeSlot/placePart/putCentered/midX) · 修掉的既有 bug:`parentsOf` 的键是**户索引**,而多处按**人 id** 去查父母 —— 混用会永远查不到,导致"户的主位永远取第一张卡"(伯父那户取成伯母)、 父系/母系判定全错、叔伯姑全跑到右边。新增 personParents 映射统一。 · 修掉的布局 bug:兄姐/弟妹原本从"整代游标末尾"起 → 被推到同代最外侧; 堂表亲调 placePart 会与我的兄姐重叠(实测抓到 1 处)→ 改成紧贴其父母下方。 另:其他功能一行未动(用户明确要求)。
FamilyBook
家书,记录家庭的全部生活,一本用岁月写成的家谱。
把一个家的「人」「日子」「去过的地方、看过的电影」收进同一本书里。
它是什么
一个自托管的家庭生活系统。它不是又一个待办清单,而是这个家的长期档案 —— 十年之后还能翻出孩子第一次观影的票根、那年暑假走过的路线。
围绕三个圈展开:
- 人:家庭成员、亲友通讯录,以及他们之间的共享关系
- 时间:日历、日程、提醒,以及任务的期限
- 事件:观影、旅行、其他活动 —— 一切都落在同一条时间轴上
它在做什么
| 阶段 | 主题 | 内容 |
|---|---|---|
| 0 | 地基 | 名册、账号、登录、权限模型、安装向导 |
| 1 | 通信 | 通讯录、共享给某个成员、CardDAV 服务端 |
| 2 | 时间 | 日历本、重复日程、提醒、CalDAV 服务端 |
| 3 | 归一 | 观影与旅行迁入统一事件模型 |
| 4 | 任务 | 任务管理,期限自动映射成日历事件 |
| 5 | 回看 | 统计、年度家书、时间轴 |
当前进度:阶段 0 起步,仓库里只有图标与脚手架。
技术选型
- PHP 7.4+(无框架、无 Composer,上传到站点目录即可运行)
- MySQL 5.7+ / 8.0(
utf8mb4) - 前端为原生 HTML / CSS / JavaScript,无构建步骤
⚠️ 注意 CalDAV / CardDAV 是双向协议,和单纯的 .ics 文件导出不是一个量级的东西。
部署
- 把代码放到站点根目录;
- 复制
config.example.php为config.php,填写数据库与app_key; - 访问站点根,按引导页确认 PHP 版本、扩展、配置、数据库连接四项都通过。
config.php 不入库(已在 .gitignore 中忽略),其中包含数据库口令与加密密钥。
⚠️ app_key 一旦开始记录数据就不能再改(换掉即解不开已有数据),
并且它必须单独备份 —— 密钥丢失等同于数据永久丢失。
隐私
身份证号、手机号属于敏感个人信息,一律加密存储。 (就家庭自用而言,身份证号其实没有多少必须存的场景,启用前请三思。)
图标
见 assets/icons/。概念是「这本书就是家」:屋顶即一本摊开的书,
屋顶下纸做的墙上,三行横线是这个家写下的日子。
开源协议
Languages
PHP
81.6%
JavaScript
9.3%
CSS
9.1%