V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
run27017
V2EX  ›  分享创造

nested-json-to-table 发布,同步发布了一个工具小网站,可以将任意的 JSON 数据转化为表格形式。

  •  
  •   run27017 · 2018-09-28 16:11:45 +08:00 · 2666 次点击
    这是一个创建于 2248 天前的主题,其中的信息可能已经有所发展或是发生改变。

    之前的兄弟说要上传到 github,我听取了建议,转到 github 上去了。附加项目源码地址:

    https://github.com/run27017/nested-json-to-table

    另外,为了直观地表达我的想法,同步写了一个在线工具网站,大家认准地址:

    https://json-to-table.run27.top

    网站由于是用 vue 编写的单页应用,第一次访问可能需要等待点时间(我猜可能是用了 lodash 的原因)。

    该工具的主要特点是:

    1. 支持将任意的 JSON 数据转化为表格格式,支持深层次的嵌套,支持数组嵌套和嵌套数组。嵌套的内容通过合并单元格的效果显示。
    2. 提供一个 meta 选项来定义表头,否则就是默认的表头。
    3. 内置支持生成 HTML 源码,但很容易通过自定义 Builder 使得生成 Excel 等其他表格格式。

    现在项目还处于非常的初期和雏形阶段,有不太完善的地方还请多多见谅。欢迎提Issue.

    7 条回复    2018-09-30 12:40:51 +08:00
    airyland
        1
    airyland  
       2018-09-28 17:41:46 +08:00
    可以进一步支持导出 csv 或者 excel 文件。
    lhx2008
        2
    lhx2008  
       2018-09-28 18:09:17 +08:00 via Android
    支持一下,这种网站不少,不过主要还是前端性能限制,没法处理大 json,不知道这个怎么样
    run27017
        3
    run27017  
    OP
       2018-09-28 18:27:37 +08:00
    @lhx2008 推荐一个吧,毕竟这个轮子花了我不少精力。如果有这样的网站那是最好了,毕竟他们的维护能力比我个人强得多。我之前用过一个工具,http://www.convertcsv.com/json-to-csv.htm ,能够支持嵌套不太深的 JSON,但是嵌套太深效果就不好了。由于我们公司用的是 MongoDB,有很多嵌套层次太深的数据,所以才诞生了干脆写一个这么个工具的想法。

    至于你说的前端性能限制,我这边还没实测,不知道如何。不过我估计效果也不会太理想。
    run27017
        4
    run27017  
    OP
       2018-09-28 18:28:55 +08:00
    @airyland 线上的工具已经支持导出 excel 了(菜单“文件-导出”),原生的工具目前还没有。
    lhx2008
        5
    lhx2008  
       2018-09-28 18:51:52 +08:00
    @run27017 确实没有这种嵌套显示的,但是导出 csv 的确实是很多了,比如最牛的还是 https://json-csv.com/ ,大文件好像是后端转的,可惜要收费。
    性能的话,塞一个 2-5M 的 json 就知道了,可能要半分钟才出来。
    jisibencom
        6
    jisibencom  
       2018-09-29 05:07:01 +08:00 via Android
    有 json2html 就好了
    kongkx
        7
    kongkx  
       2018-09-30 12:40:51 +08:00 via Android
    react-jsonschema-form 应该有东西可以借鉴下
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   920 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 21:25 · PVG 05:25 · LAX 13:25 · JFK 16:25
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.