HarmonyOSAPP开发-- 新人快速入门练习作品 原创

发布于 2021-8-12 10:10
浏览
0收藏

一、技术相关

卡片语言: Js

体验模板: hello world

工具:deveco studio

二、效果如下
HarmonyOSAPP开发-- 新人快速入门练习作品-开源基础软件社区

HarmonyOSAPP开发-- 新人快速入门练习作品-开源基础软件社区

三、学习体验步骤

第一步

新建一个js的应用项目

选择一个js的helloworld模板

然后构建完成项目后在js下default-pages的html和css中编写

部分代码如下图

HarmonyOSAPP开发-- 新人快速入门练习作品-开源基础软件社区

运行完之后第一个效果页面基本完成了

第二步

在“Project”窗口,打开“entry > src > main > js > default”,右键点击“pages.index”文件夹,选择“New > JS Page”,命名为“details”,单击回车键。创建完成后,可以看到“pages.index”文件夹下的文件目录结构如下图

HarmonyOSAPP开发-- 新人快速入门练习作品-开源基础软件社区

然后在datails的hml和css中写入代码,即可完成第二个页面。

部分代码如下图
HarmonyOSAPP开发-- 新人快速入门练习作品-开源基础软件社区

第三步

打开第一个页面的“index.js”文件,导入router模块,页面路由router根据页面的uri来找到目标页面,从而实现跳转。

代码如下图
HarmonyOSAPP开发-- 新人快速入门练习作品-开源基础软件社区

完整代码地址:

https://gitee.com/jltfcloudcn/jump_to/tree/master/新人入门练习2

©著作权归作者所有,如需转载,请注明出处,否则将追究法律责任
标签
HarmonyOSAPP开发-- 新人快速入门练习作品.docx 242.67K 26次下载
1
收藏
回复
举报
回复
添加资源
添加资源将有机会获得更多曝光,你也可以直接关联已上传资源 去关联
    相关推荐