请教各位大佬， 0 基础小白的我想做一个族谱网站供个人使用，该从哪里学起？

[spykids]

一直在用一位大佬的记录工具，大佬这个族谱工具基于 Microsoft Office 开发，使用需安装 ACCESS 和 Excel 这两个套件，录入信息使用 access ，数据文件是 mde ，生成世系图需要调用 Microsoft EXCEL 。

族谱的演示视频：
https://www.bilibili.com/video/BV1dr4y1M7VD/

从以前开始就想做个网站，除了方便自己记录信息，还能供族人上去看，访问量肯定不高，数据也不多，到现在为止也就记录不到 1000 人。而自己有台 NAS 安装了 PVE 和黑裙，黑裙里有 docker 也安装了宝塔面板管理自己一个导航网页（静态网页，拿模板自己稍微修改下）。所以网站就放在自己 NAS 里，不需要去买服务器。

大佬们能否给小弟提供一个学习的思路，先学什么再学什么，最后学什么把这些串联起来。

现在自己已经开始从 html5 开始学，数据库想使用 mysql(或者大佬们有好用轻量化的可以推荐下)。

在这先感谢各位大佬。

[stardustree]

哪有那么复杂，还搞数据库、服务器啥的，太费劲。家谱里增删改都是低频操作，数据直接写死在 html 页面里就好了。不要搞图片，只用 CSS 和 JS ，也直接写在 html 文件里

[stardustree]

然后搞个对象存储，放上这个 html 文件，直接访问就成了。

[zjyl1994]

把你那个软件产生的图导成 jpg ，然后 wordpress 开个博客挂起来也行吧。（认真思考）你自己定制系统人力成本太高了

[shurimasoul]

@rossroma 好的，感谢

[importmeta]

https://reactflow.dev/ 看看这个组件满足不满足。

[zyxbcde]

你这一次性需求去学前后端何必呢，包给大学生做呗

[tfull]

@rossroma 这个日落图和树状图真不错，有用到那个库吗？ mermaid 之类的都达不到这个效果

[54xavier]

@rossroma #16 挺不错的，我家祖上搬迁过，族谱丢了

[cheung]

mark 一下，以后说不定能用上

[rossroma]

@rossroma 后端代码已共享： https://github.com/rossroma/family-tree-server

[fitmewell]

纯前端就行了吧，后台维护甚至可以直接维护一个 json

[sleepm]

https://github.com/topics/genealogy
自己写也可以
确定数据长啥样，数据结构，表结构
可以边写边改
然后 crud 页面
再就是展示，更复杂的 crud

[stillyu]

首先理解一下数据库的概念，数据库就是 Excel ，每一行存一条数据，每一条数据有一个 ID ，类似每个人有个身份证号。每一列是这条数据的不同属性，类似每个人的身高体重信息。
数据之间的联系用 ID 关联起来，类似张三的父亲是张二，张三的父亲这一列，填的就是张二的 ID

然后安装个 mysql ，用 chat2db 连接上，在里面创建好数据库，填充一些基础的族谱信息。chat2db 可以从自然语言生成 sql 。尝试用 chat2db 增、删、改、查一些信息。比如：查询张三的所有后代

再学一下 php 怎么连接数据库，怎么拼接字符串，用 chat2db 生成的 sql 语句，在 php 中实现增删改查。在这个过程中还要学习一下简单的 if for 语法，建议先去看一些入门的视频。

最后再学习一下 html 中的 form 表单，怎么提交数据，php 怎么接收数据，接收后再展示出来。

这样就完成了一个可以通过网页实现增删改查的族谱网站。

零基础的话，每天 2 小时，应该一个月左右能完成

[coolmenu]

说句题外话，族谱放到区块链里咋样，比铭文有意义点吧:)

[GordenMo]

@rossroma #16 大佬安卓端访问也是一直闪烁，本来想看看移动端的效果哈哈哈

[GloryJie]

mac 上有个软件 MacFamilyTree 听炫酷的，可以参考下

[Light3]

@blackcellcode 很快..

[ChoateYao]

https://github.com/sangtian152/zm-tree-org?tab=readme-ov-file

Nginx + HTML

数据写在页面里面就行了，按年更改的数据，没必要搞那么复杂

[zehuicn]

看了上面大佬的，我觉得 XMind 也行了