Json对象转Ts类

一 目标

推荐一款在线将Json对象转换为Ts类的工具:https://apihelper.jccore.cn/jsontool

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

二 背景

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格式化工具:https://apihelper.jccore.cn/jsontool

本工具集成在JcApiHelper中,使用angular开发,引入Ant Design 的NG-ZORRO UI框架,大家可以去github查看工具源码,欢迎关注。

JcApiHelper源码:

关于JcApiHelper介绍,请点击https://www.cnblogs.com/arthur3k/p/11147230.html

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

posted @ 2019-08-20 17:28  张家华  阅读(10301)  评论(0编辑  收藏  举报