V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
spykids
V2EX  ›  程序员

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

  •  
  •   spykids · 87 天前 · 7936 次点击
    这是一个创建于 87 天前的主题,其中的信息可能已经有所发展或是发生改变。
    一直在用一位大佬的记录工具,大佬这个族谱工具基于 Microsoft Office 开发,使用需安装 ACCESS 和 Excel 这两个套件,录入信息使用 access ,数据文件是 mde ,生成世系图需要调用 Microsoft EXCEL 。

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

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

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

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

    在这先感谢各位大佬。
    59 条回复    2024-03-01 18:04:39 +08:00
    testonly
        1
    testonly  
       87 天前   ❤️ 2
    没那么复杂,
    看视频学下虚拟主机管理,再学下 WORDPRESS 安装使用,然后买个虚拟主机就解决了。
    不过仅限于以图片方式或嵌入个视频展示,如果你要数据库读族谱那要改数据库对新手来说太复杂。

    说句题外的,我对族谱这玩意不感冒,以村为单位的,被踢出村的那些人,其实就已经跟那族恩断义绝了,除非是给机会回去还不回。不然想建祠堂等要捐钱什么的,你升官发财的,就记住是自己族的孝子贤孙,分红的时候你就是 NOBODY ,你家祖传老房子倒了你的同宗乡亲马上赶来将你的房地没收,这样的宗族要不要也罢。
    真当自己族的,不要说古代,就算几十年前,就算你去南洋卖猪仔回国,村里的大门都会永远为你打开。
    google2020
        2
    google2020  
       87 天前
    网页短平快就选 PHP ,学 PHP 基础语法,然后学 WordPress 就可以。
    qiuyufeng
        3
    qiuyufeng  
       87 天前
    不知道有没现成的项目可以直接部署使用,我过年那会也上网搜索了好一会没找到
    chutsetien
        4
    chutsetien  
       87 天前
    国外有 MyHeritage 可以看看有没有什么可以借鉴的。
    ferock
        5
    ferock  
       87 天前 via iPhone
    cms 就行了
    BadFox
        6
    BadFox  
       87 天前
    不要从零开始学代码,代码是工具而已,用 wordpress 找现成的,找展示类的现成模板,然后看看有没有插件可以生成世系图。
    spykids
        7
    spykids  
    OP
       87 天前
    @testonly wordpress 我也看了下,尝试过修改使用但失败,不知道是不是我用的方法不对。而且感觉 wordpress 类似 blog 形式,跟我想象的不太一样。

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

    但寻根问祖,也算了了我和我爸的一件心事吧。
    spykids
        8
    spykids  
    OP
       87 天前
    @BadFox wordpress 我也尝试过,感觉跟我想做的网站出入挺大的,但我看各位大佬都推荐它,我去看看教程怎么样吧。
    spykids
        9
    spykids  
    OP
       87 天前
    @google2020 OK ,感谢大佬指点
    spykids
        10
    spykids  
    OP
       87 天前
    @qiuyufeng 我也去找了 GitHub ,也没发现能实现基本功能的。
    spykids
        11
    spykids  
    OP
       87 天前
    @chutsetien 好的,感谢大佬指点
    spykids
        12
    spykids  
    OP
       87 天前
    @ferock 我看宝塔面板里有几种 cms 的东西,但描述都是写什么商城销售之类的,不知道合不合适。
    testonly
        13
    testonly  
       87 天前
    @spykids wordpress 改成卖东西的商店都可以,你学会安装后再找找模板,样子差不多就好,你可以网上找下 WORDPRESS 的免费模板看有没合你心意的。
    你发几个 BLOG 文,然后将主要的图片放出来到首页去就完成了。
    当然你不用 WORDPRES 也行,学点最基础的 PHP ,数据库也不要弄,你有那心机可以以后再升级,就学点最基础的 PHP+简单美工,然后套几个族谱图片上去就搞定了。
    你就买个最便宜的虚拟主机就行,不要玩 VPS ,没必要。
    testonly
        14
    testonly  
       87 天前
    https://wordpress.com/themes/free 你看有没有适合你的吧。
    BadFox
        15
    BadFox  
       87 天前
    @spykids wordpress 有非常非常多的模板和插件,你可以自由组合,自己学你要付出的时间成本太高了,非常不推荐。
    rossroma
        16
    rossroma  
       87 天前   ❤️ 24
    https://jiapu.rossroma.com
    给你看下我做的族谱站点,前端用的 vue ,后端是 nodejs ,数据库是 mysql
    HUAXIA
        17
    HUAXIA  
       87 天前
    @rossroma 有点厉害
    Light3
        18
    Light3  
       87 天前
    如果只做这点东西的话..
    php+html+mysql 就够了
    也不用框架

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

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

    php+mysql 完成这个大概 1-2 天
    html 做成啥样 就靠你自己了..
    blackcellcode
        19
    blackcellcode  
       87 天前
    @Light3 为啥推 php 啊,入门很快吗
    kimpengjiang
        20
    kimpengjiang  
       87 天前
    @rossroma 很不错哎
    qiuyufeng
        21
    qiuyufeng  
       87 天前
    @rossroma 做得挺好
    shurimasoul
        22
    shurimasoul  
       87 天前
    @rossroma 非常不错啊
    sigroma
        23
    sigroma  
       87 天前
    https://stackoverflow.com/questions/6163683/cycles-in-family-tree-software
    咱中国虽然不会有,不过可以考虑下这个问题
    shurimasoul
        24
    shurimasoul  
       87 天前
    @rossroma 大佬可以分享一下吗
    duzhuo
        25
    duzhuo  
       87 天前
    @sigroma 伦理问题真是离谱
    vcbal
        26
    vcbal  
       87 天前
    你把问题简单化就行,只要把数据存起来,之后怎么渲染就用现成的插件(搜组织关系图)
    数据怎么存,就是按照上下级分类这样存,就是所说的无限极分类
    这样不就问题就解决了,mvp 模型也有了,之后优化就是下一步了
    shaojz2005
        27
    shaojz2005  
       87 天前
    wordpress 只是一个 cms 系统,它官方示范的模板都是博客,无法拿来即用,必须熟悉它的代码结构,然后去二次开发,主要是各种增删查改。不过如果你不怎么懂代码,要改成你想要的功能和样子是挺难的。
    cctv180
        28
    cctv180  
       87 天前
    这东西得要钱,要公网墙裂推荐 白嫖:免费利用 Hexo 和 GitHub 打造个人博客 (我收藏了但没玩过)
    vivisidea
        29
    vivisidea  
       87 天前
    基于族谱是一个网络结构,我感觉是直接搞个类似 neo4j 数据可视化 https://neo4j.com/
    ,基于数据库提供各种有趣的查询功能,比如


    ”xx 和 yy 可以结婚吗?” 查询亲戚关系是否 3 代以内
    "xx 应该怎么称呼 yy ?” 亲戚计算器
    “xx 和 yy 是什么关系?" 远房亲戚
    ……
    610915518
        30
    610915518  
       87 天前
    @rossroma 做的十分好啊,清晰明了
    kulous
        31
    kulous  
       87 天前 via Android
    貌似静态就够了!用 ai 做一个
    rossroma
        32
    rossroma  
       87 天前   ❤️ 3
    @shurimasoul 目前只上传了前端部分到 github ,https://github.com/rossroma/family-tree-front 。后端代码有些敏感信息还没处理,等有空了再把后端放上去。
    zhoujx
        33
    zhoujx  
       87 天前
    直接静态页面,托管到 github ,要改了直接改代码
    Hieast
        34
    Hieast  
       87 天前
    直接静态页面,托管到 github ,要改了直接改代码 + 1
    spykids
        35
    spykids  
    OP
       87 天前
    小弟就不一一回复各位大佬,感谢大家
    spykids
        36
    spykids  
    OP
       87 天前
    @rossroma 大佬!你这个太合适啦!
    jiujiutang
        37
    jiujiutang  
       87 天前
    @rossroma #16 #16 牛,但是 iPhone 打开似乎有问题,页面一直闪烁。复制到浏览器打开也不行。
    knightgao2
        38
    knightgao2  
       87 天前
    让 GPT 直接写就行
    A3m0n
        39
    A3m0n  
       87 天前
    xiebinbin666
        40
    xiebinbin666  
       87 天前
    图数据库
    stardustree
        41
    stardustree  
       87 天前
    哪有那么复杂,还搞数据库、服务器啥的,太费劲。家谱里增删改都是低频操作,数据直接写死在 html 页面里就好了。不要搞图片,只用 CSS 和 JS ,也直接写在 html 文件里
    stardustree
        42
    stardustree  
       87 天前
    然后搞个对象存储,放上这个 html 文件,直接访问就成了。
    zjyl1994
        43
    zjyl1994  
       87 天前
    把你那个软件产生的图导成 jpg ,然后 wordpress 开个博客挂起来也行吧。(认真思考)你自己定制系统人力成本太高了
    shurimasoul
        44
    shurimasoul  
       87 天前
    @rossroma 好的,感谢
    importmeta
        45
    importmeta  
       87 天前
    https://reactflow.dev/ 看看这个组件满足不满足。
    zyxbcde
        46
    zyxbcde  
       87 天前 via iPhone
    你这一次性需求去学前后端何必呢,包给大学生做呗
    tfull
        47
    tfull  
       87 天前
    @rossroma 这个日落图和树状图真不错,有用到那个库吗? mermaid 之类的都达不到这个效果
    54xavier
        48
    54xavier  
       87 天前
    @rossroma #16 挺不错的,我家祖上搬迁过,族谱丢了
    cheung
        49
    cheung  
       87 天前
    mark 一下,以后说不定能用上
    rossroma
        50
    rossroma  
       87 天前   ❤️ 3
    fitmewell
        51
    fitmewell  
       87 天前
    纯前端就行了吧,后台维护甚至可以直接维护一个 json
    sleepm
        52
    sleepm  
       87 天前
    https://github.com/topics/genealogy
    自己写也可以
    确定数据长啥样,数据结构,表结构
    可以边写边改
    然后 crud 页面
    再就是展示,更复杂的 crud
    stillyu
        53
    stillyu  
       86 天前
    首先理解一下数据库的概念,数据库就是 Excel ,每一行存一条数据,每一条数据有一个 ID ,类似每个人有个身份证号。每一列是这条数据的不同属性,类似每个人的身高体重信息。
    数据之间的联系用 ID 关联起来,类似张三的父亲是张二,张三的父亲这一列,填的就是张二的 ID

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

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

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

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

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

    Nginx + HTML

    数据写在页面里面就行了,按年更改的数据,没必要搞那么复杂
    zehuicn
        59
    zehuicn  
       86 天前
    看了上面大佬的,我觉得 XMind 也行了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2605 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 850ms · UTC 13:04 · PVG 21:04 · LAX 06:04 · JFK 09:04
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.