鸿蒙开发之低代码范式

一个医学生转行的前端程序猿
如果你觉得文章对你有帮助,欢迎赞赏

内容目录

创建项目添加页面元素添加交互新建页面赞赏小编

创建项目

在之前的文章中,我们知道了开发鸿蒙App有声明式和类Web式开发,其实还有一种更接地气的开发方式,那就是现在比较火热的低代码式开发。

先看下最终的实现效果

鸿蒙开发之低代码范式

创建项目的时候,和之前不同的是,要将Enable Super Visual开启

鸿蒙开发之低代码范式

添加页面元素

页面搭建和市面常见的低代码工具类似,只需对相应组件拖拽就可以实现页面,同时在面板右侧的Properties编辑组件的属性和内容,如果要引用动态数据,还是要在对应的.ets文件中定义好,然后引用就可以了

鸿蒙开发之低代码范式

添加交互

交互需要在面板右侧的Events中中引用就可以,同样函数,要在.ets文件中定义好

新建页面

和前两种方式类似,只是低代码方式新增页面,需要在./PROJECT_PATH/entry/src/main/supervisual/pages右键,选择新建Visual即可,新建成功之后,会在./PROJECT_PATH/entry/src/main/ets/pages生成对应的.ets文件,和声明式开发格式基本一致


赞赏小编

如果你觉得到文章对你有帮助,欢迎赞赏,有你的支持,小编一定会越来越好!


点击下方“阅读原文”查看源代码
↓↓↓ 

原文始发于微信公众号(蜗牛全栈):鸿蒙开发之低代码范式

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

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/179392.html

(0)
小半的头像小半

相关推荐

发表回复

登录后才能评论
极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!