Harmonyos5应用开发实战——订单系统响应模型设计（part1）

WOO
203 阅读2分钟

Harmonyos5应用开发实战——订单系统响应模型设计

文章内容概要

本文聚焦于HarmonyOS 5应用开发中订单系统响应模型的设计。该响应模型涵盖了多种业务场景下的数据结构，包括基础响应、预加载响应、用户信息响应、店铺信息响应等，为订单系统的数据交互和处理提供了标准化的结构。

核心功能介绍

1. 基础响应模型

BaseResponse 类作为所有响应模型的基类，定义了响应的基本结构，包含状态码和消息。

export class BaseResponse {
  status: number
  msg: string

  constructor(status: number, msg: string) {
    this.status = status
    this.msg = msg
  }
}
2. 预加载响应模型

PreloadResponse 类用于存储预加载的数据，包含 hmSystem 和 tableTitleArr 两个可选属性，分别表示系统信息和桌号标题数组。

export class PreloadResponse {
  hmSystem?: GetHmSystemResp
  tableTitleArr?: GetTableTitleResp
}
```### Harmonyos5应用开发实战——订单系统响应模型设计

#### 文章内容概要
本文聚焦于HarmonyOS 5应用开发中订单系统响应模型的设计。该响应模型涵盖了多种业务场景下的数据结构，包括基础响应、预加载响应、用户信息响应、店铺信息响应等，为订单系统的数据交互和处理提供了标准化的结构。

#### 核心功能介绍

##### 1. 基础响应模型
`BaseResponse` 类作为所有响应模型的基类，定义了响应的基本结构，包含状态码和消息。
```typescript
export class BaseResponse {
  status: number
  msg: string

  constructor(status: number, msg: string) {
    this.status = status
    this.msg = msg
  }
}
2. 预加载响应模型

PreloadResponse 类用于存储预加载的数据，包含 hmSystem 和 tableTitleArr 两个可选属性，分别表示系统信息和桌号标题数组。

export class PreloadResponse {
  hmSystem?: GetHmSystemResp
  tableTitleArr?: GetTableTitleResp
}
```### Harmonyos5应用开发实战——订单商品列表组件开发

#### 文章内容概要
本文聚焦于HarmonyOS 5应用开发中订单商品列表组件的实现。该组件主要用于展示商品分类列表，包含商品分类标题导航和具体商品信息展示，同时支持必选商品的定位跳转，为用户提供清晰的商品浏览体验。

#### 核心功能介绍

##### 1. 组件初始化与状态管理
在组件初始化时，进行必要的状态设置和事件绑定，确保组件能够正常响应交互。
```typescript
aboutToAppear(): void {
  if (this.mustGoodsCtrl) {
    this.mustGoodsCtrl.goMustGoods = this.goMustGoods
  }
  this.dishesListChange()
}
2. 必选商品定位

通过查找必选商品所在的分类索引，实现必选商品的定位跳转功能。

dishesListChange() {
  this.index = this.dishesList.findIndex(item => item.good?.some(i => i.isMust === Constants.GOODS_MUST))
}

goMustGoods = () => {
  if (this.mustGoodsCtrl.isNeedMustGoods && this.index >= 0) {
    this.scroller.scrollToIndex(this.index);
  }
}
avatar
文章
阅读
粉丝