vue3开发的一个 json 转 go 工具网站

特征

  • 支持自定义tag
  • 支持自定义根对象名
  • 支持内联结构
  • 支持编辑
  • 对json语法进行了扩展,支持不规范的json
  • 支持不规范的json的纠正、格式化、压缩

截图预览

image.png

开发原因

本人用过类似的工具,例如 https://mholt.github.io/json-to-go/,这个知名度很高,但是不支持js对象转换,必须是标准json结构,有时候文档的json缺个逗号、有注释、单引号,还有遇到多维数组就解析不了。

诸如以上的问题,其他的工具网站也是如此。

因此自己撸一个,先撸个扫描器,把下面我定义的token解析出来:

image.png

有了tokens就可以用生成语法树,最后我写了两个代码生成器,一个是根据语法树生成标准json,一个是生成go结构体。

网站提供了对非标准的json纠正的功能,包含了格式化和压缩,如下:

image.png

网站的右侧的编辑器也是可以编辑复制的,如果需要一些小改可以直接改好复制,上面的设置提供了对根struct名字的设置,具体如下:

image.png

自定义tag请遵守我定义的规则,如下:

image.png

其他

开发用的框架是vue3,ui框架是这个号称vue3终极ui框架的PrimeVue, 组件蛮多的,就是有些莫名其妙的错误,还有就是不好看,建议不要用。

编辑器用的ace,还行,没遇到什么问题

打包工具用的是vite,还行,有些小问题,比如cdn替换依赖,减少包的大小,用了第三方插件才解决

over~

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享