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

鸿蒙时代
发布于 2021-8-20 14:38
浏览
0收藏

一、技术相关

卡片语言: Js

体验模板: ptbangding

工具:deveco studio

二、效果如下
HarmonyOSAPP开发- 数学计算应用练习-鸿蒙开发者社区

HarmonyOSAPP开发- 数学计算应用练习-鸿蒙开发者社区

部分代码如下图

Hml
HarmonyOSAPP开发- 数学计算应用练习-鸿蒙开发者社区

Css

HarmonyOSAPP开发- 数学计算应用练习-鸿蒙开发者社区

Js

HarmonyOSAPP开发- 数学计算应用练习-鸿蒙开发者社区

HarmonyOSAPP开发- 数学计算应用练习-鸿蒙开发者社区

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

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

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

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

三、体验开发过程

第一步

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

©著作权归作者所有,如需转载,请注明出处,否则将追究法律责任
分类
标签
HarmonyOSAPP开发- 数学计算应用练习.zip 1.94M 22次下载
收藏
回复
举报
回复
    相关推荐