knowledge_demo_smart_home/FA/TodoList

TodoList应用代码介绍

一、简介

1、样例效果

TodoList应用是基于OpenHarmony SDK开发的安装在润和HiSpark Taurus AI Camera(Hi3516d)开发板上的应用；应用主要功能是以列表的形式，展示需要完成的日程；通过本demo可以学习到 JS UI 框架List使用；

2.设计OpenHarmony技术特性

• JS UI
  

3.支持OpenHarmony版本

OpenHarmony 3.0 LTS

4.支持开发板

• 润和HiSpark Taurus AI Camera(Hi3516d)开发板套件

二、快速上手

1.标准设备环境准备

以润和HiSpark Taurus AI Camera(Hi3516d)开发板套件为例

• 获取OpenHarmony源码，OpenHarmony版本须3.0LTS；
• 安装开发板环境
• 开发板烧录

2.应用编译环境准备

• 下载DevEco Studio 3.0.0.601版本 下载地址；
• 配置SDK，参考 配置OpenHarmony-SDK
• DevEco Studio 点击File -> Open 导入本下面的代码工程TodoList

3.项目下载和导入

项目地址：https://gitee.com/openharmony-sig/knowledge_demo_smart_home/tree/master/FA/TodoList

1）git下载

git clone git@gitee.com:openharmony-sig/knowledge_demo_smart_home.git

2）项目导入

打开DevEco Studio,点击File->Open->下载路径FA/TodoList

4.安装应用

• 配置应用签名信息

• 安装应用

打开OpenHarmony SDK路径 \toolchains 文件夹下，执行如下hdc_std命令，其中path为hap包所在绝对路径。

  hdc_std install -r path\entry-debug-standard-ark-signed.hap

PS环境准备，源码下载，编译，烧录设备，应用部署的完整步骤请参考这里

三、关键代码解读

1.目录结构

├─entry\src\main
│          │  config.json  //应用配置文件
│          │  
│          ├─js
│          │  └─MainAbility
│          │      │  app.js  // 应用程序入口
│          │      │  
│          │      ├─common   // 公共资源
│          │      │  │  checkbutton.png
│          │      │  │  delete.png
│          │      │  │  done.png
│          │      │  │  head0.png
│          │      │  │  head1.png
│          │      │  │  head2.png
│          │      │  │  head3.png
│          │      │  │  head4.png
│          │      │  │  right.png
│          │      │  │  
│          │      │  └─images
│          │      │          bg-tv.jpg
│          │      │          Wallpaper.png
│          │      │          
│          │      ├─i18n   // 多语言文件
│          │      │      en-US.json
│          │      │      zh-CN.json
│          │      │      
│          │      └─pages
│          │          └─index
│          │                  index.css  //页面样式
│          │                  index.hml  //首页展示
│          │                  index.js   //页面逻辑
│          │                  
│          └─resources
│              ├─base
│              │  ├─element
│              │  │      string.json
│              │  │      
│              │  └─media
│              │          icon.png
│              │          
│              └─rawfile

2.日志查看方法

hdc_std shell hilog > /C:\Users\china\Desktop\hilog.txt

3.关键代码

• UI界面 index.hml

四、如何从零开发TodoList

从零开发TodoList

五、参考链接

• OpenHarmony 基于JS扩展的类Web开发范式
• OpenHarmony应用接口