鸿蒙 ArkTS 实战：Community Health Screening 从社区服务到完成闭环完整解析

前言

Community Health Screening 是一个面向社区服务和公共协作的鸿蒙 ArkTS 示例应用，中文场景可以理解为“社区健康筛查”。社区健康筛查记录血压、视力等筛查报名，并跟踪指标、异常提醒和报告导出。

健康筛查的价值在于发现异常并留痕，报名人数和异常记录都需要清晰呈现。 项目通过 ArkTS 接口建模、@State 状态管理、ArkUI 声明式布局、数量统计 和 完成状态 完成一个可运行的单页工具。

在这里插入图片描述

页面示意图对应 Community Health Screening 的信息架构：顶部展示数量统计和完成比例，中部展示业务模块，底部完成新增记录和列表处理。

社区服务类页面的关键是闭环：有记录，有数量，有备注，有状态，最后能确认是否完成。

一、项目定位与业务目标

1.1 场景拆解

社区健康筛查 的基础对象是一条服务记录，用户需要同时看到标题、数量、备注和完成状态。
源码默认记录包含 Blood pressure booth 和 Vision screening，数量分别是 36 与 28。
amount 字段在这里表示筛查报名数，单位可以理解为人。

业务元素 项目表达 用户收益
记录标题 title 快速识别社区健康筛查事项
数量指标 amount 汇总筛查报名数
备注说明 note 保存位置、异常、反馈或处理说明
完成状态 done 表示服务是否完成

1.2 核心用户路径

  1. 打开页面查看顶部数量统计。
  2. 通过四个功能标签理解服务范围。
  3. 填写标题、数量和备注。
  4. 点击 Add record 新增记录。
  5. 通过复选框调用 toggleDone 更新完成状态。

1.3 服务价值

在 Community Health Screening 中，服务价值服务于社区健康筛查这个具体场景，目标是让社区记录和完成状态同步可见。
页面通过 records 管理记录数组，通过 totalAmount() 汇总筛查报名数，通过 doneCount() 统计完成记录。
当用户新增或勾选记录时，@State 会推动顶部统计、列表数字和行背景同步刷新。

  • 业务对象：社区健康筛查
  • 核心指标：筛查报名数
  • 关键方法：totalAmount()、doneCount()、addRecord()、toggleDone()

二、源码结构总览

2.1 页面文件位置

在 Community Health Screening 中，页面文件位置服务于社区健康筛查这个具体场景，目标是让社区记录和完成状态同步可见。
页面通过 records 管理记录数组，通过 totalAmount() 汇总筛查报名数，通过 doneCount() 统计完成记录。
当用户新增或勾选记录时，@State 会推动顶部统计、列表数字和行背景同步刷新。

  • 业务对象：社区健康筛查
  • 核心指标：筛查报名数
  • 关键方法：totalAmount()、doneCount()、addRecord()、toggleDone()

2.2 代码层次

在 Community Health Screening 中，代码层次服务于社区健康筛查这个具体场景，目标是让社区记录和完成状态同步可见。
页面通过 records 管理记录数组，通过 totalAmount() 汇总筛查报名数，通过 doneCount() 统计完成记录。
当用户新增或勾选记录时，@State 会推动顶部统计、列表数字和行背景同步刷新。

  • 业务对象：社区健康筛查
  • 核心指标：筛查报名数
  • 关键方法：totalAmount()、doneCount()、addRecord()、toggleDone()

2.3 职责边界

在 Community Health Screening 中，职责边界服务于社区健康筛查这个具体场景，目标是让社区记录和完成状态同步可见。
页面通过 records 管理记录数组，通过 totalAmount() 汇总筛查报名数，通过 doneCount() 统计完成记录。
当用户新增或勾选记录时，@State 会推动顶部统计、列表数字和行背景同步刷新。

  • 业务对象：社区健康筛查
  • 核心指标：筛查报名数
  • 关键方法：totalAmount()、doneCount()、addRecord()、toggleDone()

三、数据模型设计

3.1 接口字段

在 Community Health Screening 中，接口字段服务于社区健康筛查这个具体场景，目标是让社区记录和完成状态同步可见。
页面通过 records 管理记录数组，通过 totalAmount() 汇总筛查报名数，通过 doneCount() 统计完成记录。
当用户新增或勾选记录时，@State 会推动顶部统计、列表数字和行背景同步刷新。

  • 业务对象：社区健康筛查
  • 核心指标：筛查报名数
  • 关键方法：totalAmount()、doneCount()、addRecord()、toggleDone()

3.2 字段语义表

字段 类型 当前含义 页面位置
title string 社区健康筛查记录标题 列表主标题
amount number 筛查报名数 统计区和行尾数字
note string 备注说明 列表副文本
done boolean 完成状态 复选框和背景色

3.3 模型特点

在 Community Health Screening 中，模型特点服务于社区健康筛查这个具体场景，目标是让社区记录和完成状态同步可见。
页面通过 records 管理记录数组，通过 totalAmount() 汇总筛查报名数，通过 doneCount() 统计完成记录。
当用户新增或勾选记录时，@State 会推动顶部统计、列表数字和行背景同步刷新。

  • 业务对象：社区健康筛查
  • 核心指标：筛查报名数
  • 关键方法：totalAmount()、doneCount()、addRecord()、toggleDone()

四、状态管理解析

4.1 状态变量清单

在 Community Health Screening 中，状态变量清单服务于社区健康筛查这个具体场景，目标是让社区记录和完成状态同步可见。
页面通过 records 管理记录数组，通过 totalAmount() 汇总筛查报名数，通过 doneCount() 统计完成记录。
当用户新增或勾选记录时，@State 会推动顶部统计、列表数字和行背景同步刷新。

  • 业务对象：社区健康筛查
  • 核心指标：筛查报名数
  • 关键方法：totalAmount()、doneCount()、addRecord()、toggleDone()

4.2 状态刷新机制

在 Community Health Screening 中，状态刷新机制服务于社区健康筛查这个具体场景，目标是让社区记录和完成状态同步可见。
页面通过 records 管理记录数组，通过 totalAmount() 汇总筛查报名数，通过 doneCount() 统计完成记录。
当用户新增或勾选记录时，@State 会推动顶部统计、列表数字和行背景同步刷新。

  • 业务对象：社区健康筛查
  • 核心指标：筛查报名数
  • 关键方法：totalAmount()、doneCount()、addRecord()、toggleDone()

4.3 业务状态关系

在 Community Health Screening 中，业务状态关系服务于社区健康筛查这个具体场景，目标是让社区记录和完成状态同步可见。
页面通过 records 管理记录数组，通过 totalAmount() 汇总筛查报名数，通过 doneCount() 统计完成记录。
当用户新增或勾选记录时，@State 会推动顶部统计、列表数字和行背景同步刷新。

  • 业务对象：社区健康筛查
  • 核心指标：筛查报名数
  • 关键方法：totalAmount()、doneCount()、addRecord()、toggleDone()

服务页面的可靠感来自一致反馈：数量变了，统计要变；状态变了，颜色和比例也要变。

五、数量统计逻辑

5.1 总量计算

在 Community Health Screening 中，总量计算服务于社区健康筛查这个具体场景，目标是让社区记录和完成状态同步可见。
页面通过 records 管理记录数组，通过 totalAmount() 汇总筛查报名数，通过 doneCount() 统计完成记录。
当用户新增或勾选记录时，@State 会推动顶部统计、列表数字和行背景同步刷新。

  • 业务对象：社区健康筛查
  • 核心指标：筛查报名数
  • 关键方法：totalAmount()、doneCount()、addRecord()、toggleDone()

5.2 完成数量统计

在 Community Health Screening 中，完成数量统计服务于社区健康筛查这个具体场景，目标是让社区记录和完成状态同步可见。
页面通过 records 管理记录数组，通过 totalAmount() 汇总筛查报名数，通过 doneCount() 统计完成记录。
当用户新增或勾选记录时，@State 会推动顶部统计、列表数字和行背景同步刷新。

  • 业务对象：社区健康筛查
  • 核心指标：筛查报名数
  • 关键方法：totalAmount()、doneCount()、addRecord()、toggleDone()

5.3 方法对比

方法 输入 输出 作用
totalAmount() records 数量总和 汇总筛查报名数
doneCount() records 完成数量 驱动完成比例
toggleDone(index) 列表索引 无 切换单条记录完成状态

六、新增记录流程

6.1 输入校验

在 Community Health Screening 中，输入校验服务于社区健康筛查这个具体场景，目标是让社区记录和完成状态同步可见。
页面通过 records 管理记录数组，通过 totalAmount() 汇总筛查报名数，通过 doneCount() 统计完成记录。
当用户新增或勾选记录时，@State 会推动顶部统计、列表数字和行背景同步刷新。

  • 业务对象：社区健康筛查
  • 核心指标：筛查报名数
  • 关键方法：totalAmount()、doneCount()、addRecord()、toggleDone()

6.2 默认备注

在 Community Health Screening 中，默认备注服务于社区健康筛查这个具体场景，目标是让社区记录和完成状态同步可见。
页面通过 records 管理记录数组，通过 totalAmount() 汇总筛查报名数，通过 doneCount() 统计完成记录。
当用户新增或勾选记录时，@State 会推动顶部统计、列表数字和行背景同步刷新。

  • 业务对象：社区健康筛查
  • 核心指标：筛查报名数
  • 关键方法：totalAmount()、doneCount()、addRecord()、toggleDone()

6.3 插入顺序

在 Community Health Screening 中，插入顺序服务于社区健康筛查这个具体场景，目标是让社区记录和完成状态同步可见。
页面通过 records 管理记录数组，通过 totalAmount() 汇总筛查报名数，通过 doneCount() 统计完成记录。
当用户新增或勾选记录时，@State 会推动顶部统计、列表数字和行背景同步刷新。

  • 业务对象：社区健康筛查
  • 核心指标：筛查报名数
  • 关键方法：totalAmount()、doneCount()、addRecord()、toggleDone()

七、页面布局拆解

7.1 滚动容器

在 Community Health Screening 中，滚动容器服务于社区健康筛查这个具体场景，目标是让社区记录和完成状态同步可见。
页面通过 records 管理记录数组，通过 totalAmount() 汇总筛查报名数，通过 doneCount() 统计完成记录。
当用户新增或勾选记录时，@State 会推动顶部统计、列表数字和行背景同步刷新。

  • 业务对象：社区健康筛查
  • 核心指标：筛查报名数
  • 关键方法：totalAmount()、doneCount()、addRecord()、toggleDone()

7.2 顶部统计区

在 Community Health Screening 中，顶部统计区服务于社区健康筛查这个具体场景，目标是让社区记录和完成状态同步可见。
页面通过 records 管理记录数组，通过 totalAmount() 汇总筛查报名数，通过 doneCount() 统计完成记录。
当用户新增或勾选记录时，@State 会推动顶部统计、列表数字和行背景同步刷新。

  • 业务对象：社区健康筛查
  • 核心指标：筛查报名数
  • 关键方法：totalAmount()、doneCount()、addRecord()、toggleDone()

7.3 功能标签区

在 Community Health Screening 中，功能标签区服务于社区健康筛查这个具体场景，目标是让社区记录和完成状态同步可见。
页面通过 records 管理记录数组，通过 totalAmount() 汇总筛查报名数，通过 doneCount() 统计完成记录。
当用户新增或勾选记录时，@State 会推动顶部统计、列表数字和行背景同步刷新。

  • 业务对象：社区健康筛查
  • 核心指标：筛查报名数
  • 关键方法：totalAmount()、doneCount()、addRecord()、toggleDone()

八、列表渲染与状态反馈

8.1 ForEach 渲染

在 Community Health Screening 中，ForEach 渲染服务于社区健康筛查这个具体场景，目标是让社区记录和完成状态同步可见。
页面通过 records 管理记录数组，通过 totalAmount() 汇总筛查报名数，通过 doneCount() 统计完成记录。
当用户新增或勾选记录时，@State 会推动顶部统计、列表数字和行背景同步刷新。

  • 业务对象：社区健康筛查
  • 核心指标：筛查报名数
  • 关键方法：totalAmount()、doneCount()、addRecord()、toggleDone()

8.2 复选框状态

在 Community Health Screening 中，复选框状态服务于社区健康筛查这个具体场景，目标是让社区记录和完成状态同步可见。
页面通过 records 管理记录数组，通过 totalAmount() 汇总筛查报名数，通过 doneCount() 统计完成记录。
当用户新增或勾选记录时，@State 会推动顶部统计、列表数字和行背景同步刷新。

  • 业务对象：社区健康筛查
  • 核心指标：筛查报名数
  • 关键方法：totalAmount()、doneCount()、addRecord()、toggleDone()

8.3 视觉反馈

在 Community Health Screening 中，视觉反馈服务于社区健康筛查这个具体场景，目标是让社区记录和完成状态同步可见。
页面通过 records 管理记录数组，通过 totalAmount() 汇总筛查报名数，通过 doneCount() 统计完成记录。
当用户新增或勾选记录时，@State 会推动顶部统计、列表数字和行背景同步刷新。

  • 业务对象：社区健康筛查
  • 核心指标：筛查报名数
  • 关键方法：totalAmount()、doneCount()、addRecord()、toggleDone()

服务页面的可靠感来自一致反馈：数量变了，统计要变；状态变了，颜色和比例也要变。

九、ArkUI 组件使用

9.1 核心组件表

组件 用途 项目位置
Scroll 页面滚动 最外层容器
Column 垂直布局 页面主体、表单和卡片
Row 横向布局 顶部统计、开关行、列表行
TextInput 输入 标题、数量、备注
Toggle 开关和复选框 通知开关、完成确认
Button 提交 新增记录入口

9.2 输入组件

在 Community Health Screening 中，输入组件服务于社区健康筛查这个具体场景，目标是让社区记录和完成状态同步可见。
页面通过 records 管理记录数组，通过 totalAmount() 汇总筛查报名数，通过 doneCount() 统计完成记录。
当用户新增或勾选记录时，@State 会推动顶部统计、列表数字和行背景同步刷新。

  • 业务对象：社区健康筛查
  • 核心指标：筛查报名数
  • 关键方法：totalAmount()、doneCount()、addRecord()、toggleDone()

9.3 按钮组件

在 Community Health Screening 中，按钮组件服务于社区健康筛查这个具体场景，目标是让社区记录和完成状态同步可见。
页面通过 records 管理记录数组，通过 totalAmount() 汇总筛查报名数，通过 doneCount() 统计完成记录。
当用户新增或勾选记录时，@State 会推动顶部统计、列表数字和行背景同步刷新。

  • 业务对象：社区健康筛查
  • 核心指标：筛查报名数
  • 关键方法：totalAmount()、doneCount()、addRecord()、toggleDone()

十、服务工具扩展方向

10.1 本地持久化

在 Community Health Screening 中，本地持久化服务于社区健康筛查这个具体场景，目标是让社区记录和完成状态同步可见。
页面通过 records 管理记录数组，通过 totalAmount() 汇总筛查报名数，通过 doneCount() 统计完成记录。
当用户新增或勾选记录时，@State 会推动顶部统计、列表数字和行背景同步刷新。

  • 业务对象：社区健康筛查
  • 核心指标：筛查报名数
  • 关键方法：totalAmount()、doneCount()、addRecord()、toggleDone()

10.2 通知提醒

在 Community Health Screening 中，通知提醒服务于社区健康筛查这个具体场景，目标是让社区记录和完成状态同步可见。
页面通过 records 管理记录数组，通过 totalAmount() 汇总筛查报名数，通过 doneCount() 统计完成记录。
当用户新增或勾选记录时，@State 会推动顶部统计、列表数字和行背景同步刷新。

  • 业务对象：社区健康筛查
  • 核心指标：筛查报名数
  • 关键方法：totalAmount()、doneCount()、addRecord()、toggleDone()

10.3 数据导出

在 Community Health Screening 中，数据导出服务于社区健康筛查这个具体场景，目标是让社区记录和完成状态同步可见。
页面通过 records 管理记录数组，通过 totalAmount() 汇总筛查报名数，通过 doneCount() 统计完成记录。
当用户新增或勾选记录时，@State 会推动顶部统计、列表数字和行背景同步刷新。

  • 业务对象：社区健康筛查
  • 核心指标：筛查报名数
  • 关键方法：totalAmount()、doneCount()、addRecord()、toggleDone()

十一、调试与验证

11.1 输入验证

在 Community Health Screening 中，输入验证服务于社区健康筛查这个具体场景，目标是让社区记录和完成状态同步可见。
页面通过 records 管理记录数组，通过 totalAmount() 汇总筛查报名数，通过 doneCount() 统计完成记录。
当用户新增或勾选记录时，@State 会推动顶部统计、列表数字和行背景同步刷新。

  • 业务对象：社区健康筛查
  • 核心指标：筛查报名数
  • 关键方法：totalAmount()、doneCount()、addRecord()、toggleDone()

11.2 交互验证

在 Community Health Screening 中，交互验证服务于社区健康筛查这个具体场景，目标是让社区记录和完成状态同步可见。
页面通过 records 管理记录数组，通过 totalAmount() 汇总筛查报名数，通过 doneCount() 统计完成记录。
当用户新增或勾选记录时，@State 会推动顶部统计、列表数字和行背景同步刷新。

  • 业务对象：社区健康筛查
  • 核心指标：筛查报名数
  • 关键方法：totalAmount()、doneCount()、addRecord()、toggleDone()

11.3 布局验证

在 Community Health Screening 中，布局验证服务于社区健康筛查这个具体场景，目标是让社区记录和完成状态同步可见。
页面通过 records 管理记录数组，通过 totalAmount() 汇总筛查报名数，通过 doneCount() 统计完成记录。
当用户新增或勾选记录时，@State 会推动顶部统计、列表数字和行背景同步刷新。

  • 业务对象：社区健康筛查
  • 核心指标：筛查报名数
  • 关键方法：totalAmount()、doneCount()、addRecord()、toggleDone()

服务页面的可靠感来自一致反馈：数量变了，统计要变；状态变了，颜色和比例也要变。

十二、性能与可维护性

12.1 性能特征

在 Community Health Screening 中，性能特征服务于社区健康筛查这个具体场景，目标是让社区记录和完成状态同步可见。
页面通过 records 管理记录数组，通过 totalAmount() 汇总筛查报名数，通过 doneCount() 统计完成记录。
当用户新增或勾选记录时，@State 会推动顶部统计、列表数字和行背景同步刷新。

  • 业务对象：社区健康筛查
  • 核心指标：筛查报名数
  • 关键方法：totalAmount()、doneCount()、addRecord()、toggleDone()

12.2 可维护性

在 Community Health Screening 中，可维护性服务于社区健康筛查这个具体场景，目标是让社区记录和完成状态同步可见。
页面通过 records 管理记录数组，通过 totalAmount() 汇总筛查报名数，通过 doneCount() 统计完成记录。
当用户新增或勾选记录时，@State 会推动顶部统计、列表数字和行背景同步刷新。

  • 业务对象：社区健康筛查
  • 核心指标：筛查报名数
  • 关键方法：totalAmount()、doneCount()、addRecord()、toggleDone()

12.3 代码风格

在 Community Health Screening 中，代码风格服务于社区健康筛查这个具体场景，目标是让社区记录和完成状态同步可见。
页面通过 records 管理记录数组，通过 totalAmount() 汇总筛查报名数，通过 doneCount() 统计完成记录。
当用户新增或勾选记录时，@State 会推动顶部统计、列表数字和行背景同步刷新。

  • 业务对象：社区健康筛查
  • 核心指标：筛查报名数
  • 关键方法：totalAmount()、doneCount()、addRecord()、toggleDone()

十三、完整代码片段串联

13.1 接口定义

interface ServiceRecord {
  title: string;
  amount: number;
  note: string;
  done: boolean;
}

ServiceRecord 是 Community Health Screening 的数据契约，页面展示、统计和交互都围绕它展开。

13.2 状态初始化

@State records: ServiceRecord[] = [
  { title: 'Blood pressure booth', amount: 36, note: '2 exceptions flagged', done: false },
  { title: 'Vision screening', amount: 28, note: 'Report export ready', done: false }
];
@State titleText: string = '';
@State amountText: string = '';
@State noteText: string = '';
@State alertOn: boolean = true;
@State status: string = 'Service board ready';

默认数据让页面打开后立即具备业务语境，也方便验证数量统计是否正确。

13.3 统计方法

private totalAmount(): number {
  let total = 0;
  this.records.forEach((item: ServiceRecord) => {
    total += item.amount;
  });
  return total;
}

private doneCount(): number {
  let count = 0;
  this.records.forEach((item: ServiceRecord) => {
    if (item.done) {
      count++;
    }
  });
  return count;
}

统计方法只读取数组并返回结果，不直接修改状态，适合在 UI 中反复调用。

13.4 新增方法

private addRecord(): void {
  const amount = Number(this.amountText);
  if (this.titleText.trim().length === 0 || !Number.isFinite(amount)) {
    this.status = 'Enter title and valid number';
    return;
  }
  this.records = [{ title: this.titleText, amount: Math.round(amount), note: this.noteText.length > 0 ? this.noteText : 'No note yet', done: false }, ...this.records];
  this.titleText = '';
  this.amountText = '';
  this.noteText = '';
  this.status = 'Record added';
}

新增方法完成数字转换、输入校验、数组插入、输入清空和状态提示。

13.5 切换方法

private toggleDone(index: number): void {
  this.records[index].done = !this.records[index].done;
  this.records = [...this.records];
}

切换方法修改单条记录后重新展开数组，确保 ArkUI 能稳定刷新列表。

13.6 顶部 UI

Row({ space: 10 }) {
  Column({ space: 4 }) {
    Text('Signups').fontSize(13).fontColor('#475569')
    Text(String(this.totalAmount())).fontSize(24).fontWeight(FontWeight.Bold).fontColor('#0F766E')
  }.layoutWeight(1).padding(14).backgroundColor('#CCFBF1').borderRadius(8)
  Column({ space: 4 }) {
    Text('Done').fontSize(13).fontColor('#475569')
    Text(this.doneCount() + '/' + this.records.length).fontSize(24).fontWeight(FontWeight.Bold).fontColor('#1D4ED8')
  }.layoutWeight(1).padding(14).backgroundColor('#DBEAFE').borderRadius(8)
}.width('100%')

顶部 UI 把服务总量和完成比例放在第一屏，降低判断成本。

13.7 输入 UI

Column({ space: 10 }) {
  TextInput({ placeholder: 'Title', text: this.titleText })
    .onChange((value: string) => this.titleText = value)
  TextInput({ placeholder: 'Number', text: this.amountText })
    .type(InputType.Number)
    .onChange((value: string) => this.amountText = value)
  TextInput({ placeholder: 'Note', text: this.noteText })
    .onChange((value: string) => this.noteText = value)
  Button('Add record')
    .height(42)
    .width('100%')
    .onClick(() => this.addRecord())
}.padding(14).backgroundColor('#F1F5F9').borderRadius(8)

输入区保持三个字段，让新增记录足够快，同时保留必要上下文。

13.8 列表 UI

ForEach(this.records, (item: ServiceRecord, index: number) => {
  Row() {
    Toggle({ type: ToggleType.Checkbox, isOn: item.done })
      .onChange(() => this.toggleDone(index))
    Column({ space: 6 }) {
      Text(item.title).fontSize(18).fontWeight(FontWeight.Bold).fontColor('#111827')
      Text(item.note).fontSize(14).fontColor('#475569')
    }.layoutWeight(1).margin({ left: 8 })
    Text(String(item.amount)).fontSize(18).fontWeight(FontWeight.Bold).fontColor('#0F766E')
  }.padding(14).backgroundColor(item.done ? '#DCFCE7' : '#FFFFFF').borderRadius(8).width('100%')
})

列表 UI 同时承担浏览和完成状态切换，是整个页面的主要操作区。

十四、业务扩展补充

14.1 分类筛选

在 Community Health Screening 中，分类筛选服务于社区健康筛查这个具体场景，目标是让社区记录和完成状态同步可见。
页面通过 records 管理记录数组，通过 totalAmount() 汇总筛查报名数，通过 doneCount() 统计完成记录。
当用户新增或勾选记录时，@State 会推动顶部统计、列表数字和行背景同步刷新。

  • 业务对象：社区健康筛查
  • 核心指标：筛查报名数
  • 关键方法：totalAmount()、doneCount()、addRecord()、toggleDone()

14.2 周期归档

在 Community Health Screening 中，周期归档服务于社区健康筛查这个具体场景，目标是让社区记录和完成状态同步可见。
页面通过 records 管理记录数组，通过 totalAmount() 汇总筛查报名数，通过 doneCount() 统计完成记录。
当用户新增或勾选记录时，@State 会推动顶部统计、列表数字和行背景同步刷新。

  • 业务对象：社区健康筛查
  • 核心指标：筛查报名数
  • 关键方法：totalAmount()、doneCount()、addRecord()、toggleDone()

14.3 完成筛选

在 Community Health Screening 中，完成筛选服务于社区健康筛查这个具体场景，目标是让社区记录和完成状态同步可见。
页面通过 records 管理记录数组，通过 totalAmount() 汇总筛查报名数，通过 doneCount() 统计完成记录。
当用户新增或勾选记录时，@State 会推动顶部统计、列表数字和行背景同步刷新。

  • 业务对象：社区健康筛查
  • 核心指标：筛查报名数
  • 关键方法：totalAmount()、doneCount()、addRecord()、toggleDone()

14.4 成员协作

在 Community Health Screening 中，成员协作服务于社区健康筛查这个具体场景，目标是让社区记录和完成状态同步可见。
页面通过 records 管理记录数组，通过 totalAmount() 汇总筛查报名数，通过 doneCount() 统计完成记录。
当用户新增或勾选记录时，@State 会推动顶部统计、列表数字和行背景同步刷新。

  • 业务对象：社区健康筛查
  • 核心指标：筛查报名数
  • 关键方法：totalAmount()、doneCount()、addRecord()、toggleDone()

14.5 趋势统计

在 Community Health Screening 中，趋势统计服务于社区健康筛查这个具体场景，目标是让社区记录和完成状态同步可见。
页面通过 records 管理记录数组，通过 totalAmount() 汇总筛查报名数，通过 doneCount() 统计完成记录。
当用户新增或勾选记录时，@State 会推动顶部统计、列表数字和行背景同步刷新。

  • 业务对象：社区健康筛查
  • 核心指标：筛查报名数
  • 关键方法：totalAmount()、doneCount()、addRecord()、toggleDone()

14.6 公告同步

在 Community Health Screening 中，公告同步服务于社区健康筛查这个具体场景，目标是让社区记录和完成状态同步可见。
页面通过 records 管理记录数组，通过 totalAmount() 汇总筛查报名数，通过 doneCount() 统计完成记录。
当用户新增或勾选记录时，@State 会推动顶部统计、列表数字和行背景同步刷新。

  • 业务对象：社区健康筛查
  • 核心指标：筛查报名数
  • 关键方法：totalAmount()、doneCount()、addRecord()、toggleDone()

十五、总结

15.1 技术收束

Community Health Screening 用单页 ArkTS 代码完成了围绕社区健康筛查的社区服务工具。
项目通过 ServiceRecord 建模，用 records 管理数组，再通过 totalAmount()、doneCount()、addRecord() 和 toggleDone() 形成完整交互闭环。
这种实现适合学习鸿蒙 ArkUI 的声明式开发，也适合作为社区服务类应用接入存储、通知和协作能力的原型基础。

15.2 实践价值

Community Health Screening 用单页 ArkTS 代码完成了围绕社区健康筛查的社区服务工具。
项目通过 ServiceRecord 建模，用 records 管理数组，再通过 totalAmount()、doneCount()、addRecord() 和 toggleDone() 形成完整交互闭环。
这种实现适合学习鸿蒙 ArkUI 的声明式开发，也适合作为社区服务类应用接入存储、通知和协作能力的原型基础。

15.3 最终结论

Community Health Screening 用单页 ArkTS 代码完成了围绕社区健康筛查的社区服务工具。
项目通过 ServiceRecord 建模，用 records 管理数组，再通过 totalAmount()、doneCount()、addRecord() 和 toggleDone() 形成完整交互闭环。
这种实现适合学习鸿蒙 ArkUI 的声明式开发，也适合作为社区服务类应用接入存储、通知和协作能力的原型基础。

{
  "name": "Community Health Screening",
  "scene": "社区健康筛查",
  "metric": "筛查报名数",
  "statusField": "done"
}

hvigorw assembleHap

- 记录标题：Blood pressure booth
- 数量指标：36人
- 备注说明：2 exceptions flagged

相关资源：

# harmonyos # 华为
Logo
人工智能6S服务平台

作为“人工智能6S店”的官方数字引擎，为AI开发者与企业提供一个覆盖软硬件全栈、一站式门户。

更多推荐

cover

鸿蒙应用开发：从入门到实战（一）——建立你的开发坐标系与首行代码（含实例）

avatar 人工智能6S服务平台

9/10的人不懂字体的坑：你手机里的每个字，都在偷偷给别人交钱

文章摘要： 手机和App中的每个字体都在暗中收费，全球商用字体市场年规模超38亿元，中国增速达19.3%。美日巨头垄断市场，中国用户每年通过硬件和软件间接支付数十亿“字体税”，部分资金外流至海外公司。更严峻的是，字体涉及文化主权和安全风险——西方掌控技术标准，字体文件可能成为攻击入口。华为鸿蒙自研字体年省1.2亿元，若全国推广可年省30-45亿元。龍魂系统提出开源字体+自研渲染管线的解决方案，主张

avatar 人工智能6S服务平台

视频编辑：视频剪辑、拼接与特效添加（195）

在鸿蒙（HarmonyOS）应用开发中，构建一个功能完备的视频编辑器，需要系统性地整合从素材管理、多轨编辑、特效渲染到最终导出的完整链路。鸿蒙生态为此提供了从高层 UI 组件到底层 Native 媒体引擎的全栈解决方案。

avatar 人工智能6S服务平台