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

2024-02-29 10:59:55 +08:00
 spykids
一直在用一位大佬的记录工具,大佬这个族谱工具基于 Microsoft Office 开发,使用需安装 ACCESS 和 Excel 这两个套件,录入信息使用 access ,数据文件是 mde ,生成世系图需要调用 Microsoft EXCEL 。

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

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

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

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

在这先感谢各位大佬。
10865 次点击
所在节点    程序员
59 条回复
stardustree
2024-02-29 17:43:36 +08:00
哪有那么复杂,还搞数据库、服务器啥的,太费劲。家谱里增删改都是低频操作,数据直接写死在 html 页面里就好了。不要搞图片,只用 CSS 和 JS ,也直接写在 html 文件里
stardustree
2024-02-29 17:44:12 +08:00
然后搞个对象存储,放上这个 html 文件,直接访问就成了。
zjyl1994
2024-02-29 18:02:41 +08:00
把你那个软件产生的图导成 jpg ,然后 wordpress 开个博客挂起来也行吧。(认真思考)你自己定制系统人力成本太高了
shurimasoul
2024-02-29 18:35:59 +08:00
@rossroma 好的,感谢
importmeta
2024-02-29 18:52:39 +08:00
https://reactflow.dev/ 看看这个组件满足不满足。
zyxbcde
2024-02-29 19:21:10 +08:00
你这一次性需求去学前后端何必呢,包给大学生做呗
tfull
2024-02-29 19:26:25 +08:00
@rossroma 这个日落图和树状图真不错,有用到那个库吗? mermaid 之类的都达不到这个效果
54xavier
2024-02-29 19:29:17 +08:00
@rossroma #16 挺不错的,我家祖上搬迁过,族谱丢了
cheung
2024-02-29 19:43:50 +08:00
mark 一下,以后说不定能用上
rossroma
2024-02-29 19:44:41 +08:00
fitmewell
2024-02-29 20:04:21 +08:00
纯前端就行了吧,后台维护甚至可以直接维护一个 json
sleepm
2024-02-29 20:50:20 +08:00
https://github.com/topics/genealogy
自己写也可以
确定数据长啥样,数据结构,表结构
可以边写边改
然后 crud 页面
再就是展示,更复杂的 crud
stillyu
2024-02-29 21:19:17 +08:00
首先理解一下数据库的概念,数据库就是 Excel ,每一行存一条数据,每一条数据有一个 ID ,类似每个人有个身份证号。每一列是这条数据的不同属性,类似每个人的身高体重信息。
数据之间的联系用 ID 关联起来,类似张三的父亲是张二,张三的父亲这一列,填的就是张二的 ID

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

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

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

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

零基础的话,每天 2 小时,应该一个月左右能完成
coolmenu
2024-03-01 08:15:10 +08:00
说句题外话,族谱放到区块链里咋样,比铭文有意义点吧:)
GordenMo
2024-03-01 09:22:45 +08:00
@rossroma #16 大佬安卓端访问也是一直闪烁,本来想看看移动端的效果哈哈哈
GloryJie
2024-03-01 09:52:47 +08:00
mac 上有个软件 MacFamilyTree 听炫酷的,可以参考下
Light3
2024-03-01 11:22:29 +08:00
@blackcellcode 很快..
ChoateYao
2024-03-01 17:40:23 +08:00
https://github.com/sangtian152/zm-tree-org?tab=readme-ov-file

Nginx + HTML

数据写在页面里面就行了,按年更改的数据,没必要搞那么复杂
zehuicn
2024-03-01 18:04:39 +08:00
看了上面大佬的,我觉得 XMind 也行了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://yangjunhui.monster/t/1019388

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX