[文章]#HarmonyOS征文#—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/%E6%96%B0%E4%BA%BA%E5%85%A5%E9%97%A8%E7%BB%83%E4%B9%A02
附件：