系统概述
家谱管理系统是一款功能强大的家族成员管理工具,支持家族树可视化、成员信息编辑、分卷管理、主题切换等多种功能。
📊 家族树管理
可视化展示家族成员关系,支持拖拽调整、搜索定位和一键展开/收缩。
✏️ 成员编辑
详细的成员信息编辑界面,支持姓名、性别、世系、排行等信息的修改。
📋 分卷管理
灵活的分卷管理功能,支持按世系、支系等方式组织家谱内容。
🖨️ 导出打印
支持导出JSON、CSV格式数据,以及PDF打印预览功能。
🎨 主题切换
提供7种不同风格的主题,包括深色模式和玻璃拟态效果。
🔍 OCR识别
内置图片文字识别功能,支持从老照片中提取文字信息。
快速开始
1. 基本操作
- 添加成员:点击成员节点,在详情面板中点击”添加子女”按钮
- 编辑成员:点击成员节点,在详情面板中直接修改信息
- 删除成员:点击成员节点,在详情面板中点击”删除”按钮
- 搜索成员:使用顶部搜索框(Ctrl+F)快速定位成员
- 展开/收缩:点击节点前的+/-图标,或使用Alt++/Alt+-快捷键
2. 分卷管理
- 创建分卷:点击顶部”分卷”按钮,选择”新建分卷”
- 添加内容:在分卷管理器中点击”添加内容”,选择成员节点或富文本
- 调整顺序:拖动分卷内容项调整显示顺序
- 预览分卷:选择分卷后点击”预览”按钮查看效果
3. 导出与打印
- 导出数据:点击”导出”按钮,选择JSON或CSV格式
- 输出设置:点击”输出设置”调整字体、大小等参数
- 打印预览:点击”预览/打印”查看打印效果
- 批量输出:在输出设置中启用批量模式,提高处理效率
4. CSV数据导入
支持CSV格式批量导入成员数据,灵活处理各种数据格式。
字段说明
| 字段名 | 必填 | 说明 |
|---|---|---|
| 名字 | ✅ 是 | 成员姓名 |
| ID | 否 | 成员唯一标识,用于更新已有成员 |
| 世系 | 否 | 世代数(数字) |
| 性别 | 否 | 男/女/0/1/male/female(默认男) |
| 排行 | 否 | 数字或中文排行(长子、次子、三子等) |
| 配偶 | 否 | 配偶姓名 |
| 个人简介 | 否 | 个人简介内容 |
| 父亲ID | 否 | 父亲的成员ID |
| 父亲名字 | 否 | 父亲姓名(用于匹配父亲) |
导入规则
- 无成员ID时:自动创建新家谱,根据父子关系建立成员关系
- 有成员ID时:
- 已有ID的成员:更新覆盖信息
- 无ID的成员:新建并关联到已有ID成员的父亲
排行格式支持
- 数字格式:1, 2, 3, 4, 5…
- 中文数字:一, 二, 三, 四, 五…
- 带后缀排行:长子, 次子, 三子, 四子… 或 长女, 次女, 三女…
示例CSV格式
ID,世系,名字,性别,排行,配偶,个人简介,父亲ID,父亲名字
member_001,1,张三,男,长子,李氏,这是个人简介,,
member_002,2,张四,男,次子,王氏,这是个人简介,member_001,张三
member_003,2,张五,女,长女,,这是个人简介,member_001,张三
功能详解
家族成员树
家族成员树是系统的核心功能,以树形结构展示家族成员关系。
- 根节点:每个分卷可以设置多个根节点,通常是家族的始祖
- 世系显示:成员节点会显示世系信息,便于快速识别辈分
- 性别标识:不同性别的成员可能会有不同的显示样式
- 排序规则:兄弟姐妹按”男在前女在后,同性别按排行”排序
成员信息编辑
点击成员节点后,右侧会显示详细的成员信息编辑面板。
- 基本信息:姓名、性别、世系、排行、字号、谥号等
- 详细信息:生卒年、配偶、籍贯、职业、学历等
- 照片管理:上传、预览、删除成员照片
- 子女管理:添加、编辑、删除子女信息
分卷内容管理
分卷是组织家谱内容的重要方式,支持多种类型的内容。
- 节点内容:选择家族成员节点作为分卷内容
- 富文本内容:添加自定义的文字、图片等内容
- 内容排序:通过拖拽调整分卷内容的显示顺序
- 分卷预览:实时查看分卷的排版效果
输出功能
系统提供两种输出模式,满足不同的展示需求。
世系图输出
传统的家谱输出方式,以分卷为单位组织内容,支持详细的成员信息展示。
- 分卷绑定:先创建分卷并绑定成员节点或富文本内容
- 输出设置:可设置字体、字号、线条颜色等参数
- 预览打印:点击”世系图”按钮预览并打印输出
世系长卷输出
横向展开的世系图,适合展示大型家族的完整世系关系。
- 选择起始节点:在家族树中选择一个成员作为起始点
- 选择排列方向:可选择从左到右或从右到左排列
- 自动布局:父亲位于所有子女的中心位置
- 分页输出:当成员过多时自动分页,支持拼接使用
- 页面尺寸:每页高度1米,宽度3米
- 字体设置:使用输出设置中的名字字体、字号、加粗等参数
- 线条颜色:使用输出设置中的线条颜色
使用方法:
- 在家族树中选择一个成员节点作为起始点
- 点击顶部”输出”按钮,选择”世系长卷”
- 在弹出的对话框中选择排列方向(确定=从左到右,取消=从右到左)
- 等待渲染完成,系统会自动用浏览器打开生成的HTML文件
OCR图片识别
使用OCR功能可以从老照片或文档中提取文字信息。
- 上传图片:点击”OCR 识别”按钮,上传包含文字的图片
- 设置参数:选择文字方向(横向/竖向)和识别语言
- 开始识别:点击”开始识别”按钮,系统会自动提取文字
- 复制结果:选择识别结果,点击”复制选中文字”按钮
节点转移功能
节点转移功能允许您将家族成员从一个位置移动到另一个位置,调整家族树的结构。
- 选择目标成员:在家族树中选择要移动的成员节点
- 打开转移面板:在成员详情面板中点击”转移节点”按钮
- 选择新位置:在转移面板中选择新的父节点或根位置
- 确认转移:点击”确认转移”按钮完成操作
- 调整排序:转移后可根据需要调整新位置的兄弟姐妹排序
注意事项:节点转移会影响世系计算和家族树结构,请谨慎操作。转移前建议先备份数据。
主题系统
系统提供7种不同风格的主题,满足不同用户的审美需求。
经典风格
温暖的棕色系,传统典雅
素雅复刻风
复古米色系,怀旧质感
新国风简约风
水墨淡雅,简洁大方
新国风雅致风
中国红+金色,喜庆庄重
极简轻白风
纯白简洁,现代极简
深色护眼模式
深蓝背景,护眼舒适
玻璃拟态
半透明效果,现代感强
切换方法:点击顶部”风格”按钮(Alt+T),选择喜欢的主题。
快捷键指南
常用快捷键
| 快捷键 | 功能 | 说明 |
|---|---|---|
| Ctrl+F | 搜索成员 | 打开搜索框 |
| Alt++ | 一键展开 | 展开所有节点 |
| Alt+- | 一键收缩 | 收缩所有节点 |
| Alt+E | 导出菜单 | 打开导出下拉菜单 |
| Alt+T | 主题设置 | 打开主题选择菜单 |
| Alt+O | OCR识别 | 打开图片识别模态框 |
| Ctrl+Z | 撤销 | 撤销上一步操作 |
| Ctrl+Y | 重做 | 重做已撤销的操作 |
| Esc | 关闭模态框 | 关闭当前打开的模态框 |
常见问题
1. 成员排序问题
问题:兄弟姐妹的排序不正确
解决:系统按”男在前女在后,同性别按排行”的规则排序。确保每个成员都设置了正确的性别和排行。
2. 世系计算问题
问题:成员的世系显示错误
解决:世系是相对根节点计算的。如果根节点的起始世系不是1,请在分卷设置中调整。
3. 导出失败问题
问题:导出JSON或CSV时失败
解决:检查成员数据是否完整,特别是必填字段。如果数据量较大,可能需要分批导出。
4. OCR识别不准确
问题:从图片中提取的文字不正确
解决:确保图片清晰,文字方向设置正确。对于竖排文字,选择”竖向文字”选项。
5. 主题切换无效果
问题:切换主题后界面没有变化
解决:尝试刷新页面(F5)。如果问题持续,检查浏览器控制台是否有错误信息。
系统要求
1. 浏览器要求
- Google Chrome 90+
- Mozilla Firefox 88+
- Microsoft Edge 90+
- Apple Safari 14+
2. 硬件要求
- CPU:Intel Core i3 或同等性能处理器
- 内存:4GB 以上
- 存储:至少 100MB 可用空间
- 分辨率:1024×768 以上
3. 网络要求
- 本地运行无需网络连接
- OCR功能需要本地Tesseract.js支持
- 主题切换和部分功能需要现代浏览器支持
更新日志
版本 1.2(2026-02-26)
- ✅ 更新导入规则
- ✅ 优化内存管理
版本 1.1(2026-02-25)
- ✅ 新增配偶字段功能
- ✅ 改进CSV导入功能:
- 支持无成员ID时自动创建新家谱
- 支持有成员ID时更新覆盖或新建成员
- 支持中文排行自动转换(长子、次子等)
- 支持性别格式转换(0/1/male/female等)
- 改进CSV解析,添加详细错误提示
- ✅ 优化输出渲染性能
- ✅ 修复横线穿过中间区域问题
- ✅ 修复日志窗口自动关闭问题
- ✅ 更新操作手册
版本 1.0(2026-02-23)
- ✅ 新增操作手册页面
- ✅ 优化主题切换功能
- ✅ 修复OCR模态框样式问题
- ✅ 修复输出设置模态框显示问题
- ✅ 添加7种主题样式
- ✅ 优化成员排序逻辑
- ✅ 改进世系计算算法
- ✅ 增强分卷管理功能
点击进入下载页面
本站所有资源,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、印刷、采集、发布本站资源到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。原文链接:https://xianzhuangshu.cn/blog/pgyjpglxtbb,转载请注明出处。




评论0