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

[spykids]

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

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

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

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

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

在这先感谢各位大佬。

[testonly]

没那么复杂，
看视频学下虚拟主机管理，再学下 WORDPRESS 安装使用，然后买个虚拟主机就解决了。
不过仅限于以图片方式或嵌入个视频展示，如果你要数据库读族谱那要改数据库对新手来说太复杂。

说句题外的，我对族谱这玩意不感冒，以村为单位的，被踢出村的那些人，其实就已经跟那族恩断义绝了，除非是给机会回去还不回。不然想建祠堂等要捐钱什么的，你升官发财的，就记住是自己族的孝子贤孙，分红的时候你就是 NOBODY ，你家祖传老房子倒了你的同宗乡亲马上赶来将你的房地没收，这样的宗族要不要也罢。
真当自己族的，不要说古代，就算几十年前，就算你去南洋卖猪仔回国，村里的大门都会永远为你打开。

[google2020]

网页短平快就选 PHP ，学 PHP 基础语法，然后学 WordPress 就可以。

[qiuyufeng]

不知道有没现成的项目可以直接部署使用，我过年那会也上网搜索了好一会没找到

[chutsetien]

国外有 MyHeritage 可以看看有没有什么可以借鉴的。

[ferock]

cms 就行了

[BadFox]

不要从零开始学代码，代码是工具而已，用 wordpress 找现成的，找展示类的现成模板，然后看看有没有插件可以生成世系图。

[spykids]

@testonly wordpress 我也看了下，尝试过修改使用但失败，不知道是不是我用的方法不对。而且感觉 wordpress 类似 blog 形式，跟我想象的不太一样。

关于族谱，这是我爸前几年疫情时突然想做的东西，就到处联系乡亲、查族谱，最终也查到自己开基祖来自哪里，属于哪族人的后代，而我这一家也是你所说所谓“被踢出村的那些人”“分红的时候就是 NOBODY”。所谓的村里兄弟关系在利益面前一文不值，当我爸这代人都走了，我基本成了外乡人。

但寻根问祖，也算了了我和我爸的一件心事吧。

[spykids]

@BadFox wordpress 我也尝试过，感觉跟我想做的网站出入挺大的，但我看各位大佬都推荐它，我去看看教程怎么样吧。

[spykids]

@google2020 OK ，感谢大佬指点

[spykids]

@qiuyufeng 我也去找了 GitHub ，也没发现能实现基本功能的。

[spykids]

@chutsetien 好的，感谢大佬指点

[spykids]

@ferock 我看宝塔面板里有几种 cms 的东西，但描述都是写什么商城销售之类的，不知道合不合适。

[testonly]

@spykids wordpress 改成卖东西的商店都可以，你学会安装后再找找模板，样子差不多就好，你可以网上找下 WORDPRESS 的免费模板看有没合你心意的。
你发几个 BLOG 文，然后将主要的图片放出来到首页去就完成了。
当然你不用 WORDPRES 也行，学点最基础的 PHP ，数据库也不要弄，你有那心机可以以后再升级，就学点最基础的 PHP+简单美工，然后套几个族谱图片上去就搞定了。
你就买个最便宜的虚拟主机就行，不要玩 VPS ，没必要。

[testonly]

https://wordpress.com/themes/free 你看有没有适合你的吧。

[BadFox]

@spykids wordpress 有非常非常多的模板和插件，你可以自由组合，自己学你要付出的时间成本太高了，非常不推荐。

[rossroma]

https://jiapu.rossroma.com
给你看下我做的族谱站点，前端用的 vue ，后端是 nodejs ，数据库是 mysql

[HUAXIA]

@rossroma 有点厉害

[Light3]

如果只做这点东西的话..
php+html+mysql 就够了
也不用框架

关键词就叫 无限分类
原理为每个人对应一个父 id
这样就可以无限分类 并且归类 然后你再加一个 辈分数 好做平级
就基本完成这个东西了

后台管理的话 只要把父 id(父名称) 辈分数 人名 填进去 保存 即可..

php+mysql 完成这个大概 1-2 天
html 做成啥样 就靠你自己了..

[blackcellcode]

@Light3 为啥推 php 啊，入门很快吗

[kimpengjiang]

@rossroma 很不错哎

[qiuyufeng]

@rossroma 做得挺好

[shurimasoul]

@rossroma 非常不错啊

[sigroma]

https://stackoverflow.com/questions/6163683/cycles-in-family-tree-software
咱中国虽然不会有，不过可以考虑下这个问题

[shurimasoul]

@rossroma 大佬可以分享一下吗

[duzhuo]

@sigroma 伦理问题真是离谱

[vcbal]

你把问题简单化就行，只要把数据存起来，之后怎么渲染就用现成的插件（搜组织关系图）
数据怎么存，就是按照上下级分类这样存，就是所说的无限极分类
这样不就问题就解决了，mvp 模型也有了，之后优化就是下一步了

[shaojz2005]

wordpress 只是一个 cms 系统，它官方示范的模板都是博客，无法拿来即用，必须熟悉它的代码结构，然后去二次开发，主要是各种增删查改。不过如果你不怎么懂代码，要改成你想要的功能和样子是挺难的。

[cctv180]

这东西得要钱,要公网墙裂推荐 白嫖：免费利用 Hexo 和 GitHub 打造个人博客 (我收藏了但没玩过)

[vivisidea]

基于族谱是一个网络结构，我感觉是直接搞个类似 neo4j 数据可视化 https://neo4j.com/
，基于数据库提供各种有趣的查询功能，比如


”xx 和 yy 可以结婚吗？” 查询亲戚关系是否 3 代以内
"xx 应该怎么称呼 yy ？” 亲戚计算器
“xx 和 yy 是什么关系?" 远房亲戚
……

[610915518]

@rossroma 做的十分好啊，清晰明了

[kulous]

貌似静态就够了！用 ai 做一个

[rossroma]

@shurimasoul 目前只上传了前端部分到 github ，https://github.com/rossroma/family-tree-front 。后端代码有些敏感信息还没处理，等有空了再把后端放上去。

[zhoujx]

直接静态页面，托管到 github ，要改了直接改代码

[Hieast]

直接静态页面，托管到 github ，要改了直接改代码 + 1

[spykids]

小弟就不一一回复各位大佬，感谢大家

[spykids]

@rossroma 大佬！你这个太合适啦！

[jiujiutang]

@rossroma #16 #16 牛，但是 iPhone 打开似乎有问题，页面一直闪烁。复制到浏览器打开也不行。

[knightgao2]

让 GPT 直接写就行

[A3m0n]

其实有现成的： https://github.com/gramps-project/gramps-web

[xiebinbin666]

图数据库

[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 也行了