HarmonyOS鸿蒙Next ArkUI入门训练营—健康生活实战：使用eTS开发一款To Do类软件

HarmonyOS鸿蒙Next ArkUI入门训练营—健康生活实战：使用eTS开发一款To Do类软件

1. 应用概述

Harmony To Do是一款To Do类应用，用户可以使用该应用高效的管理日常琐碎事项，不论是学生还是程序员都可以使用它来有条理地安排自己的学习/工作任务。

2. 灵感来源

作为一名大学生，一个学期常常需要修十余门课，每门课又常常有课上实验、实验报告、课下作业、大作业等众多考核方式，每当临近期末，我们常常因为deadline管理而焦头烂额。微软出品的Microsoft To Do 就是解决这个问题的一款成熟的任务管理软件。它可以展示用户已完成和未完成的任务，用户可以通过输入任务名称、截止日期等信息来创建任务。

本人希望仿照Microsoft To Do 在手机端的实现，使用eTS语言，基于ArkUI，为Harmony OS用户带来一款专属于Harmony OS的一款TODO 软件——Harmony To Do，并解决Microsoft To Do的一些使用痛点。

3. 开发环境

源代码请使用Harmony OS开发者工具 DevEco Studio 进行调试和编译。

运行环境：

• DevEco Studio 3.0.0.993
• Harmony OS SDK : API Version 8
• OpenHarmony SDK : API Version 9

本项目使用Harmony OS SDK : API Version 8开发。

不建议使用更旧的DevEco Studio版本和SDK配置，这可能会导致预览、运行出现问题。

4. 功能设计

本应用主要实现了添加任务、查看任务详情、删除任务、编辑任务、对任务进行排序等功能。

Microsoft To Do在首页显示截止时间时只精确到日期，然而有些作业的ddl常常是23:50这种时间，这可能导致我们错过ddl。Harmony To Do在首页直接显示任务的截止时间（精确到分钟），有效避免了错过ddl的问题。

提供多种排序方式是十分重要的，这能让用户按照自己需要的方式得知任务的分布情况。为此，我们将排序作为关键要素置于主页右上角，方便用户进行设置；同时设置多种排序方式，帮助用户梳理当前任务分布。

5. UI设计

UI设计参照了Microsoft To Do，将是否完成、是否星标、任务名称、截止时间作为关键信息直接传达给用户；在特定任务上左滑，可以删除该任务；右滑则可以编辑该任务。这样一来，用户只需要付出很小的学习成本便可以带来应用使用时效率的大幅提升，同时也可以使得页面外观更加的简洁。

6. 技术细节

Harmony OS应用开发方式有两种，分别是Java开发和基于ArkUI开发，其中基于ArkUI开发又可细分为基于eTS的声明式开发范式和基于JS的Web式开发范式。后者类似于微信小程序开发或者Web开发，使用html/wxml + css + js 的三段式结构，而前者是一种全新的声明式开发范式，由状态驱动。由于声明式开发范式无需JS Framework进行页面DOM管理，渲染更新链路更为精简，占用内存更少，因此官方更推荐开发者选用声明式开发范式来搭建应用UI界面，本应用也是选择了这种开发方式。

项目架构上，与常见的MVC架构略有不同，由于声明式开发范式中控制层直接在页面组件后采用链式调用的方式实现，所以项目文件主要包括model和pages两部分，其中前者实现数据模型，后者构建页面逻辑和样式。

7. 心得

(1) 初步掌握了Harmony OS的开发流程，能够基于Harmony OS、ArkUI开发app。

(2) 初步掌握了声明式开发范式，脱离了类Web开发范式的单一框架，为以后学习Swift、Flutter等前端框架打了基础，为今后团队性工作、大型应用构建做铺垫。

(3) 锻炼了查阅文档的能力。

(4) 磨练了心性，锻炼了debug能力。