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

一、技术相关

卡片语言: Js

体验模板： hello world

工具：deveco studio

二、效果如下

三、学习体验步骤

第一步

新建一个js的应用项目

选择一个js的helloworld模板

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

部分代码如下图

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

第二步

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

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

部分代码如下图

第三步

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

代码如下图

完整代码地址：

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