1. 功能模块及使用者功能
核心功能模块:族谱树形可视化、家族成员增删改查与配偶关系管理、数据导入导出(JSON/CSV/ 图片)、AI 智能查找(自然语言查询 / 关系推理)、私有知识库(文本 / 媒体管理 / 成员关联 / 权限控制)。对使用者而言,可实现:可视化查看维护家族关系图谱,备份分享族谱数据;通过口语化输入快速查询亲属,支持模糊匹配;存储家族故事、老照片等资料,按标签筛选,实现家族文化数字化传承。
2. 主要功能路径
基础族谱管理:加载数据→查看树形图谱→增删改查成员→导出数据 / 图片备份;
AI 智能查找:搜索框切换 AI 模式→输入自然语言查询→系统解析推理→展示结果并定位高亮节点;
私有知识库:进入管理面板新增条目→填写内容 / 上传媒体 / 关联成员→系统存储;查看时筛选定位→预览内容,支持修改删除。
1. 项目角色、开发周期及 “我” 的具体任务
文档未明确提及项目角色参与人数及开发周期。“我” 作为核心前端,核心任务包括:负责核心树形图组件(TreeChart.vue)开发与迭代,集成 AI 查找与知识库相关交互逻辑;开发 AI 查找组件(AiSearch.vue),实现自然语言查询解析、关系推理等功能;开发知识库组件(KnowledgePanel.vue),支持条目增删改查、媒体上传与权限控制;优化多端适配效果,保障主题风格统一。
2. 技术栈、架构、亮点及难点
技术栈:核心为 Vue 3 + JavaScript,生产依赖含 vue、html2canvas(图片导出)、@xenova/transformers(NLP 解析)、idb(知识库存储)、jszip(打包导出),开发依赖 @vue/cli-service。
架构:为 Vue 3 组件库,采用单页应用架构;页面层按功能拆页,经 pages.json 配置路由;公共层含全局样式、应用配置及静态资源;交互层依托 TabBar 关联核心入口;服务层依赖后端 API 与独立服务。
亮点:AI 查找支持自然语言理解、亲属关系推理等智能能力;私有知识库兼容多类型内容,支持权限控制与多维度筛选;通过 SCSS 变量实现主题风格统一,核心功能独立成页且切换便捷。
难点:地图服务配置复杂,存在跨域与真机调试问题;多端组件渲染差异需针对性兼容;数据接口适配需处理格式问题;AI 助手需解决上下文处理及语音输入集成难题。