V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
herozzm
V2EX  ›  问与答

求一款可视化 json GUI

  •  
  •   herozzm · 2018-01-09 08:37:17 +08:00 · 7261 次点击
    这是一个创建于 2544 天前的主题,其中的信息可能已经有所发展或是发生改变。

    软件的配置都在一个 json 文件中,平时都直接在编辑器中修改 json 然后保存,但 json 中没办法加注释,修改起来眼睛花的厉害, 求一款可以直比较方便修改 json 的 GUI 界面工具( mac ),可以定制给属性增加文字说明对照,类似表单之类的,修改一个属性值后自动保存或手动保存 json

    也想做一个直接网页,直接表单修改,但不想太麻烦,因为那样还得配置 web server 才行

    21 条回复    2018-01-09 10:58:58 +08:00
    jianguiqubaa
        1
    jianguiqubaa  
       2018-01-09 08:48:44 +08:00
    感觉你这需求就好奇怪。。。 不过可以看看 json schema form 这种东西能不能用的上
    例如:
    http://schemaform.io/examples/bootstrap-example.html
    https://mozilla-services.github.io/react-jsonschema-form/
    https://jsonschema.net/#/
    herozzm
        2
    herozzm  
    OP
       2018-01-09 08:50:33 +08:00
    @jianguiqubaa 我这需求奇怪吗?我觉得挺通用的啊
    nicevar
        3
    nicevar  
       2018-01-09 09:03:12 +08:00
    需求不奇怪,你描述的不清楚,说白了就是类似写协议文档,你需要一个根据 json 方便生成文档的工具
    herozzm
        4
    herozzm  
    OP
       2018-01-09 09:11:59 +08:00
    @nicevar 文档用来做协助开发可以,但是对于频繁修改,要频繁去查文档很累的,
    修改软件非常频繁,最好能属性说明直接对照在修改框后面,这样方便
    herozzm
        5
    herozzm  
    OP
       2018-01-09 09:17:10 +08:00
    @jianguiqubaa 这些工具都没法满足自动保存
    syhsyh9696
        6
    syhsyh9696  
       2018-01-09 09:19:27 +08:00 via Android
    Ruby 配合 YAML 啊 然后可以用 Rails 写个简单的 Web
    nicevar
        7
    nicevar  
       2018-01-09 09:22:03 +08:00
    @herozzm 你不就是要个文档跟 json 混合展示么?跟很多软件配置一样,比如 vscode
    herozzm
        8
    herozzm  
    OP
       2018-01-09 09:23:56 +08:00
    @syhsyh9696 类似 mac 通用设置里面那种界面只是最好的,能够自动保存
    vscode 里面可以混合显示吗?
    yangg
        9
    yangg  
       2018-01-09 09:27:06 +08:00
    最简单的方法是 json 换成 yaml
    xomix
        10
    xomix  
       2018-01-09 09:32:52 +08:00
    jsoneditoronline org
    在线的行不?
    herozzm
        11
    herozzm  
    OP
       2018-01-09 09:40:29 +08:00
    @xomix 没法自动保存呐
    @yangg 我还想要下拉,开关啥的
    vghdjgh
        12
    vghdjgh  
       2018-01-09 09:51:40 +08:00
    你可能需要这样的库: https://plantain-00.github.io/schema-based-json-editor/packages/vue/demo/
    不过要写点代码,包括读 json schema 文件、读初始 json 文件数据、把更新后的 json 数据写入文件。
    singlepig
        13
    singlepig  
       2018-01-09 09:59:55 +08:00
    楼上正解,你需要换个格式
    hnbcinfo
        14
    hnbcinfo  
       2018-01-09 09:59:58 +08:00
    这东西,自己按照需要做一个工具岂不是比来求个工具更省事。
    singlepig
        15
    singlepig  
       2018-01-09 10:00:17 +08:00
    我说的是 11 楼
    singlepig
        16
    singlepig  
       2018-01-09 10:01:05 +08:00
    怎么楼号又变了。。。
    odirus
        17
    odirus  
       2018-01-09 10:09:52 +08:00
    顺便吐槽一下,https://jsonschema.net

    我都不想吐槽这个网站了,半年前我的项目中用的是 draft-04 生成的 json schema, 结果昨天新增 json 结构生成 schema 的时候,发现最低只支持 draft-06。。。以前我找的 java 库目前还是只支持解析 draft-04 的,结果只能靠自己纯手写。
    nannanziyu
        18
    nannanziyu  
       2018-01-09 10:11:31 +08:00
    vscode 本来就支持 jsonc 的

    开发中可以用 https://github.com/sindresorhus/strip-json-comments (支持 gulp 和 grunt )来生成去掉注释的有效 json 文件
    临时用的话,也可以在 http://jsoneditoronline.org/里,粘贴进去点格式化就可以去掉注释了
    nannanziyu
        19
    nannanziyu  
       2018-01-09 10:14:09 +08:00
    @nannanziyu
    临时用的话,也可以在 http://jsoneditoronline.org/
    里,粘贴进去点格式化就可以去掉注释了
    herozzm
        20
    herozzm  
    OP
       2018-01-09 10:21:59 +08:00
    其实我想要的是类似 mac 设置,通用里面这种界面来修改
    curiousjude
        21
    curiousjude  
       2018-01-09 10:58:58 +08:00
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   923 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 21:52 · PVG 05:52 · LAX 13:52 · JFK 16:52
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.