鸿蒙jsonToArkTS来了

前言导读

相信大家在学习鸿蒙开发过程中最痛苦的就是编写model 类 特别是那种复杂的json的时候对不对， 这时候有一个自动化的工具给你生成

model是不是很开心。我们今天要分享的就是这个工具 JsonToArkTs 的用法

JsonToArkTs 是在线工具

地址： jsonToArkTS

效果图

如何使用

我们把我们的json字符串复制粘贴到我们左边的输入框里面 然后再右边选择InterFace 或者class 然后点击 Generate 生成即可

• 1 简单的json

  {
      "msg": "获取数据成功",
      "code": 200
  }

生成后的model

export interface User {
  msg: string;
  code: number;
}

• 2 含有嵌套的 json

  {   "msg": "获取数据成功",
      "code": 200,
      "data":{
         "username":"高桥凉介",
  	   "password":"123456"
     }
  }

生成的model

export interface UserInfo {
  msg: string;
  code: number;
  data: Data;
}

export interface Data {
  username: string;
  password: string;
}

• 3含有数组的json

{
    "msg": "获取数据成功",
    "code": 200,
    "data": [
        {
            "id": 1,
            "logo": "https://www.itying.com/images/flutter/1.png",
            "name": "杭州蚂蚁金服信息技术有限公司  ",
            "location": "上海新浦东区",
            "type": "互联网",
            "size": "B论",
            "employee": "1000人以上",
            "hot": "资深开放产品技术工程师",
            "count": "500",
            "inc": "蚂蚁金融服务集团(以下称\"蚂蚁金服\")起步于2004年成立的支付宝2014年10月"
        },
        {
            "id": 2,
            "logo": "https://www.itying.com/images/flutter/2.png",
            "name": "百度信息技术有限公司  ",
            "location": "广州天河区",
            "type": "互联网",
            "size": "C论",
            "employee": "500人以上",
            "hot": "全栈工程师",
            "count": "1000",
            "inc": "蚂蚁金融服务集团(以下称\"蚂蚁金服\")起步于2004年成立的支付宝2014年10月"
        },
        {
            "id": 3,
            "logo": "https://www.itying.com/images/flutter/3.png",
            "name": "腾讯科有限公司  ",
            "location": "深圳南山区",
            "type": "互联网",
            "size": "D论",
            "employee": "200人以上",
            "hot": "数据挖掘工程师",
            "count": "200",
            "inc": "蚂蚁金融服务集团(以下称\"蚂蚁金服\")起步于2004年成立的支付宝2014年10月"
        },
        {
            "id": 4,
            "logo": "https://www.itying.com/images/flutter/4.png",
            "name": "字节跳动科技有限公司",
            "location": "北京海淀区",
            "type": "互联网",
            "size": "D论",
            "employee": "1500人以上",
            "hot": "资深架构师",
            "count": "1500",
            "inc": "蚂蚁金融服务集团(以下称\"蚂蚁金服\")起步于2004年成立的支付宝2014年10月"
        }
    ]
}

生成的model

export interface UserInfo {
  msg: string;
  code: number;
  data: Data[];
}

export interface Data {
  id: number;
  logo: string;
  name: string;
  location: string;
  type: string;
  size: string;
  employee: string;
  hot: string;
  count: string;
  inc: string;
}

感谢网友提供代码和思路

最后总结：

我们可以看到无论哪种json格式的数据我们都可以用插件很好生成对应的model 这个对于我们平时开发鸿蒙的app 可以大大节省开发的时间。在这里也要感谢群友提供的代码 我这边后期会一步一步优化这个工具希望能更加智能和好用。有兴趣的同学没有关注坚果派官网社区。里面有很多大神分享鸿蒙相关的技术点。