鸿蒙jsonToArkTS_工具exe版本来了

xq9527--

已于 2025-06-05 20:14:49 修改

阅读量1.5k

点赞数 14

CC 4.0 BY-SA版权

文章标签： harmonyos 华为

于 2025-06-05 18:31:12 首次发布

本文链接：https://blog.csdn.net/xq610928/article/details/148456669

前言导读

相信大家在学习鸿蒙开发过程中最痛苦的就是编写model 类特别是那种复杂的json的时候对不对，这时候有一个自动化的工具给你生成model是不是很开心。我们今天要分享的就是这个工具 JsonToArkTs 的用法

工具地址

https://gitee.com/qiuyu123/jsontomodel
在这里插入图片描述

注意事项

因为是内置了jre 所以我们在拿到工具后千万不要删除压缩包里面jre文件要保证我们的exe和jre在同一个目录下面才能正常运行
在这里插入图片描述

JsonToArkTs 工具

效果图

在这里插入图片描述

如何使用

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

1 简单的json


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

在这里插入图片描述

生成后的model

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

2 含有嵌套的 json

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

在这里插入图片描述

生成的model



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

export interface UserInfoData {
  password: string;
  username: 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 UserInfoDataModel {
  size: string;
  name: string;
  count: string;
  logo: string;
  location: string;
  id: number;
  type: string;
  employee: string;
  hot: string;
  inc: string;
}

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

打包exe

这边是使用的 Launch4j 将我们生成的jar打包成exe的

在这里插入图片描述

源码截图

在这里插入图片描述

目前如果要运行需要克隆我的代码然后导入idea 然后点击右上角的三角标运行

项目地址:

码云: https://gitee.com/qiuyu123/json-to-ark-tsjava

最后总结：

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

团队介绍

团队介绍：坚果派由坚果等人创建，团队由12位华为HDE以及若干热爱鸿蒙的开发者和其他领域的三十余位万粉博主运营。专注于分享HarmonyOS/OpenHarmony，ArkUI-X，元服务，仓颉，团队成员聚集在北京，上海，南京，深圳，广州，宁夏等地，目前已开发鸿蒙原生应用，三方库60+，欢迎进行课程，项目等合作。