> 文档中心 > 基于Hi3516开发板天气显示hap文件实现

基于Hi3516开发板天气显示hap文件实现

1、【实验目的】

1、将HarmonyOS创建的项目移植入鸿蒙系统中并应用

​​​​​​​2、实验准备

  1. 提前准备好软件开发环境,DevEco Studio 2.1.0.501 x64,MobaXterm1_CHS1,Ubuntu16.04及以上64位系统版本。
  2. 准备BearPi-Micro,与USB转串口数据线。

​​​​​​​3、【实验步骤】

  1. 创建一个新项目;

   2. 点击Empty Ablilty(JS)项目,再点击Next;

3、自己命名项目名称,选择Application,Smart Vision,再点击Filsh;

4、创建项目完成时的界面:

5、接下来重点关注MyApplication\entry\src\main\js\default\pages\index\目录下的三个文件

.hml文件语法与HTML语法基本一致,是组成整个app的重要文件,相当于身体;

.css文件的语法是CSS,是修饰整个app的文件,相当于是衣服;

.js文件的语法是JavaScript,相当于是动作脚本;

这个环节的代码编写开发基本脱离硬件。

 

6、闹钟项目的目录结构

 

7、Page文件的创建(editAlarm,timeArrive),注意要在pages文件下创建,于index文件同级

8、index文件代码:附录1

9、editAlarm文件代码:附录2

10、timeArrive文件代码:附录3

11、生成hap文件,编译成功则会生成对应的.hap文件;

12、将文件烧录生成应用app

(1)将开发板与电脑用数据线连接,打开超级串口助手(MobaXterm1_CHS1),选择串口会话,波特率为115200;

 

(2)可进入命令窗口;

 

(3)可以实验linux命令进行操作,进入/vendor/hap_tools/hap_example/。可以看到系统已经内置一些实例软件;

 

(4)安装.hap文件

 

 

​​​​​​​4、【实验现象

   实验现象可在软件端进行查看:点击最右边的Previewer

 index界面现象:

 editAlarm界面现象:

 timeArrive界面现象:

1.5 【附件】

    注意:另外新建两个文件夹:一个存放(参考资料)  另一个存放(实验代码)

 

镜像源码路径:

https://gitee.com/link?target=https%3A%2F%2Frepo.huaweicloud.com%2Fharmonyos%2Fos%2F3.0%2Fcode-v3.0-LTS.tar.gz