低代码实现鸿蒙API返回JSON转TS及快速生成ArkUI代码

diygwcom

于 2024-03-05 09:56:59 发布

阅读量451

点赞数 1

CC 4.0 BY-SA版权

文章标签： json

本文链接：https://blog.csdn.net/luck332/article/details/136470323

直接在线API的JSON转TS代码

低代码实现鸿蒙API调用快速生成ArkUI代码只需要调用你的API接口返回JSON结构的数据，在线绑定变量后，采用了axios鸿蒙扩展插件来加载远程API。

生成的代码如下，程序可能也还有些不足之处，欢迎吐槽，不断优化完善。

import {
    navigateTo
} from '../common/Page'
import axios, {
    AxiosResponse
} from '@ohos/axios'
interface IDataDataAttr {
    "title": string
}
interface IDataData {
    "img": string,
    "remark": string,
    "id": number,
    "title": string,
    "attr": IDataDataAttr
}
interface IData {
    "msg": string,
    "code": number,
    "data": IDataData[]
}
@Entry
@Component
export struct Index {
    @State data: IData = {
        "code": 0,
        "msg": "",
        "data": [{
            "title": "",
            "remark": "",
            "id": 0,
            "attr": {
                "title": ""
            },
            "img": ""
        }]
    }
    async dataApi() {
        try {