#HarmonyOS ArkUI入门训练营#计食器-FoodCalculator（饮食健康） · Pull Request !594 · OpenHarmony-SIG/contest

# 计食器-FoodCalculator（饮食健康）

## 一、项目环境

- 开发系统：windows10
- 开发工具：DevEco Studio 3.1 Canary1 (3.1.0.100,)
- API9（以 api8 为主，但使用了少量 api9 的配置项）
- node v16.15.1
- npm v8.13.2
- 项目类型 openharmony

## 二、项目运行

1. ### 以peges/index.ets为入口 开启预览器
2. 注：本项目入口限 peges/index.ets

## 三、功能介绍

1. ### **食品搜索功能**（\*创意功能）

- 通过英文字符名称进行匹配搜索食品
- 预留了拍照识别搜索、语言输入搜索入口卡片
- 入口-首页搜索框/搜索页搜索框

![输入图片说明](https://foruda.gitee.com/images/1669313756139461208/c9c2a0c9_4786312.gif "1_serach_page.gif")

2. ### **添加食品记录**（基本功能）

- 通过选择摄入餐次和适配克数添加食品记录
- 支持加减按钮输入和手动输入食品克数
- 实时计算显示当前重量食品摄入热量值
- 入口-食品详情页（新增）
  
![输入图片说明](https://foruda.gitee.com/images/1669313770999362779/d64dd505_4786312.gif "2_save_page.gif")

3. ### **修改食品记录**（基本功能）

- 通过记录列表点击单个食品记录进入修改页
- 功能同添加食品记录
- 入口-食品详情页（编辑）

![输入图片说明](https://foruda.gitee.com/images/1669313783231937117/23d222ce_4786312.gif "3_update_page.gif")

4. ### **删除食品记录**（基本功能）

- 通过记录列表长按单个食品记录显示删除弹窗
- 删除弹窗确认即可删除取消则不删除
- 入口-记录页食品记录列表（编辑）

![输入图片说明](https://foruda.gitee.com/images/1669313819655723733/e0cda20f_4786312.gif "4_delete_page.gif")

5. ### **多用户切换记录**（\*创意功能）

- 通过下拉菜单选择需要记录的用户
- 目前支持本人/宝宝/老人
- 不同用户记录数据相互隔离互不影响
- 切换用户后所有页面数据实时更新
- 入口-三个 tab 主页面顶部的下拉菜单

![输入图片说明](https://foruda.gitee.com/images/1669314208513806735/5a546043_4786312.gif "5_select_user_page.gif")

6. ### **剩余摄入量环形图**（\*创意功能）

- 通过环形图表实时显示已摄入量与目标摄入量占比
- 暂时设置目标摄入量 1800 千卡
- 入口-首页/记录页

![输入图片说明](https://foruda.gitee.com/images/1669313852266226872/a6196fb5_4786312.gif "6_annular_page.gif")

7. ### **各餐摄入量柱状图**（基础功能）

- 通过柱状图表实时显示各餐已摄入量
- 暂时设置目标摄入量 1800 千卡
- 入口-首页/记录页

![输入图片说明](https://foruda.gitee.com/images/1669313862965021101/8cb61a9f_4786312.gif "7_columnar_page.gif")

8. ### **各餐摄入量列表**（基础功能）

- 通过列表简约实时显示各餐摄入量及各食品
- 入口-首页

![输入图片说明](https://foruda.gitee.com/images/1669313874986302035/a7e0690b_4786312.gif "8_meal_time_list_page.gif")

9. ### **各餐摄入量卡片**（基础功能）

- 通过列表实时显示各餐各食品摄入量
- 入口-记录页

![输入图片说明](https://foruda.gitee.com/images/1669313885619740634/98f6de63_4786312.gif "9_meal_time_card_page.gif")

10. ### **各餐摄入明细列表**（基础功能）

- 通过列表实时显示各餐各食品摄入量
- 入口-记录页

![输入图片说明](https://foruda.gitee.com/images/1669313897715477292/2f4e8c80_4786312.gif "10_meal_time_tab_list_page.gif")

11. ### **左右联动食品选择页**（\*创意功能）

- 通过左右联动列表按类型显示各类食品
- 入口-食品页

![输入图片说明](https://foruda.gitee.com/images/1669313913123681881/702f6c35_4786312.gif "11_foods_page.gif")

12.  ### **全项目响应式设计**（基础功能）

- 本项目首页页面兼容多尺寸设备

![输入图片说明](https://foruda.gitee.com/images/1669313930006789808/f57c8d2b_4786312.gif "12_flex_page.gif")

13. ### **全项目多语言支持**（基础功能）

- 本项目兼容中英文（在预览器中设置切换）

![输入图片说明](https://foruda.gitee.com/images/1669313946312835059/e0b2f499_4786312.gif "13_i18n_page.gif")

## 四、项目结构
1. ### **主要目录结构**（基础功能）
```
src/main/ets
  ├─Application
  ├─Common 公共方法
  ├─Http 数据接口
  ├─MainAbility
  ├─Mock 原始数据
  ├─Model 数据模型
  └─pages
      ├─components
      │  ├─EmptyText 空占位组件
      │  ├─PageHeader 头部组件
      │  ├─RecordChart 各餐摄入量柱状图表组件
      │  └─TargetChart 剩余摄入量环形图表组件
      ├─Dashboard 记录页
      ├─FoodDetail 食品详情
      ├─Foods 食品列表页
      ├─Home 主页
      └─Search 搜素页
```

## 五、项目未来
1. ### **AI**
- 通过AI物体识别帮助用户快速搜索到该食品
- 通过AI分析识别多种类食品混食的热量

2. ### **物联网**
- 通过智能餐具、智能餐桌、智能摄像头，甚至是具有多维感知能力的智能餐厅场景配合软件实现自动记录摄入热量和营养。
- 通过软件数据给智能冰箱、智能电饭煲、智能料理机提供个性化定制化烹饪方案。

3. ### **食品品牌合作**
- 通过与食品品牌合作，推出智能代餐或其他食品种类，通过生产的精确热量营养数据餐食配合软件实现饮食健康化、科学化、智能化。
- 通过软件内设智选食品板块、推荐板块、为项目变现提供途径维持项目稳定发展。

类型	指派人员	状态
审查	kenio_zhang	进行中 (0/1人)
测试	kenio_zhang openharmony_sig_ci	进行中 (0/1人)

OpenHarmony-SIG/contest关闭 .gitee-modal { width: 500px !important; }

搜索帮助

OpenHarmony-SIG/contest
关闭