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

2018-09-28 16:11:45 +08:00
 run27017

之前的兄弟说要上传到 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.

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

至于你说的前端性能限制,我这边还没实测,不知道如何。不过我估计效果也不会太理想。
run27017
2018-09-28 18:28:55 +08:00
@airyland 线上的工具已经支持导出 excel 了(菜单“文件-导出”),原生的工具目前还没有。
lhx2008
2018-09-28 18:51:52 +08:00
@run27017 确实没有这种嵌套显示的,但是导出 csv 的确实是很多了,比如最牛的还是 https://json-csv.com/ ,大文件好像是后端转的,可惜要收费。
性能的话,塞一个 2-5M 的 json 就知道了,可能要半分钟才出来。
jisibencom
2018-09-29 05:07:01 +08:00
有 json2html 就好了
kongkx
2018-09-30 12:40:51 +08:00
react-jsonschema-form 应该有东西可以借鉴下

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

https://www.v2ex.com/t/493548

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

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

© 2021 V2EX