HarmonyOSAPP开发- 数学计算应用练习 原创

一、技术相关

卡片语言: Js

体验模板： ptbangding

工具：deveco studio

二、效果如下

部分代码如下图

Hml

Css

Js

上面图片中的方法表示将传进来的数进行开方，并保留两位小数。

二、遇到的问题及总结讨论

Hml写的重复的代码太多了，有什么办法可以简写吗？

布局为竖的时候换行就成横的了。

三、体验开发过程

第一步

新建一个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/ptbangding