鸿蒙如何用JS开发智能手表App

阅读本文需要3分钟

?

介绍如何用JS开发智能手表App,首先按下图创建智能手表的工程(工程名是MyFirstWatch)。

鸿蒙如何用JS开发智能手表App

?

watch工程目录的结构与TV工程的结构类似,只是源代码除了java部分,还有js部分,而且多了个node_modules目录,用过Node的同学都应该很清楚,这个目录是保存Node中模块的。js目录包含了所有相关的JS、HTML和CSS代码。watch工程目录结构如下图所示。

鸿蒙如何用JS开发智能手表App

现在着重看一下js目录,结构如下:

?

鸿蒙如何用JS开发智能手表App

在js/default目录下,有3个子目录:common、i18n和pages。其中common是一些资源,如图像等。i18n用于国际化,默认有两个文件:en-US.json和zh-CN.json,分别表示英文和中文字符串。pages目录包含了一些代码文件。index是默认生成的首页目录。其中包含3个文件:index.css、index.hml和index.js。其中index.hml是定制的HTML文件(减少了部分标签,也增加了一些标签,但总体风格与HTML非常接近)。现在分别看一下这3个文件的代码:

鸿蒙如何用JS开发智能手表App

?

从这3个文件的代码可以看出,与微信小程序的开发方式非常接近。而且大多数技术都是Web栈的,因此,只要会Web、微信小程序的程序员,很容易上手。

现在按前面的方式申请智能手表虚拟设备,效果如下图所示。

鸿蒙如何用JS开发智能手表App

?

现在运行程序,会得到下面的结果:
鸿蒙如何用JS开发智能手表App

?

如果要修改输出文本,可以直接修改国际化文件zh-CN.json,也可以直接修改index.js或index.hml文件。

鸿蒙如何用JS开发智能手表App

?

欢迎关注公众号:Python爬虫数据分析挖掘,回复【开源源码】免费获取更多开源项目源码

公众号每日更新python知识和【免费】工具

鸿蒙如何用JS开发智能手表App

鸿蒙如何用JS开发智能手表App

(0)
(0)
   
举报
评论 一句话评论(0
上一篇:JSON 简介


下一篇:JSON 语法