基于HarmonyOS的AI旅行打包清单——从对齐到评估的全流程技术实践

引言

旅行打包是每个出行者都会面临的"甜蜜烦恼":带少了怕遗漏必需品,带多了又增加行李负担。针对这一普遍痛点,本文以HarmonyOS平台上的"AI旅行打包清单"应用为例,详细阐述从需求对齐到最终交付的完整开发流程。本应用通过AI能力,根据用户输入的目的地、天数、季节和活动类型,智能生成结构化的打包清单,涵盖物品分类、天气适配、活动专项、收纳技巧和重量预估等全方位信息,让每一次出行都从容有序。

本文将按照六阶段方法论——对齐(Align)、架构(Architect)、原子化(Atomize)、审批(Approve)、自动化执行(Automate)、评估(Assess)——逐步展开,深入剖析基于ArkTS + ArkUI的HarmonyOS AI应用开发全流程,并穿插关键代码示例与ArkTS语法约束的最佳实践。


在这里插入图片描述

1. 对齐阶段(Align)

对齐阶段的目标是将模糊的产品需求转化为精确的技术规范。这是整个开发流程的基石,决定了后续所有工作的方向和质量。

1.1 项目上下文分析

技术栈全景

"AI旅行打包清单"应用是HarmonyOS生态中的一个AI应用,运行在以下技术栈之上:

  • 操作系统:HarmonyOS 6.0.1(API 21,Stage模型)
  • 开发语言:ArkTS(基于TypeScript的鸿蒙原生语言)
  • UI框架:ArkUI声明式UI框架
  • 构建工具:Hvigor(鸿蒙原生构建工具)
  • 目标设备:Phone(手机)
  • SDK兼容:targetSdkVersion 6.0.1(21),compatibleSdkVersion 6.0.1(21)

该项目是一个大型的HarmonyOS AI应用集合,覆盖健康生活、工作效率、创意娱乐、学习成长、职业发展五大类别。“AI旅行打包清单"归属于"创意娱乐"类别,图标为🧳,副标题为"旅行打包”。

项目结构分析

应用的核心代码位于 entry/src/main/ets/apps/AI旅行打包清单/ 目录下,采用分层架构设计,包含三个核心文件:

entry/src/main/ets/
├── apps/
│   └── AI旅行打包清单/
│       ├── AI旅行打包清单Page.ets      # 页面层(View):ArkUI声明式UI
│       ├── AI旅行打包清单Model.ets      # 数据模型层(Model):数据实体定义
│       └── AI旅行打包清单Service.ets    # 业务逻辑层(Service):AI数据生成
├── pages/
│   └── Index.ets                       # 主入口页面(应用列表网格)
├── entryability/
│   └── EntryAbility.ets                # Ability生命周期入口
├── resources/
│   ├── rawfile/apps/apps.json          # 应用注册配置文件
│   └── base/profile/main_pages.json    # 路由配置
架构模式分析

通过分析代码结构,可以发现该应用采用了**分层架构(Layered Architecture)**模式,类似于前端领域的MVVM变体:

  • Page层(View):负责UI渲染和用户交互,使用ArkUI的@Component装饰器定义组件,通过@State驱动响应式数据绑定
  • Model层:定义数据实体AI旅行打包清单Data,封装所有业务数据字段,包含分类、物品、天气/活动专项信息等
  • Service层:封装核心业务逻辑,将用户输入数据转换为结构化的打包清单结果,当前阶段使用Mock数据模拟AI生成

这种分层模式在HarmonyOS应用开发中非常典型,体现了良好的关注点分离原则。每一层职责清晰、边界明确,便于后续维护和扩展。

注册与路由机制

应用的注册和路由采用了标准化的配置方式:

  1. 应用列表注册:在 resources/rawfile/apps/apps.json 中配置应用的元信息(图标、标题、颜色、页面路径等),首页 Index.ets 读取该JSON文件并动态渲染网格卡片
  2. 页面路由注册:在 resources/base/profile/main_pages.json 中注册页面路径,确保 router.pushUrl 能够正确跳转

"AI旅行打包清单"在 apps.json 中的配置如下:

{
  "icon": "🧳",
  "title": "AI旅行打包清单",
  "subtitle": "旅行打包",
  "color": "#EC4899",
  "bg": "#FDF2F8",
  "border": "#FBCFE8",
  "page": "apps/AI旅行打包清单/AI旅行打包清单Page",
  "cat": "创意娱乐"
}

1.2 需求理解确认

经过对项目代码和用户场景的全面分析,我们对"AI旅行打包清单"的需求进行如下确认:

用户输入字段
字段类型说明示例
目的地string旅行目的地“东京”、“三亚”、“巴黎”
天数string旅行天数“5”、“7”、“10”
季节string出行季节“春”、“夏”、“秋”、“冬”
活动string旅行活动类型“游泳、登山、商务、摄影”
AI输出字段
字段类型说明
categoriesstring[]物品分类列表(如"衣物"、“洗漱”、"电子"等)
categorystring当前分类名称
itemsstring[]物品名称列表
namestring物品名称
quantitystring建议携带数量
essentialstring是否必需(“必要"或"可选”)
notestring备注说明
weather_specificstring[]天气相关特殊物品列表
activity_specificstring[]活动相关专项物品列表
packing_tipsstring[]收纳技巧列表
weight_estimatestring预估行李重量
checkliststring完整的勾选清单文本
验收标准
需求项描述验收标准
用户输入支持用户输入目的地、天数、季节、活动四个输入框均可正常录入文本
AI生成基于输入数据生成结构化打包清单点击"整理行李"按钮后显示完整结果
分类展示展示物品分类、具体物品、数量、是否必需结果区域展示所有分类及相关字段
天气适配展示天气相关特殊物品天气相关区域正确展示列表
活动适配展示活动相关专项物品活动相关区域正确展示列表
收纳技巧展示收纳打包技巧收纳技巧区域正确展示列表
页面导航支持返回上级页面点击"← 返回"可返回应用列表

1.3 场景痛点与用户价值

核心痛点分析:

  1. 遗漏焦虑:旅行前总是担心遗漏必需品,反复检查仍不放心,影响出行心情
  2. 过度打包:为避免遗漏而携带过多物品,导致行李笨重,增加旅行负担
  3. 场景不匹配:通用打包清单无法适配不同目的地、季节和活动类型的特殊需求——去海边和去雪山的打包方案截然不同
  4. 经验门槛:打包效率依赖于个人经验,新手旅行者难以高效规划行李
  5. 信息分散:天气查询、活动准备、收纳技巧等信息分散在不同渠道,缺乏一站式智能解决方案

目标用户群体:

  • 频繁出差人士:需要快速生成标准化的商务出行打包清单
  • 旅行爱好者:追求高效打包,希望将更多时间用于享受旅行本身
  • 旅行新手:缺乏打包经验,需要AI提供全面的行李建议
  • 家庭出游用户:需要为多人出行生成统一的打包清单,确保不遗漏任何成员的需求

1.4 技术约束与规范对齐

在开发过程中,需要严格遵守ArkTS语言的语法约束。ArkTS是HarmonyOS的声明式编程语言,基于TypeScript但做了大量静态化改造,以下是本项目中需要特别注意的关键约束:

约束规则说明本项目的应对措施
不支持any和unknown类型所有变量必须显式指定具体类型使用Record<string, Object>和AI旅行打包清单Data等具体类型
不支持解构赋值不能使用const {a, b} = obj语法使用临时变量逐字段赋值
不支持索引访问对象字段不能使用obj["field"]语法使用obj.field语法访问字段
不支持Function.bindthis语义限制为传统OOP风格使用箭头函数保证this指向
不支持for...in遍历对象不能使用for (let key in obj)使用数组和常规for循环
不支持in运算符不能使用key in obj判断使用instanceof替代
不支持is运算符不能使用is进行类型判断使用instanceof + as转换
不支持var关键字必须使用let或const全部使用let声明变量
不支持函数表达式不能使用function(){}使用箭头函数() => {}
不支持对象字面量直接作类型对象字面量必须有对应的类或接口定义AI旅行打包清单Data类承载数据

2. 架构阶段(Architect)

架构阶段的目标是从共识文档出发,设计系统的整体架构、分层方案和接口规范。

2.1 整体架构设计

AI旅行打包清单应用采用经典的三层架构,遵循"高内聚、低耦合"的设计原则:

┌─────────────────────────────────────────────────────────┐
│                     View层(Page)                        │
│    AI旅行打包清单Page.ets                                 │
│    ┌─────────────────────────────────────────────────┐  │
│    │  @Component AI旅行打包清单Page                     │  │
│    │  ├── @State inputData: 用户输入数据               │  │
│    │  ├── @State resultData: AI生成结果数据             │  │
│    │  ├── @State showResult: 结果展示开关               │  │
│    │  └── build(): 声明式UI描述                         │  │
│    └─────────────────────────────────────────────────┘  │
│                          │ 调用                          │
│                          ▼                              │
├─────────────────────────────────────────────────────────┤
│                   Service层(服务)                        │
│    AI旅行打包清单Service.ets                              │
│    ┌─────────────────────────────────────────────────┐  │
│    │  class AI旅行打包清单Service                       │  │
│    │  ├── generateData(input): AI数据生成逻辑          │  │
│    │  └── (预留) callAIAPI(): 大模型API调用            │  │
│    └─────────────────────────────────────────────────┘  │
│                          │ 创建                           │
│                          ▼                              │
├─────────────────────────────────────────────────────────┤
│                   Model层(数据模型)                      │
│    AI旅行打包清单Model.ets                                │
│    ┌─────────────────────────────────────────────────┐  │
│    │  class AI旅行打包清单Data                          │  │
│    │  ├── categories: string[]    // 物品分类          │  │
│    │  ├── category: string        // 当前分类          │  │
│    │  ├── items: string[]         // 物品列表          │  │
│    │  ├── name: string            // 物品名称          │  │
│    │  ├── quantity: string        // 数量              │  │
│    │  ├── essential: string       // 是否必需          │  │
│    │  ├── note: string            // 备注              │  │
│    │  ├── weather_specific: string[] // 天气相关       │  │
│    │  ├── activity_specific: string[] // 活动相关      │  │
│    │  ├── packing_tips: string[]  // 收纳技巧          │  │
│    │  ├── weight_estimate: string // 预估重量          │  │
│    │  └── checklist: string       // 勾选清单          │  │
│    └─────────────────────────────────────────────────┘  │
└─────────────────────────────────────────────────────────┘

2.2 核心数据流设计

数据流遵循"用户输入 → Service处理 → 数据绑定 → UI渲染"的单向数据流模式:

用户输入(TextInput)
    │
    ▼
inputData(@State Record<string, Object>)
    │
    ▼
用户点击"整理行李"按钮
    │
    ▼
Service.generateData(inputData)  →  调用AI大模型(Mock数据)
    │
    ▼
resultData(@State AI旅行打包清单Data | null)
    │
    ▼
showResult = true  →  触发UI重新渲染
    │
    ▼
条件渲染(if (this.showResult && this.resultData !== null))
    ├── 分类列表(ForEach遍历categories)
    ├── 物品列表(ForEach遍历items)
    ├── 天气相关(ForEach遍历weather_specific)
    ├── 活动相关(ForEach遍历activity_specific)
    ├── 收纳技巧(ForEach遍历packing_tips)
    ├── 预估重量(单行文本)
    └── 勾选清单(单行文本)

2.3 接口契约定义

Service层接口
// AI旅行打包清单Service 对外暴露的接口
class AI旅行打包清单Service {
    // 根据用户输入生成打包清单数据
    // @param input: Record<string, Object> - 用户输入数据
    // @returns AI旅行打包清单Data - 结构化打包清单
    generateData(input: Record<string, Object>): AI旅行打包清单Data
}
数据模型接口
class AI旅行打包清单Data {
    categories: string[]      // 物品分类:["衣物", "洗漱", "电子", "证件", "药品", "其他"]
    category: string          // 当前选中分类名称
    items: string[]           // 物品名称列表
    name: string              // 物品详细名称
    quantity: string          // 建议携带数量:"2件"、"1个"等
    essential: string         // 是否必需:"必要"或"可选"
    note: string              // 备注信息
    weather_specific: string[] // 天气相关物品:["防晒霜", "雨伞", "暖宝宝"]等
    activity_specific: string[] // 活动相关物品:["泳衣", "登山鞋", "三脚架"]等
    packing_tips: string[]    // 收纳技巧:["卷叠法节省空间", "使用分装瓶"]等
    weight_estimate: string   // 预估行李重量
    checklist: string         // 完整勾选清单文本
}

2.4 异常处理策略

异常场景处理策略
输入为空用户点击按钮时,Service层对空输入做默认值处理
AI生成失败当前阶段使用Mock数据,不存在失败场景;后续接入真实API后需增加错误提示
数据绑定异常使用if (this.resultData !== null)进行空值保护,避免访问null属性
页面跳转异常使用router.back()安全返回,不依赖额外参数传递

2.5 设计原则遵循

  • 单一职责原则:Model只负责数据定义,Service只负责业务逻辑,Page只负责UI渲染
  • 开闭原则:新增AI能力只需修改Service层,无需改动Page和Model
  • 接口隔离原则:Service层提供明确的generateData方法,Page层不直接操作Model
  • 依赖倒置原则:Page依赖Service的抽象接口,而非具体实现细节

3. 原子化阶段(Atomize)

原子化阶段将整个开发任务分解为更小的、可独立执行和验证的原子任务,以便更高效地分配资源和跟踪进度。

3.1 任务分解

任务1:创建数据模型(Model)

文件:AI旅行打包清单Model.ets

子任务:
1.1 定义AI旅行打包清单Data类,声明所有数据字段
1.2 在构造函数中为所有字段赋初始值(空字符串或空数组)
1.3 确保所有字段类型显式声明,符合ArkTS语法约束

验收标准:

  • 类定义完整,包含所有必需的字段
  • 所有字段有明确的类型标注
  • 构造函数正确初始化所有字段
任务2:实现业务逻辑层(Service)

文件:AI旅行打包清单Service.ets

子任务:
2.1 创建AI旅行打包清单Service类
2.2 实现generateData方法,接收用户输入并返回AI旅行打包清单Data
2.3 实现Mock数据生成逻辑,根据输入参数生成示例数据
2.4 预留真实AI大模型API调用接口

验收标准:

  • Service类可正确实例化
  • generateData方法接收输入并返回完整的数据对象
  • Mock数据涵盖所有字段(categories、items、weather_specific等)
任务3:构建页面UI(Page)

文件:AI旅行打包清单Page.ets

子任务:
3.1 设计顶部导航栏(返回按钮、应用标题、图标)
3.2 设计用户输入表单(目的地、天数、季节、活动四个输入框)
3.3 设计"整理行李"操作按钮
3.4 设计结果展示区域(分类列表、物品列表、天气/活动相关、收纳技巧、重量预估、勾选清单)
3.5 使用@State实现响应式数据绑定
3.6 使用ForEach高效渲染列表数据

验收标准:

  • 页面布局完整,视觉风格统一(蓝白配色)
  • 输入框可正确录入数据
  • 点击按钮后触发AI生成并展示结果
  • 结果区域展示所有字段
  • 返回按钮可正常导航
任务4:注册路由配置

文件:resources/base/profile/main_pages.json

子任务:
4.1 在main_pages.json的src数组中添加页面路径
4.2 确保路径格式正确(apps/AI旅行打包清单/AI旅行打包清单Page)

验收标准:

  • 路由配置语法正确
  • 页面可通过router.pushUrl正常跳转
任务5:集成到应用列表

文件:resources/rawfile/apps/apps.json

子任务:
5.1 在apps.json中添加应用配置项
5.2 配置图标、标题、副标题、颜色、页面路径、分类等元信息

验收标准:

  • 应用卡片在首页网格中正确显示
  • 点击卡片可跳转至打包清单页面

3.2 任务依赖关系

任务1(Model) → 任务2(Service) → 任务3(Page)
                                      ↓
                                  任务4(路由)
                                      ↓
                                  任务5(应用列表)

任务1和任务2是任务3的前置依赖,任务4和任务5是最终集成步骤,依赖于任务3完成。

3.3 工作量评估

任务预估代码行数复杂度优先级
任务1:Model~30行低P0
任务2:Service~25行中P0
任务3:Page~200行高P0
任务4:路由配置~1行低P1
任务5:应用列表~10行低P1

4. 审批阶段(Approve)

审批阶段对前面阶段的成果进行审核和批准,确保设计文档、代码实现和配置满足项目要求。

4.1 设计审批

架构设计评审
评审项结论说明
分层是否清晰✅ 通过Model/Service/Page三层职责明确
接口定义是否完整✅ 通过Service层接口参数和返回值明确
数据流是否合理✅ 通过单向数据流,State驱动UI
与现有架构是否一致✅ 通过遵循项目统一的MVVM变体模式
可扩展性✅ 通过后续可替换Mock数据为真实AI API
代码规范评审
评审项结论说明
ArkTS语法约束✅ 通过所有代码符合ArkTS静态类型约束
命名规范✅ 通过类名使用PascalCase,变量使用camelCase
文件结构✅ 通过每个文件单一职责,遵循项目约定
导入规范✅ 通过所有import语句在文件顶部

4.2 代码审批

Model层代码审批
export class AI旅行打包清单Data {
  categories: string[] = []
  category: string = ''
  items: string[] = []
  name: string = ''
  quantity: string = ''
  essential: string = ''
  note: string = ''
  weather_specific: string[] = []
  activity_specific: string[] = []
  packing_tips: string[] = []
  weight_estimate: string = ''
  checklist: string = ''

  constructor() {
    this.categories = []
    this.category = ''
    this.items = []
    this.name = ''
    this.quantity = ''
    this.essential = ''
    this.note = ''
    this.weather_specific = []
    this.activity_specific = []
    this.packing_tips = []
    this.weight_estimate = ''
    this.checklist = ''
  }
}

审批意见:

  • ✅ 所有字段在类声明中直接初始化,符合ArkTS"不支持在构造函数中声明类字段"的约束
  • ✅ 所有字段类型显式声明,未使用any或unknown类型
  • ✅ 构造函数中重复初始化确保字段值有效,避免空指针风险
  • ✅ 类名使用PascalCase,符合命名规范
Service层代码审批
import { AI旅行打包清单Data } from './AI旅行打包清单Model'

export class AI旅行打包清单Service {
  private model: AI旅行打包清单Data

  constructor() {
    this.model = new AI旅行打包清单Data()
  }

  generateData(input: Record<string, Object>): AI旅行打包清单Data {
    let result: AI旅行打包清单Data = new AI旅行打包清单Data()
    let destinationVal: string = String(input['destination'] || '')

    result.categories = ['示例数据1', '示例数据2', '示例数据3']
    result.weather_specific = ['示例项1', '示例项2', '示例项3']
    result.activity_specific = ['示例项1', '示例项2', '示例项3']
    result.packing_tips = ['示例项1', '示例项2', '示例项3']
    result.weight_estimate = '生成结果:' + destinationVal
    result.checklist = '生成结果:' + destinationVal
    return result
  }
}

审批意见:

  • ✅ 方法返回类型显式声明,符合ArkTS"函数返回类型推断受限"的约束
  • ✅ 使用Record<string, Object>而非any类型,符合ArkTS类型约束
  • ✅ 参数直接传递给函数,未使用解构语法
  • ⚠️ 注意:当前Mock数据未根据输入动态生成,后续需替换为真实AI逻辑
Page层代码审批
import { AI旅行打包清单Data } from './AI旅行打包清单Model'
import { AI旅行打包清单Service } from './AI旅行打包清单Service'
import { router } from '@kit.ArkUI'

@Entry
@Component
struct AI旅行打包清单Page {
  @State inputData: Record<string, Object> = {}
  @State resultData: AI旅行打包清单Data | null = null
  @State showResult: boolean = false
  private service: AI旅行打包清单Service = new AI旅行打包清单Service()

  build() {
    Column() {
      // 顶部导航栏
      Row() {
        Text('← 返回')
          .fontSize(13)
          .fontColor('#1E40AF')
          .onClick(() => { router.back() })
        Blank()
        Column() {
          Text('📱 AI旅行打包清单')
            .fontSize(17)
            .fontWeight(FontWeight.Bold)
            .fontColor('#1E3A5F')
          Text('SUITCASE · 收纳')
            .fontSize(9)
            .fontColor('#3B82F6')
            .margin({ top: 2 })
        }
        Blank()
        Text('🧳').fontSize(22)
      }
      .width('100%')
      .padding({ left: 20, right: 20, top: 16, bottom: 14 })
      .backgroundColor('#EFF6FF')

      Scroll() {
        Column() {
          // 输入区域
          Column() {
            Text('🧳 目的地')
              .fontSize(11).fontColor('#1E3A5F').margin({ top: 6, bottom: 3 })
            TextInput({ placeholder: '请输入目的地' })
              .fontSize(13).height(40).backgroundColor('#FFFFFF')
              .borderRadius(4).border({ width: 1, color: '#93C5FD' })
              .padding({ left: 12, right: 12 })
              .onChange((val: string) => { this.inputData['目的地'] = val })

            Text('🧳 天数')
              .fontSize(11).fontColor('#1E3A5F').margin({ top: 6, bottom: 3 })
            TextInput({ placeholder: '请输入天数' })
              .fontSize(13).height(40).backgroundColor('#FFFFFF')
              .borderRadius(4).border({ width: 1, color: '#93C5FD' })
              .padding({ left: 12, right: 12 })
              .onChange((val: string) => { this.inputData['天数'] = val })

            Text('🧳 季节')
              .fontSize(11).fontColor('#1E3A5F').margin({ top: 6, bottom: 3 })
            TextInput({ placeholder: '请输入季节' })
              .fontSize(13).height(40).backgroundColor('#FFFFFF')
              .borderRadius(4).border({ width: 1, color: '#93C5FD' })
              .padding({ left: 12, right: 12 })
              .onChange((val: string) => { this.inputData['季节'] = val })

            Text('🧳 活动')
              .fontSize(11).fontColor('#1E3A5F').margin({ top: 6, bottom: 3 })
            TextInput({ placeholder: '请输入活动' })
              .fontSize(13).height(40).backgroundColor('#FFFFFF')
              .borderRadius(4).border({ width: 1, color: '#93C5FD' })
              .padding({ left: 12, right: 12 })
              .onChange((val: string) => { this.inputData['活动'] = val })
          }
          .width('100%').padding(18).backgroundColor('#FFFFFF')
          .borderRadius(4).border({ width: 1, color: '#BFDBFE' })
          .margin({ top: 6 })

          // 操作按钮
          Button('📱  🧳 整理行李')
            .width('100%').height(50).backgroundColor('#1D4ED8')
            .borderRadius(4).fontColor('#FFFFFF').fontSize(16)
            .fontWeight(FontWeight.Bold).margin({ top: 18, bottom: 14 })
            .onClick(() => {
              this.resultData = this.service.generateData(this.inputData)
              this.showResult = true
            })

          // 结果展示区域
          if (this.showResult && this.resultData !== null) {
            Column() {
              Text('🧳 收纳清单')
                .fontSize(15).fontWeight(FontWeight.Bold)
                .fontColor('#1E3A5F').margin({ bottom: 12 })

              // 分类列表
              Text('Categories').fontSize(13)
                .fontWeight(FontWeight.Bold).fontColor('#333333')
                .margin({ top: 10, bottom: 6 })
              if (this.resultData.categories) {
                ForEach(this.resultData.categories,
                  (item: string, index: number) => {
                    Row() {
                      Text('• ').fontSize(12).fontColor('#666666')
                      Text(item).fontSize(12).fontColor('#333333')
                    }.width('100%').padding({ top: 2, bottom: 2 })
                  },
                  (item: string, index: number) => index.toString()
                )
              }

              // ... 其他字段展示
            }
            .width('100%').padding(18).backgroundColor('#FFFFFF')
            .borderRadius(4).border({ width: 1, color: '#BFDBFE' })
            .margin({ bottom: 20 })
          }
        }
        .width('100%').padding({ left: 18, right: 18, bottom: 40 })
      }
      .layoutWeight(1)
    }
    .width('100%').height('100%').backgroundColor('#EFF6FF')
  }
}

审批意见:

  • ✅ 使用@State装饰器声明响应式数据,符合ArkUI声明式编程范式
  • ✅ 使用@Entry和@Component装饰器定义页面入口组件
  • ✅ 使用ForEach高效渲染列表,避免手动构建循环
  • ✅ 使用if条件渲染保护空值访问
  • ✅ 使用router.back()实现页面导航
  • ✅ 所有类型显式声明,未使用any类型
  • ⚠️ inputData['目的地']使用索引访问语法,在ArkTS中符合Record<string, Object>的索引访问规则

4.3 质量门控

门控项标准状态
需求边界清晰输入/输出字段完整定义✅
技术方案对齐与现有ArkTS + ArkUI架构一致✅
验收标准可测试每个功能点有明确的验收标准✅
关键假设已确认Mock数据阶段可独立运行,无需依赖真实API✅
代码规范达标无ArkTS语法违规✅

5. 自动化执行阶段(Automate)

自动化执行阶段利用自动化工具和流程,高效地生成和部署代码。本节将详细展示核心代码的实现细节。

5.1 Model层实现详解

Model层是整个应用的数据基石。AI旅行打包清单Data类定义了所有业务数据字段,涵盖了从输入到输出的完整数据维度。

// 文件:AI旅行打包清单Model.ets
export class AI旅行打包清单Data {
  categories: string[] = []
  category: string = ''
  items: string[] = []
  name: string = ''
  quantity: string = ''
  essential: string = ''
  note: string = ''
  weather_specific: string[] = []
  activity_specific: string[] = []
Logo

讨论HarmonyOS开发技术,专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐