作者:sunyuhui,wangxiaoyan,华为2012实验室软件IDE专家

什么是低代码开发?低代码开发主要特点有哪些?如何利用低代码开发原子化服务?本文带你一探究竟~

一、什么是HarmonyOS低代码开发?

低代码开发,顾名思义,就是用更少的代码量,完成更高效的应用交付。低代码开发让更多的人可以参与到应用程序开发当中,不仅是具有专业编程能力的程序员,非技术背景的业务人员同样可以构建应用;对于大型企业来讲,低代码开发还可以降低IT团队培训、技术部署的初始成本。

二、HarmonyOS低代码开发界面介绍

如图1所示,低代码开发界面由UI控件栏、组件树、功能面板、画布、属性样式栏组成。

图1 低代码开发界面

① UI控件栏:可以将相应的组件选中并拖动到画布(Canvas)中,实现控件的添加。

② 组件树:在低代码开发界面中,可以方便开发者直观地看到组件的层级结构、摘要信息以及错误提示。开发者可以通过选中组件树中的组件(画布中对应的组件被同步选中),实现画布内组件的快速定位;点击组件后的图标,可以隐藏/显示相应的组件。

③ 功能面板:包括常用的画布缩小放大、撤销、显示/隐藏组件虚拟边框、设备切换、模式切换、可视化布局界面一键转换为hml和css文件等。

④ 画布:开发者可在此区域对组件进行拖拽、拉伸等可视化操作,构建UI界面布局效果。

⑤ 属性样式栏:选中画布中的相应组件后,在右侧属性样式栏可以对该组件的属性样式进行配置。

更多低代码开发详情请参考官网:

https://developer.harmonyos.com/cn/docs/documentation/doc-guides/ide-low-code-0000001158284713

三、HarmonyOS低代码开发的主要特点

HarmonyOS低代码开发利用可视化“拖拉拽”的开发方式替代传统的编码开发,免去了开发人员手动编写平台相关代码,减轻了非技术开发人员的压力,通过编写少量代码即可完成UI界面的开发,可有效降低开发者的上手成本并提升开发者构建UI界面的效率。

接下来我们一起看看HarmonyOS低代码开发平台有哪些特点:

1. 丰富的组件和模板

如图2所示,低代码开发是基于一个个组件的,目前已支持20个组件,同时IDE还提供了一系列常用场景下的模板,帮助开发者快速上手。

图2 丰富的组件和模板

2. 高效的可视化设计

HarmonyOS低代码开发针对UI界面开发提供了一整套的可视化设计工具。

(1)拖拽组件时显示辅助条

如图3所示,当开发者拖拽ListItem组件时,只有移动到配套的List组件中,才会出现可以放置组件的辅助条,避免组件错配问题。开发者在对组件“拖拉拽”时会自动生成代码,减少了开发者在代码编写中常见的问题,比如拼写错误、标签闭环等。

图3 组件拖拽

(2)缩放和参数调整。

如图4所示,可以直接拖拽组件实现组件缩放,也可以如图5通过属性栏来给每个组件做详细的参数配置。

图4 组件缩放

图5 参数调整

(3)其他功能

HarmonyOS低代码开发支持复制、剪切、粘贴、撤销、重做等常用的功能。

针对前端开发常用的颜色调整,HarmonyOS低代码开发提供了一个颜色选择器,方便开发者对组件或字体的颜色等作出调整,还会记录历史选用过的颜色。

针对image组件,或者其他组件的背景图片,HarmonyOS低代码开发提供了图片资源选择器,方便开发者选择图片,避免手动输入图片文件路径的麻烦。

3. 所见即所得

HarmonyOS低代码开发提供所见即所得的能力,如图6所示,当开发者在低代码编辑器上修改时,所看到的效果和预览器上的效果相同,这样开发者就无需频繁地在代码与预览之间切换,只需专注于前端页面的开发,更加高效便捷。

图6 所见即所得

4. 多设备开发

针对HarmonyOS面向多设备的特性,低代码编辑器还支持多屏流转、多端部署。如图7所示,开发者在低代码开发平台可以非常方便地进行多设备开发及横竖屏切换。同时,开发者也可以选择针对某一个设备的显示效果以可视化的形式进行调整,而不影响到其他设备,极大提高了多设备页面开发的效率。

图7 多设备开发

5. 逻辑解析和关联

在视觉页面调整完成后,如果想让UI界面具有动态化能力,就必须对其中的数据、事件进行绑定。如图8所示,低代码开发平台复用了HarmonyOS应用开发框架的接口,自动分析开发者在代码中编写的数据与事件,以便让开发者对组件进行数据和事件绑定,让页面真正能动态化起来。

图8 逻辑解析和关联

四、HarmonyOS低代码开发示例

接下来给大家演示用低代码开发一个运动健康页面的原子化服务:

(由于视频无法上传,附上视频下载地址,请大家点击链接、下载后观看:

https://alliance-communityfile-drcn.dbankcdn.com/FileServer/getFile/publicContent/103/404/958/0260086000103404958.20211116093331.53702438380437433881177321941588:50521115014044:2800:EEEE92551C36149689ED233B54D07DD54EFC5F8D9CDB8347DD4B36DF203430A8.mp4

看完视频,是不是觉得超简单?只需通过“拖拉拽”就可以轻松完成UI界面开发,就算是没有代码基础的小白也可以轻松上手,还在等什么,赶紧打开IDE快速开发你的UI界面吧。

HarmonyOS低代码开发未来还将支持自定义组件,更多功能特性,敬请期待!

HDC2021技术分论坛:HarmonyOS低代码开发介绍的更多相关文章

  1. HDC2021技术分论坛:如何高效完成HarmonyOS分布式应用测试?

    作者:liuxun,HarmonyOS测试架构师 HarmonyOS是新一代的智能终端操作系统,给开发者提供了设备发现.设备连接.跨设备调用等丰富的分布式API.随着越来越多的开发者投入到Harmon ...

  2. HDC2021技术分论坛:“积木拼装”,HarmonyOS弹性部署大揭秘!

    作者:peitaiyi,华为终端OS产品交付专家 HarmonyOS是一款面向万物互联时代的.全新的分布式操作系统.在传统的单设备系统能力基础上,HarmonyOS提出了基于同一套系统能力.适配多种终 ...

  3. HDC2021技术分论坛:组件通信、硬件池化,这些创新技术你get了吗?

    作者:ligang 华为分布式硬件技术专家,sunbinxin 华为应用框架技术专家 HarmonyOS是一款全新的分布式操作系统,为开发者提供了元能力框架.事件通知.分布式硬件等分布式技术,使能开发 ...

  4. HDC2021技术分论坛:异构组网如何解决共享资源冲突?

    作者:lijie,HarmonyOS软总线领域专家 相信大家对HarmonyOS的"超级终端"比较熟悉了.那么,您知道超级终端场景下的多种设备在不同环境下是如何组成一个网络的吗?这 ...

  5. HDC2021技术分论坛:进程崩溃/应用卡死,故障频频怎么办?

    ​作者:jiwenqiang,DFX技术专家 提到开发一个产品,我们通常首先想到的是要实现什么样的功能,但是除了功能之外,非功能属性也会很大程度上影响一个产品的体验效果,比如不定时出现的应用卡死.崩溃 ...

  6. 从表单驱动到模型驱动,解读低代码开发平台的发展趋势 ZT

    原文地址:https://www.grapecity.com.cn/blogs/read-the-trends-of-low-code-development-platforms 随着社会数字化进程的 ...

  7. 为企业应用开发提速,写给企业IT部门的低代码开发基础知识

    简介:应用程序开发长期以来一直是IT部门和业务部门面临的问题. IT部门总是被新的应用程序需求弄得不堪重负.他们不可能完成业务部门想要完成的每一个项目. 同时,业务部门的用户厌倦了等待,并开始完全绕过 ...

  8. APICloud发布低代码开发平台

    云原生的出现,致使传统IT模式正在集中向云架构.云开发转型,其中在企业业务的互联网化.数字化进程中尤为突出,并衍生出“敏捷开发”.“快速迭代”的刚性需求.面对双模IT,如何打造全新的IT团队与模式?并 ...

  9. 低代码开发LCDP,Power Apps系列 - 新建泰勒创新中心门户案例

    低代码简介 上世纪八十年代,美国就有一些公司和实验室开始了可视化编程的研究,做出了4GL"第四代编程语言",到后来衍生成VPL"Visual Programming La ...

  10. 低代码开发LCDP,Power Apps系列 - 搭建入职选购电脑设备案例

    低代码简介 上世纪八十年代,美国就有一些公司和实验室开始了可视化编程的研究,做出了4GL"第四代编程语言",到后来衍生成VPL"Visual Programming La ...

随机推荐

  1. Nebula Graph 源码解读系列 | Vol.05 Scheduler 和 Executor 两兄弟

    本文首发于 Nebula Graph Community 公众号 上篇我们讲述了 Query Engine Optimizer 部分的内容,在本文我们讲解下 Query Engine 剩下的 Sche ...

  2. IISExpress 跨域cookie的奇怪问题

    测试环境 WIN10,IIS 10,IISExpress 10,Chrome 120,Microsoft Edge 114 网站A 端口7001 只有1个Default.aspx,无前端代码.逻辑很简 ...

  3. Java //内存解析

  4. 青少年CTF训练平台-web部分随笔

    文章管理系统 首先打开环境(>ω<。人)ZZz♪♪ 既然要做题,就要做全面了,图上说了,既然有假flag我就先找出来: 假flag: 打开vmware,使用sqlmap进行处理: sqlm ...

  5. Educational Codeforces Round 143 (Rated for Div. 2)C. Tea Tasting(前缀和+二分、贡献枚举)

    C. Tea Tasting 思路 这里枚举有三种思路 然后经过考虑3是最可行的,然后接着考虑如何计算贡献 这里在实现的时候用了一个差分数组,因为我们需要记录第i个茶师它喝了多少个\(b_i\)以及不 ...

  6. (广州南沙)vue知识点整理2021,主要是防止忘记防备快速翻看

         ///////////////////////////   vue 中使用路由技巧:router //////////////////////////////// 写笔记说明,之前在江门工作 ...

  7. 聊聊Web项目中的权限设计

    一般的Web项目中都少不了登录这个环节,登录之后就需要跳转到首页,并且根据 当前用户的信息,获取到对应的菜单信息,可以操作的方法信息等等.这个只是针对于 操作权限,至于数据权限处理起来会更加复杂一些. ...

  8. Springboot中-全局异常处理类用法示例

    使用springboot搭建web项目的时候,一般都会添加一个全局异常类,用来统一处理各种自定义异常信息, 和其他非自定义的异常信息,以便于统一返回错误信息.下面就是简单的示例代码, 自定义异常信息. ...

  9. C++数值类型与string、CString之间的转换

    目录 数值范围 数值类型与string互相转换 数值类型转换为string 使用函数模板+ostringstream 使用标准库函数std::to_string() string转换为数值类型 使用函 ...

  10. java多线程的锁整理

    参考,欢迎点击原文:https://www.jianshu.com/p/473a3d96a1b0(java锁总结) https://www.jianshu.com/p/dcabdf695557(Ree ...