网站建设的流程与思路,常熟做网站价格,小网站怎么建设,wordpress微信qq登录界面前言 在上篇《HarmonyOS开发#xff1a;UI开展前的阶段总结》中提到了未来的规划#xff0c;既能让大家学会鸿蒙开发#xff0c;也能让大家在以后的开发中如虎添翼#xff0c;最终决定#xff0c;便以脚手架为产出物#xff0c;结合实际的业务需求#xff0c;进行相关技…前言 在上篇《HarmonyOS开发UI开展前的阶段总结》中提到了未来的规划既能让大家学会鸿蒙开发也能让大家在以后的开发中如虎添翼最终决定便以脚手架为产出物结合实际的业务需求进行相关技术的输出今天我们就带来脚手架的第一个功能json转对象。 脚手架也是一个项目包含了多个功能模块以简单的功能为切入点一点点的进行拓展增加后续相关功能也会增加IDE插件当然了这都是后话了万事开头难万事坚持也难做东西着急不得一点点来吧。 本篇的文章大致如下 1、脚手架地址及使用方式
2、json转对象功能介绍
3、json转对象实现分析
4、相关总结 一、脚手架地址及使用方式 本来想打成Windows和Mac工具包方便大家安装使用但是转念一想功能刚开始以后也会不断地更新迭代索性以项目地形式暴露给大家吧使用起来也是非常地简单等后续功能开发完毕了可以打统一打安装包共大家使用。 温馨提示只第一次需要执行前2步前两步完成之后后续只需要执行第3步即可。 第1步使用git把项目clone到你的电脑中 大家可以按照自己习惯的方式进行下载比如使用IDE使用TortoiseGit工具或者使用命令都行以下是命令的形式下载 git clone https://github.com/AbnerMing888/HarmonyScaffolding.git 下载之后目录如下这些都是项目的源文件 第2步依次执行如下命令 由于缺乏安装包所以第2步的作用就是我们自己下载安装包需要在项目根目录下执行如下命令 安装 Electron 这个上篇文章有提及过脚手架工具采用的是Electron进行开发的它是一个使用 JavaScript、HTML 和 CSS 构建跨平台的桌面应用程序既然要使用它就需要进行安装命令如下 npm install --save-dev electron^15.0.0 目前我是指定版本安装的并配置在了package.json文件中devDependencies主要用于开发阶段大家可以和我的不一样这个问题不大。 安装模块remote remote 模块提供了一种在渲染进程和主进程之间进行进程间通讯的简便途径使用 remote 模块可以调用主进程对象的方法而无需显式地发送进程间消息这类似于 Java 的 RMI虽然说13版本之后禁用了Remote模块但是也提供了使用一个新的包 electron/remote 来替代一句话主要用于dialog相关比如弹窗选择电脑路径等。 npm i -D electron/remote 第3步启动项目 npm start 执行之后便能看到脚手架工具的启动页如下所示 二、json转对象功能介绍 使用npm start启动项目后点击json转对象功能便进入到如下页面由于脚手架工具刚启动其他功能还未开发大家只可关注json转对象这一个功能即可。 功能区分了上下两块上面是接口请求下面是功能展示可结合使用也可单独使用。 单独使用 在输入json框中输入需要转对象的json数据点击转换对象按钮便可生成对应的ArkTs对象直接可以复制到项目中使用。 右侧底部两个选项一个是对象的名字可以自己定义一个是需要保存的模块如何你不想复制想直接保存到你的项目中那么就可以选择要保存到项目中哪个模块下这个需要和左侧的项目初始化功能结合使用。 如下图项目初始化功能在这里你可以选择一个你的项目路径到项目根目录即可那么接下来脚手架的所有功能都会生成到你选择的项目下不用再一一的手动复制了。 还是回到json转对象功能我们选择一个保存模块当你选择你的项目路径后便会遍历出你项目下所有符合的模块。 比如我选择一个项目后目录结构如下那么符合保存的模块只有entry和common。 当你点击选择保存模块后就可以选择模块 点击保存后 回到项目查看便生成到了你的项目下 结合网络接口使用 顶部你可以输入你要请求的接口及相关参数选择请求方式后点击发起请求便可把请求的json数据回显到下方的json框中点击转换对象便可直接生成对应的对象之后的步骤与上述就一致了。 三、json转对象实现分析 如何把一个json数据转化为我们需要的对象需要做的是就是对json数据的遍历遍历出所有的key和value然后根据value值的类型对应的转换为语言的对象即可如我们得到了一个字段code它的值是0那么在ArkTs中便可以使用code:number 来表示Java中,便是public int code; 来表示。 一个json数据里面会有很多数据类型所以在代码编写的时候务必要考虑周全如果json数据中有对象和数组我们需要进行递归这是不可忽视的。 生成ArkTs对象对json数据类型判断如下当然了如果你是其他语言需要再做细化。 for (let key in json) {let value json[key];if (typeof value number) {} else if (typeof value string) {} else if (typeof value boolean) {} else if (typeof value object) {//数组和对象都是 objectlet obj JSON.stringify(value).substring(0, 1);if (obj {) {//对象}else{//数组}}} 遍历中用一个变量作为存储以ArkTs对象格式为依据key类型。 if (typeof value number) {eachJson eachJson key : number\n;} else if (typeof value string) {eachJson eachJson key : string\n;} else if (typeof value boolean) {eachJson eachJson key : boolean\n;} 完整的json遍历如下 let temporaryObject ;//临时的对象function forEachJson(json) {let eachJson ;for (let key in json) {let value json[key];if (typeof value number) {eachJson eachJson key : number\n;} else if (typeof value string) {eachJson eachJson key : string\n;} else if (typeof value boolean) {eachJson eachJson key : boolean\n;} else if (typeof value object) {//对象,判断是对象还是数组if (value null) {//为空eachJson eachJson key : String? null;} else {//不为空let objFirst JSON.stringify(value).substring(0, 1);let aCode key.substring(0, 1).toUpperCase();aCode aCode key.substring(1, key.length);if (objFirst {) {//对象,首先创建类名let obj key : aCode \n;//只创建属性对象需要单独创建eachJson eachJson obj;//这里创建一个单独的对象temporaryObject temporaryObject \nexport class aCode {\n;temporaryObject temporaryObject forEachJson(value);temporaryObject temporaryObject }\n;} else {//数组let obj key : aCode []\n;//只创建属性对象需要单独创建eachJson eachJson obj;//这里创建一个单独的对象temporaryObject temporaryObject \nexport class aCode {\n;temporaryObject temporaryObject forEachJson(value[0]);temporaryObject temporaryObject }\n;}}}}return eachJson;} 四、相关总结 目前呢脚手架工具刚开始只完成了这样的一个单一功能后续会不断的扩展还请大家后续的关注至于IDE插件后续也会进入到日程之中。
