当前位置: 首页 > 科技观察

HarmonyOS Ark js低代码开发注意事项及登录实例_0

时间:2023-03-12 17:19:14 科技观察

鸿蒙方舟js低代码开发注意事项及登录示例,编辑器及版本要求如下:2、安装好相应的开发工具后,新建项目时需要选择方舟,见下图红色部分.注意:如果没有ark选项,需要在编辑器file->setting中进行配置,配置如下:二、方舟认知与角色扮演讲解1、方舟主要是帮助我们快速写出我们想要的页面。它可以自动生成html、css。2.记住方舟不能帮我们写js逻辑代码,但是可以帮助开发者快速将页面控件事件与开发者编写的JS函数关联起来,也可以快速将控件上的文字显示与JS中的data数据关联起来。也就是说,方舟是用来编写页面和布局,关联事件功能和数据展示的。具体的函数和数据变量还是要开发者提前写好。三、本次开发基础知识讲解1、CSS布局中几个重要的布局。flex-direction:columnorrow;/*垂直或水平布局*/justify-content:center;/*居中排列*/align-items:center;/*居中排列*/text-align:center;/*居中排列*/具体解释请点击这里!2、harmonyos中的js页面结构如下1-1。页面由数据和函数组成。数据格式如下data:{title:"",test:{date:"2021.11.03",}},更改key对应的value后,你要关联的地方的显示也会相应地改变。1-2、函数又分为自定义函数和系统可继承函数。自定义功能,你可以随意添加。继承函数需要看参考文档,不过编辑器开发有个捷径。输入on后会弹出功能提示。比如onActive?()等提示都写好了。自动调用条件。页面生命周期和系统可以主动调用的函数如下,请点击查看详情。四、字符串使用1、匹配表形式,在json文件中配置字符串对应i18n中的多语言。配置文件格式如下:使用方法如下:2、直接输入法。这就说明了,推荐大家使用第一种。5、界面跳转、参数传递、参数接收。目标页面的js中使用的参数如下:6.开发示例的简单步骤如下:官方示例参考文档点此1、开始制作你想要的界面索引和测试界面**注意:**眼尖的同学可能已经注意到索引界面arkUI和实际效果展示在登录页面的文字位置有偏差,怀疑是当前版本的bug。2、实际演示效果如下:登录没有居中,只能手动修改css使其居中。3、方法二登录界面效果图如下:更多信息请访问:与华为官方共建的鸿蒙技术社区https://harmonyos.51cto.com