一个基于Web的家族谱系管理系统，用于记录和管理家族成员信息及其关系。
-
家族管理
- 创建新的家族
- 编辑家族基本信息
- 删除家族记录
-
成员管理
- 添加家族成员
- 编辑成员信息（姓名、出生日期、描述等）
- 设置成员关系（父子关系、配偶关系）
- 删除成员记录
-
家族关系图
- 可视化展示家族成员关系
- 支持缩放和拖拽
- 点击查看成员详细信息
- 展示配偶信息
- 支持横向/纵向布局切换
- 自动调整布局和节点位置
- 后端：Java + Spark 框架
- 前端：HTML, CSS, JavaScript
- 数据存储：文件系统（txt文件）
- 图形化：D3.js
- 访问系统首页 http://localhost:8080
- 创建或选择家族
- 添加家族成员信息
- 设置成员之间的关系
- 查看家族关系图
-
模型层（Model）
- FamilyTree：家谱模型，包含家谱基本信息
- Family：家族模型，隶属于家谱
- Person：人员模型，包含个人信息和关系
- Spouse：配偶模型，记录配偶信息
-
数据访问层（DAO）
- FamilyTreeDao：家谱数据访问
- FamilyDao：家族数据访问
- PersonDao：人员数据访问
- SpouseDao：配偶数据访问
-
服务层（Service）
- FamilyTreeService：家谱业务逻辑
- FamilyService：家族业务逻辑
- PersonService：人员业务逻辑
- SpouseService：配偶业务逻辑
-
控制器层（Controller）
- FamilyTreeController：处理家谱相关请求
- FamilyController：处理家族相关请求
- PersonController：处理人员相关请求
- UserController：处理用户相关请求
-
页面组件
- 登录/注册页面
- 家谱管理页面
- 家族管理页面
- 成员管理页面
- 家族关系图展示页面（支持布局切换）
-
JavaScript功能模块
- 用户认证模块（auth.js）
- 家谱/家族数据管理模块（tree.js）
- 成员数据管理模块（person.js）
- 关系图渲染模块（treeView.js）
- UI交互模块（ui.js）
-
关系图渲染功能
- 支持横向（LR）和纵向（TB）两种布局方式
- 自动计算节点位置和层级关系
- 支持图形缩放和拖拽
- 节点信息弹窗展示
- 配偶信息关联显示
系统采用文本文件存储数据：
- family_trees.txt：存储家谱信息
- families.txt：存储家族信息
- persons.txt：存储人员信息
- spouses.txt：存储配偶信息
- POST /api/trees：创建家谱
- GET /api/trees：获取所有家谱
- GET /api/users/:userId/trees：获取用户创建的家谱
- GET /api/trees/:treeId：获取家谱详情
- PUT /api/trees/:treeId：更新家谱
- DELETE /api/trees/:treeId：删除家谱
- POST /api/families：创建家族
- GET /api/families：获取所有家族
- GET /api/trees/:treeId/families：获取指定家谱下的家族
- GET /api/users/:userId/families：获取用户创建的家族
- GET /api/families/:familyId：获取家族详情
- PUT /api/families/:familyId：更新家族
- DELETE /api/families/:familyId：删除家族
- POST /api/persons：添加人员
- GET /api/persons：获取所有人员
- GET /api/families/:familyId/persons：获取指定家族的人员
- GET /api/trees/:treeId/persons：获取指定家谱的人员
- GET /api/persons/:personId：获取人员详情
- PUT /api/persons/:personId：更新人员信息
- DELETE /api/persons/:personId：删除人员
v1.1.0 布局优化更新
- 添加家族关系图横向/纵向布局切换功能
- 优化节点布局和间距
- 改进图形缩放和定位逻辑
- 优化配偶信息显示
v1.0.0 基础功能实现
- 用户登录注册
- 家谱/家族/成员的增删改查
- 家族关系图的可视化展示