网站开发速成培训机构,html5响应式网站模版,python网站开发实战,个人网站icp备案教程使用低代码开发应用或服务有以下两种开发方式#xff1a;
创建一个支持低代码开发的新工程#xff0c;开发应用或服务的UI界面。在已有工程中#xff0c;创建Visual文件来开发应用或服务的UI界面。
ArkTS工程和JS工程使用低代码的步骤相同#xff0c;接下来以JS工程为例分…使用低代码开发应用或服务有以下两种开发方式
创建一个支持低代码开发的新工程开发应用或服务的UI界面。在已有工程中创建Visual文件来开发应用或服务的UI界面。
ArkTS工程和JS工程使用低代码的步骤相同接下来以JS工程为例分别讲解这两种开发方式。
创建新工程支持低代码开发
在工程模板中提供了低代码开发的工程模板您可以直接选择一个支持低代码开发的工程模板来开发应用或服务的UI界面。 NOTE 该功能在DevEco Studio 3.0 Beta2及更高版本中支持且compileSdkVersion必须为7或以上。ArkTS低代码要求compileSdkVersion必须为8或以上。 接下来我们以创建一个Empty Ability工程模板为示例进行说明。
1.打开DevEco Studio创建一个新的工程选择Empty Ability模板。 2.打开Enable Super Visual表示使用低代码开发功能开发应用/服务。单击Finish等待工程同步完成。 同步完成后工程目录中自动生成低代码目录结构。
pages index index.js低代码页面的逻辑描述文件定义了页面里所用到的所有的逻辑关系比如数据、事件等详情请参考JS语法参考。如果创建了多个低代码页面则pages目录下会生成多个页面文件夹及对应的js文件。 NOTE 使用低代码页面开发时其关联js文件的同级目录中不能包含hml和css页面例如上图中的js MainAbility pages index目录下不能包含hml与css文件可能出现报错。 pages index index.visualvisual文件存储低代码页面的数据模型双击该文件即可打开低代码页面进行可视化开发设计。如果创建了多个低代码页面则pages目录下会生成多个页面文件夹及对应的visual文件。
3.打开“index.visual”文件即可进行页面的可视化布局设计与开发。 NOTE 使用低代码开发界面过程中如果界面需要使用到其它暂不支持可视化布局的控件时可以在低代码界面开发完成后单击按钮将低代码界面转换为hml和css代码。注意代码转换操作会删除visual文件及其父目录且为不可逆过程代码转换后不能通过hml/css文件反向生成visual文件。 多设备开发的场景可以单击界面画布右上角设备/模式切换按钮进行设备切换或模式切换。其中单击按钮切换到Media Query模式可以针对不同设备和屏幕状态设置专属的样式和属性值如下图当前模式仅针对P40竖屏状态有效 在已有工程中添加Visual支持低代码开发
在已有的HarmonyOS工程中可以通过创建Visual文件的方式使用低代码开发应用或服务的UI界面要求compileSdkVersion必须为7或以上。ArkTS低代码要求compileSdkVersion必须为8或以上。
1.在打开的工程中选中模块的pages文件夹单击鼠标右键选择New Visual Page。 2.在弹出的对话框中输入Visual name单击Finish。创建Visual后会在工程中自动生成低代码的目录结构如下图所示
pages page page.js低代码页面的逻辑描述文件定义了页面里所用到的所有的逻辑关系比如数据、事件等详情请参考JS语法参考。如果创建了多个低代码页面则pages目录下会生成多个页面文件夹及对应的js文件。 NOTE 使用低代码页面开发时其关联js文件的同级目录中不能包含hml和css页面例如上图中的js MainAbility pages page目录下不能包含hml与css文件否则可能报错。 pages page page.visualvisual文件存储低代码页面的数据模型双击该文件即可打开低代码页面进行可视化开发设计。如果创建了多个低代码页面则pages目录下会生成多个页面文件夹及对应的visual文件。 NOTE DevEco Studio预置了JS Visual模板该模板对应的SDK版本为API 7。因此在创建JS Visual文件时如果模块的compileSdkVersion低于7则会对新建的JS Visual文件对应的SDK版本进行降级处理使其与模块对应的SDK版本保持一致。 不建议通过文本编辑的方式更改visual文件否则可能导致不能正常使用低代码功能。 3.打开“page.visual”文件即可进行页面的可视化布局设计与开发。 NOTE 使用低代码开发界面过程中如果界面需要使用到其它暂不支持可视化布局的控件时可以在低代码界面开发完成后单击按钮将低代码界面转换为hml和css代码。注意代码转换操作会删除visual文件及其父目录且为不可逆过程代码转换后不能通过hml/css文件反向生成visual文件。 多设备开发的场景可以单击界面画布右上角设备/模式切换按钮进行设备切换或模式切换。其中单击按钮切换到media query模式可以为组件设置不同的样式和属性。当前media query模式仅针对不同设备类型和不同屏幕状态横屏\竖屏有效。 为了能够让大家跟上互联网时代的技术迭代在这里跟大家分享一下我自己近期学习心得以及参考网上资料整理出的一份最新版的鸿蒙学习提升资料有需要的小伙伴自行领取限时开源先到先得~~~~
领取以下高清学习路线原图请点击→《鸿蒙全套学习指南》纯血鸿蒙HarmonyOS基础技能学习路线图 领取以上完整高清学习路线图请点击→《鸿蒙 (Harmony OS)开发学习手册》小编自己整理的部分学习资料包含有高清视频、开发文档、电子书籍等 以上分享的学习路线都适合哪些人跟着学习 -应届生/计算机专业通过学习鸿蒙新兴技术入行互联网未来高起点就业。 -0基础转行提前布局新方向抓住风口自我提升获得更多就业机会。 -技术提升/进阶跳槽发展瓶颈期提升职场竞争力快速掌握鸿蒙技术享受蓝海红利。 最后
鸿蒙开发学习是一个系统化的过程从基础知识的学习到实战技能的锤炼再到对前沿技术的探索每一环节都至关重要。希望这份教程资料能帮助您快速入门并在鸿蒙开发之路上步步攀升成就一番事业。让我们一起乘风破浪拥抱鸿蒙生态的广阔未来
如果你觉得这篇内容对你有帮助我想麻烦大家动动小手给我点赞转发有你们的 『点赞和评论』才是我创造的动力。
关注我同时可以期待后续文章ing不定期分享原创知识。
想要获取更多完整鸿蒙最新VIP学习资料请点击→《鸿蒙基础入门学习指南》
