一 目标

推荐一款在线将json对象转换为ts类的工具:

可以帮助前端开发人员提高开发效率。

二 背景

json是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。所以json成为了前后端交互使用的主要格式。

typescript作为一种前端开发语言,应用也越来越广,前端angular开发框架就是以typescript进行构建的。

在前后端数据交互过程中,后端接口返回json格式数据,前端需要使用相应的ts类对象去接收。类的属性要保持一致。

此时,如果后端提供了样例数据,或已有接口返回的json格式数据,有没有一种方法可以帮助我们,从json格式数据,生成ts类呢?

于是就有了json format 在线格式化工具。

三 主要功能介绍

1.查看json对应ts类

将待格式化的json串复制粘贴到中间编辑区域。

点击右侧viewts即查看当前json对应的typescript类。

2.格式化json字符串

将待格式化的json串复制粘贴到中间编辑区域。

点击右侧format即可以将字符串格式化为json格式。

3.查看json原字符串

点击viewstring,即可将已格式化的json串,去掉空格和换行,转换为一个字符串。

其实都是比较简单的功能,就不 一 一 介绍了。

四.其它

如果觉得功能实用就收藏一下吧。在线json格式化工具:

本工具集成在jcapihelper中,使用angular开发,引入ant design 的ng-zorro ui框架,大家可以去github查看工具源码,欢迎关注。

jcapihelper源码:

https://github.com/279328316/jcapihelper https://github.com/279328316/jcapihelper.html

关于jcapihelper介绍,请点击

如有问题或建议,欢迎留言指教.