非鸿蒙官方低代码源码生成器(鸿蒙代码开源)

介绍

鸿蒙低代码可视化开发神器快速对鸿蒙ArkUI生成源码,结合类似小程序类似设计,页面设计底部菜单,支持宫格组件、轮播图、图文列表、图片组件、文本内容组件,快速对接第三方HttpApi。通过鸿蒙扩展axios扩展库加载数据源,在线API调试请求数据源、绑定数据源、生成源码。在线的API源码快速生成TS接口实现。

可视化低代码神器

鸿蒙可视化拖拽开发神器无须编程 零代码基础 所见即所得设计工具轻松制作ArkUI、生成ArkTS源码。
涵盖ArkUI各个方面,助力HarmonyOS开发者。

设计完成快带生成ArkUI源码。

帮助您提升HarmonyOS应用界面开发效率80%

高效可视化开发工具快速与DevEco Studio开发联调。

强大的代码生成器,让您感受先进的生产力,让您的想法快速上线。

基本使用

组件使用

把组件拖过来,修改对应的属性。选择想要的组件拖至中央设计区,修改相对应的属性。

非鸿蒙官方低代码源码生成器(鸿蒙代码开源)非鸿蒙官方低代码源码生成器(鸿蒙代码开源)

生成源码

点击查看源码,快速生成鸿蒙对应的源码

非鸿蒙官方低代码源码生成器(鸿蒙代码开源)

API数据源绑定

鸿蒙低代码可视化开发神器支持快速对接任意第三方http api接口,接口返回数据,然后进行数据绑定显示。

连接第三方HTTPAPI

调用API返回结果集用变量保存存起

非鸿蒙官方低代码源码生成器(鸿蒙代码开源)

绑定数据源

根据API返回的数据结果集变量,快速绑定循环列表数组

非鸿蒙官方低代码源码生成器(鸿蒙代码开源)

绑定显示数据源

循环绑定数据源子集

非鸿蒙官方低代码源码生成器(鸿蒙代码开源)

生成源码

查看源码,快速生成鸿蒙axios http请求接口及interface相关定义以及组件显示绑定

非鸿蒙官方低代码源码生成器(鸿蒙代码开源)

非鸿蒙官方低代码源码生成器(鸿蒙代码开源)

表单组件

鸿蒙低代码可视化开发神器目前支持了常见文本输入、多行文本输入、单选、复选、开关、下拉列表、下拉日期等常用的组件。

非鸿蒙官方低代码源码生成器(鸿蒙代码开源)

非鸿蒙官方低代码源码生成器(鸿蒙代码开源)

非鸿蒙官方低代码源码生成器(鸿蒙代码开源)

import { navigateTo} from '../common/Page'import { IDynamicObject} from '../component/IType';import DiygwRadio from '../component/Radio'import DiygwInput from '../component/Input'import DiygwTextarea from '../component/Textarea'import DiygwCheckbox from '../component/Checkbox'import DiygwSwitch from '../component/Switch'import DiygwSelect from '../component/Select'import DiygwDate from '../component/Date'import DiygwSlider from '../component/Slider'@Entry@Componentexport struct Diy { @State radioDatas: IDynamicObject[] = [{ value: '1', label: '选项一' }, { value: '2', label: '选项二' }, { value: '3', label: '选项三' }]; @State radio: string = '1'; @State radio1Datas: IDynamicObject[] = [{ value: '1', label: '选项一' }, { value: '2', label: '选项二' }, { value: '3', label: '选项三' }]; @State radio1: string = '1'; @State input: string = ''; @State textarea: string = ''; @State checkboxDatas: IDynamicObject[] = [{ value: '1', label: '选项一' }, { value: '2', label: '选项二' }, { value: '3', label: '选项三' }]; @State checkbox: string[] = ['1', '2']; @State checkbox1Datas: IDynamicObject[] = [{ value: '1', label: '选项一' }, { value: '2', label: '选项二' }, { value: '3', label: '选项三' }]; @State checkbox1: string[] = ['1', '2']; @State switched: number = 1; @State sctDatas: IDynamicObject[] = [{ value: '1', label: '选项一' }, { value: '2', label: '选项二' }, { value: '3', label: '选项三' }]; @State sct: string = '1'; @State date: string = ''; @State slider: number = 66; async onPageShow() {} async aboutToAppear() { await this.onPageShow() } build() { Column() { Navigation() .width('100%') .height('56vp') .backgroundColor('#07c160') .title(this.NavigationTitle()) .titleMode(NavigationTitleMode.Mini) .align(Alignment.Center) .hideBackButton(true) Scroll() { Flex({ direction: FlexDirection.Column }) { DiygwRadio({ label: '单选', value: $radio, list: $radioDatas }) DiygwRadio({ label: '单选', value: $radio1, itemWidth: '100%', list: $radio1Datas }) DiygwInput({ label: '标题', value: $input }) DiygwTextarea({ label: '标题', value: $textarea }) DiygwCheckbox({ label: '复选', value: $checkbox, itemWidth: '100%', list: $checkboxDatas }) DiygwCheckbox({ label: '复选', value: $checkbox1, list: $checkbox1Datas }) DiygwSwitch({ label: '开关', value: $switched }) DiygwSelect({ label: '下拉', value: $sct, list: $sctDatas }) DiygwDate({ label: '日期', value: $date }) DiygwSlider({ label: '滑块', value: $slider }) }.height('100%') }.height('100%').layoutWeight(1) }.alignItems(HorizontalAlign.Start).height('100%') } @Builder NavigationTitle() { Column() { Text('可视化') .width('100%') .textAlign(TextAlign.Center) .height('28vp') .fontSize('20fp') .fontWeight(500) .fontColor('#fff') } }}1.2.3.4.5.6.7.8.9.10.11.12.13.14.15.16.17.18.19.20.21.22.23.24.25.26.27.28.29.30.31.32.33.34.35.36.37.38.39.40.41.42.43.44.45.46.47.48.49.50.51.52.53.54.55.56.57.58.59.60.61.62.63.64.65.66.67.68.69.70.71.72.73.74.75.76.77.78.79.80.81.82.83.84.85.86.87.88.89.90.91.92.93.94.95.96.97.98.99.100.101.102.103.104.105.106.107.108.109.110.111.112.113.114.115.116.117.118.119.120.121.122.123.124.125.126.127.128.129.130.131.132.133.134.135.136.137.138.139.140.141.142.143.144.145.146.147.148.149.150.151.152.153.154.155.156.157.158.159.160.161.162.163.164.165.166.167.168.

全局底部菜单设置

非鸿蒙官方低代码源码生成器(鸿蒙代码开源)

非鸿蒙官方低代码源码生成器(鸿蒙代码开源)

源码导出

源码导出,会将整个设计项目导出。

非鸿蒙官方低代码源码生成器(鸿蒙代码开源)非鸿蒙官方低代码源码生成器(鸿蒙代码开源)

目前工具也还在研发阶段,也在对鸿蒙开发熟悉踩坑的过程。用自己实际行动对鸿蒙HarmonyOS ArkUI助力,希望鸿蒙越来越好。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

(0)
上一篇 2024年7月8日 下午4:44
下一篇 2024年7月8日 下午4:56

相关推荐

  • 科研项目经理人制度

    科研项目经理人制度 近年来,随着科技的飞速发展,科研项目经理人制度成为了一个备受关注的话题。这个制度是指将科学家和经理人结合起来,为科研项目提供全面的支持和管理。 科研项目经理人制…

    科研百科 2025年5月23日
    1
  • 项目管理在线工具

    项目管理在线工具 随着互联网技术的不断发展,越来越多的企业开始采用在线项目管理工具来进行项目管理工作。这些工具可以帮助项目管理人员更好地控制项目进度,提高项目质量,降低项目风险。本…

    科研百科 2024年8月17日
    39
  • 机械制造企业如何做好生产管理?从这4个方面入手(机械制造企业的生产管理)

    生产排期不合理,导致停工待料; 生产进度跟踪难,导致订单准交率低; 生存物料管理混乱,车间现场堆积如山; 质量管控不透明,品质难以追溯; … … 一谈到生产管理,脑海中是不是已经浮…

    2022年8月28日
    444
  • 科研项目助理职责

    科研项目助理职责 在科研项目中,助理扮演着非常重要的角色。他们协助科学家完成项目任务,包括收集和整理数据,编写报告和论文,以及进行实验和数据分析。以下是科研项目助理的一些职责。 1…

    科研百科 2025年3月3日
    5
  • 机械工程材料科研项目

    机械工程材料科研项目 随着工业的快速发展,机械工程材料的研究越来越受到重视。机械工程材料是机械工程的重要组成部分,其性能直接影响着机械工程的安全性、效率和可靠性。因此,一支由经验丰…

    科研百科 2025年5月1日
    1
  • 10oa协同办公系统

    10oa协同办公系统:企业数字化时代的新工具 随着数字化时代的到来,企业的经营和管理也越来越依赖信息技术的支持。在这个数字时代,企业需要更高效的协同办公系统来加强内部的沟通和协作,…

    科研百科 2024年8月20日
    45
  • 抓好五个重点 全面推进转型发展(抓好五个重点 全面推进转型发展工作)

    厦门农行召开党建工作推进会,推动全行党的建设和干部人才队伍建设工作。 厦门农行高殿支行党支部与高殿社区开展共建,向市民宣传金融知识。 厦门农行江头支行党支部组队到敬老院,为老年人送…

    科研百科 2023年10月15日
    159
  • 山西省通信工程总承包三级资质客户名单(山西省通信工程总承包三级资质客户名单查询)

    山西省通信工程总承包三级资质客户 山西省通信工程总承包三级公司2024年名录 山西省通信工程总承包三级资质客户名录 通信工程施工总承包资质对企业在通信工程建设领域具有重要的作用。首…

    科研百科 2024年5月16日
    108
  • 医学科研项目时间

    医学科研项目时间:2023年2月18日 近年来,医学科研项目一直在不断发展。这些项目旨在探索新的医学理论和技术,以改善人们的健康状况。其中,一项最新的医学科研项目正在深入研究人类基…

    科研百科 2025年2月25日
    0
  • 公路工程招投标与合同管理

    公路工程招投标与合同管理 随着公路工程的不断建设和发展,公路工程招投标和合同管理已成为公路工程领域中必不可少的环节。本文将探讨公路工程招投标与合同管理的相关问题,包括其重要性、实施…

    科研百科 2024年8月22日
    36