华为云码道(CodeArts)鸿蒙应用开发实战 — 详细学习笔记
华为云码道(CodeArts)鸿蒙应用开发实战 — 详细学习笔记
来源:华为云码道(CodeArts)鸿蒙应用开发实战.pdf(共 54 页)
版权:Copyright © 2026 Huawei Technologies Co., Ltd. All rights reserved.
笔记整理日期:2026-10-08
目录
- 第一章:华为云码道 CodeArts 代码智能体介绍
- 第二章:快速搭建"鸿蒙+码道"开发环境
- 第三章:基于码道的鸿蒙应用开发实操
- 第四章:案例 — 使用码道快速开发一个鸿蒙旅游推荐应用
- 思考题
- 学习推荐资源
第一章:华为云码道 CodeArts 代码智能体介绍
1.1 前言
本课程核心围绕 CodeArts 串联鸿蒙开发全流程,通过 CodeArts 结合 HarmonyOS 核心技术与 ArkTS 开发规范,串联代码托管、编译构建、调试部署等能力,以项目驱动教学,帮助开发者快速掌握实战能力。
核心目标:彻底打破传统低效的开发困境。
1.2 课程目标
学完本课程后,您将能够:
| 序号 | 目标 |
|---|---|
| 1 | 了解华为云码道 CodeArts 的基本能力 |
| 2 | 掌握快速搭建"鸿蒙+码道"开发环境 |
| 3 | 掌握鸿蒙应用全流程开发规范与实操 |
| 4 | 掌握通过 CodeArts 排查开发问题与解决故障能力 |
| 5 | 掌握通过 CodeArts 实现新功能的设计与开发 |
| 6 | 最终依托 CodeArts 完成旅游推荐应用的全流程实战开发 |
1.3 当下软件开发的核心痛点
| 痛点编号 | 痛点名称 | 详细描述 |
|---|---|---|
| 01 | 编码速度慢 | 开发者大量时间耗费在重复性、机械性的代码编写上,核心创造力被抑制 |
| 02 | 重复工作多 | 相似的业务模块、样板代码、测试用例反复编写,效率低下且容易出错 |
| 03 | 项目拆解难 | 面对复杂需求,新手开发者难以进行有效的任务拆解和架构设计,项目推进困难 |
| 04 | 新生态门槛高 | 以鸿蒙为代表的新兴技术生态,学习曲线陡峭,开发者上手周期长,应用落地慢 |
1.4 码道解决当下开发困境
码道针对上述四大核心痛点,全方位提升开发效率:
| 能力 | 对应痛点 | 说明 |
|---|---|---|
| 高效代码编写 | 编码速度慢 | 智能代码能力替代机械编码,释放开发者的创新创造力 |
| 智能复用 | 重复工作多 | 内置通用模板与业务组件,支持一键复用,减少"重复造轮子",降低人为出错概率 |
| 自主拆解复杂需求 | 项目拆解难 | 智能拆解大型、复杂的研发需求,生成清晰的任务执行路径,让研发新手也能快速参与核心开发,显著降低团队协作门槛 |
| 深度集成华为云 CodeArts 工具链 | 新生态门槛高 | 原生适配鸿蒙 ArkTS/ArkUI,深度适配鸿蒙等新兴技术生态,内置规范与最佳实践,降低学习门槛、缩短上手周期,助力应用快速落地 |
1.5 华为云码道(CodeArts)代码智能体概述
码道助力编程,快速开发项目,开启编码自动驾驶模式。
CodeArts 是华为云推出的代码智能体,具备四大核心能力:
核心能力 1:研发知识问答 — 你的 7×24 小时研发专家
无需切换工具,在 IDE 中即可随时与码道对话,像与身边资深同事沟通一样,即时获取精准、专业的研发知识支持。
| 场景 | 示例 |
|---|---|
| 技术咨询 | “Java 中 HashMap 是如何实现的?” |
| API 查询 | “帮我查找一下 SDK 中上传文件的 API 示例。” |
| 业务逻辑探讨 | “我们这个电商系统的订单状态流转应该怎么设计更合理?” |
| 代码解释 | “选择代码,询问其这段代码的解释?” |
核心能力 2:实时代码辅助 — 智能续写,快速补全,沉浸式编码体验
在编码过程中提供实时、精准的智能辅助,将重复性工作降至最低,让开发者能更专注于创造性的逻辑构建与业务价值实现。
| 功能 | 说明 |
|---|---|
| 代码补全与续写 | 不仅是单词补全,更能生成完整的函数、循环体甚至复杂的业务逻辑代码块 |
| 代码一键重构 | 智能识别代码结构,一键完成变量重命名、函数提取及代码逻辑简化优化 |
| 智能注释生成 | 自动为类、函数和关键逻辑生成规范、清晰且可读性强的代码注释 |
| 代码优化 | 支持多种主流开发语言的代码优化,能够智能识别潜在编码缺陷,并提供修复建议,有效提升代码质量与安全性 |
核心能力 3:智能体自主开发 — 从自然语言到完整代码·开发模式的颠覆
| 步骤 | 说明 |
|---|---|
| 01. 自然语言提需求 | 用日常口语描述需求,如"创建一个用户管理模块,包含增删改查功能,使用 Spring Boot 和 MySQL",无需掌握复杂语法 |
| 02. 智能体自主拆解任务 | 像资深架构师一样,自动将需求拆解为"创建数据库表"、“生成实体类”、"编写 Service 层逻辑"等可执行子任务 |
| 03. 跨文件生成完整代码 | 自主完成所有关联文件的创建与代码编写,实现"需求即代码",一键交付可运行的高质量项目 |
核心能力 4:单元测试生成 — 保障代码质量与规范落地
| 功能 | 说明 |
|---|---|
| 生成测试用例 | 自动分析业务逻辑,快速生成高覆盖率的单元测试用例,显著降低人工编写测试代码的时间成本 |
| 代码检查与合规 | 内置华为级研发规范与安全标准,自动进行代码风格与安全性扫描,确保输出代码符合企业级合规要求 |
第二章:快速搭建"鸿蒙+码道"开发环境
2.1 鸿蒙开发中使用码道的优势
| 场景 | 优势说明 | 效果 |
|---|---|---|
| 鸿蒙应用快速开发 | 使用自然语言描述 UI 和交互,自动生成完整鸿蒙工程 | 开发周期平均缩短 35% |
| 日常业务代码编写与重构 | 快速完成 CRUD 代码,高效安全地重构旧项目,有效规避潜在风险 | 代码缺陷引入率显著降低 75% |
| 新手入门学习 | 通过对话提问即时获取代码示例与详细解释,帮助开发者快速上手新技术栈 | 显著降低学习门槛和上手难度 |
| 企业团队标准化编码 | 支持将团队编码规范、架构标准配置到平台,实现代码风格与质量的统一管控 | 可批量生成符合规范的业务模块 |
2.2 DevEco Studio 开发环境准备
步骤 1:下载安装 DevEco Studio
- 编译器版本请安装 6.0 以上版本
- 下载地址:https://developer.huawei.com/consumer/cn/deveco-studio/
2.3 华为云码道(CodeArts)准备
步骤 2:下载 CodeArts 离线安装包文件
- CodeArts 官网地址:https://developer.huaweicloud.com/codeartsco.html?source=dmznteducation&sourcead=dmzntgwlab
2.4 DevEco Studio 集成 CodeArts(插件 + 登录)
步骤 3:在 DevEco Studio 中导入 CodeArts 离线包
操作路径:
File → Settings → Plugins → 点右上角 ⚙️ → Install Plugin from Disk → 选择下载的 .zip 插件包
提示:通过设置 → 插件 → 点右上角 ⚙️ 从磁盘中安装 → 选择下载的 CodeArts zip 插件包。
第三章:基于码道的鸿蒙应用开发实操
3.1 什么样的鸿蒙项目适合用码道进行开发
| 适合 | 特别适合 | 不适合 |
|---|---|---|
| 界面驱动型应用(电商/商城、新闻/博客) | 鸿蒙新手 / ArkTS 不熟练(降低学习曲线) | 底层驱动 / 内核级开发 |
| 需求清晰 / 偏标准化应用(备忘录、计算器) | 标准组件多、重复页面多(列表、卡片、表单) | 超复杂核心算法场景 |
| 多端一致应用(手机、平板、车机、智慧屏) | 团队要统一代码规范(企业标准的代码编程规范) | 高度定制化的特例场景 |
3.2 参考案例:鸿蒙旅游推荐应用
一个用码道生成的鸿蒙应用:
- 技术栈:基于 ArkTS 开发的鸿蒙原生应用
- 项目特点:界面驱动型开发,业务逻辑清晰,产品需求偏标准化
- 核心优势:利用码道的可视化能力,实现从设计到代码的快速落地开发
3.3 整体开发流程
一个项目从启动到上线的完整生命周期共 8 个阶段:
| 阶段 | 名称 | 说明 |
|---|---|---|
| 01 | 开发环境准备 | 搭建开发所需的软硬件环境,确保基础工具就绪 |
| 02 | 功能需求分析 | 深入业务场景,明确项目功能范围与核心业务逻辑 |
| 03 | 架构设计 | 规划项目整体技术架构与模块划分,确定系统骨架 |
| 04 | 项目创建 | 初始化项目工程结构、配置依赖项与基础代码框架 |
| 05 | 代码开发 | 编写核心业务代码,实现功能模块,确保代码质量 |
| 06 | 错误修复 | 进行单元与集成测试,定位并修复发现的 Bug 与漏洞 |
| 07 | 运行调试 | 在接近真实的环境中验证功能完整性与系统性能指标 |
| 08 | 打包上线 | 构建最终应用程序包,发布至目标应用市场供用户使用 |
3.4 码道赋能开发流程
通过华为云码道 CodeArts 代码智能体开发一个应用能优化以下流程:
| 流程环节 | 码道优化方式 |
|---|---|
| 架构设计 | 智能解析需求,辅助生成合理的项目架构与模块划分,帮助开发者快速确立系统骨架,规避常见的架构缺陷 |
| 功能需求分析 | 快速将自然语言描述的业务需求转化为结构化、可落地的开发任务清单与功能点,降低沟通成本与理解偏差 |
| 代码开发 | 基于分析结果自动生成高质量样板代码、核心业务逻辑和配套测试用例,大幅减少重复劳动,提升整体编码效率 |
| 错误修复 | 利用智能分析引擎扫描代码,精准定位潜在 Bug 与性能问题,并提供针对性修复建议,加速调试与排障过程 |
3.5 码道:架构设计
架构设计三步骤:
| 步骤 | 名称 | 说明 |
|---|---|---|
| 01 | 设定项目背景 | 在 IDE 中用自然语言描述宏观需求与业务目标,无需复杂指令 |
| 02 | 定义架构栈 | 指定技术栈与架构风格,或上传现有设计文档作为生成依据 |
| 03 | 生成项目骨架 | 自动生成标准化目录与配置,随时审核并确认 |
3.6 码道:功能需求分析
基于已确认的架构,进行交互式需求细化:
提醒码道将项目架构进行需求分解为具体、可执行的功能点。
| 步骤 | 名称 | 说明 |
|---|---|---|
| 1 | 提出需求 | 从核心功能开始,向码道逐条提出您的业务功能需求 |
| 2 | 澄清细化 | 码道针对需求提出追问以获取关键信息,您清晰作答即可完成需求深化 |
| 3 | 生成文档 | 自动生成含功能描述、用例、API 及数据模型的本地 .md 文档,供团队审核迭代 |
3.7 码道:代码开发
核心步骤:利用码道读取项目架构文档和功能需求文档。
| 步骤 | 名称 | 说明 |
|---|---|---|
| — | 触发生成任务 | 明确指示生成单个功能或整个模块代码 |
| — | 智能自主规划 | 自动分解任务,调用技能,自动创建和修改多文件 |
| — | 审核与微调 | 审查代码,进行微调优化,并直接运行验证功能 |
💡 核心价值:实现"编码自动驾驶" — 让码道全自动编程,把开发者从繁琐的编码中彻底解放。
3.8 码道:错误修复
核心逻辑:描述 → 分析 → 解决
通过"问题复制"与"交互确认"机制,将代码错误和 Bug 交给码道处理。
| 步骤 | 名称 | 说明 |
|---|---|---|
| 01 | 复现捕获 | 收集日志、截图及代码片段 |
| 02 | 描述问题 | 描述功能异常,或者提供错误提示 |
| 03 | 码道修复 | 修复内容、问题原因、修复方案、修复位置 |
核心价值:利用码道的快速定位修复能力,大幅缩短开发周期。
第四章:案例 — 使用码道快速开发一个鸿蒙旅游推荐应用
始于优质创意,终于项目落地,华为云码道提供全流程一站式服务。
创意 + 码道 = 项目
4.1 项目概述
项目背景
本项目是一款基于 HarmonyOS 开发的旅游推荐应用,旨在为用户提供景点浏览、搜索、详情查看等核心功能,帮助用户便捷地获取旅游信息。
| 维度 | 说明 |
|---|---|
| 目标用户 | 旅游爱好者、自由行游客、需要了解景点信息的用户 |
| 体验优化 | 各大平台功能趋同广告杂多,我们将提供一个简洁无广告的个性化应用体验 |
| 服务割裂 | 旅行全流程中多场景、多应用间的体验不连贯,存在严重的信息孤岛,无法实现无缝流转 |
| 核心价值 | 提供丰富的景点信息展示、便捷的搜索和筛选功能、个性化的用户体验 |
4.2 用码道生成架构设计
引用码道生成一个架构设计文档 architecture.md。
- 输入:清晰的文档 — 生成需求,指定类型、结构与细节要求
- 处理:码道智能体基于项目上下文,自动完成
- 输出:生成目标格式文档
案例参考文档下载地址:architecture.md
4.3 架构设计参考
项目采用五层架构:
┌──────────────────────────────────────────────────────────┐
│ 页面层(pages/) │
│ Index 首页 | List 列表页 | Detail 详情页 | Search 搜索页 | Mine 我的页 │
├──────────────────────────────────────────────────────────┤
│ 组件层(components/) │
│ Banner 轮播 | Card 卡片 | ListItem 列表项 │
├──────────────────────────────────────────────────────────┤
│ 服务层(service/) │
│ ApiService.ets 网络请求与API封装 │
├──────────────────────────────────────────────────────────┤
│ 数据层(model/) │
│ Attraction 景点 | User 用户 | City 城市 │
├──────────────────────────────────────────────────────────┤
│ 工具层(common/) │
│ Network 网络 | Utils 工具类 | Constants 常量 │
└──────────────────────────────────────────────────────────┘
4.4 参考:目录结构
标准工程目录,分为五层架构:
| 层级 | 目录 | 职责 |
|---|---|---|
| 页面层 | pages/ |
为业务页面层,承载首页、列表等交互入口 |
| 组件层 | components/ |
封装可复用 UI 组件 |
| 服务层 | service/ |
统一管理网络请求 |
| 数据层 | model/ |
定义景点、用户等数据模型 |
| 工具层 | common/ |
提供网络、工具、常量等公共能力,实现职责解耦与高效开发 |
4.5 数据流向
用户交互
│
▼
页面层 (pages/) ──────→ 组件层 (components/) ──→ 页面渲染
│ ▲
│ 点击动作 │
▼ │
服务层 (service/) ────→ 数据层 (model/) ──→ 数据封装
│ ▲
│ 数据传输 │
▼ │
工具层 (common/) ──→ 网络请求 ──→ 后端API
数据流向说明:
- 用户在页面层发起交互(点击动作)
- 页面层调用组件层进行页面渲染
- 页面层将请求转发至服务层
- 服务层通过数据层进行数据封装
- 服务层通过工具层发起网络请求
- 工具层与后端 API 通信获取数据
4.6 用码道生成功能需求文档
引用码道生成一个功能需求文档 requirements.md。
- 描述需求:指定码道读取文档
- 导入码道:码道智能体读取文档内容
- 生成文档:自动完成需求,生成目标格式文档
案例参考文档下载地址:requirements.md
4.7 案例展示:首页模块(Index.ets)
功能描述:首页作为应用的入口页面,展示热门景点推荐和快捷功能入口。
| 需求 ID | 功能名称 | 功能描述 | 优先级 |
|---|---|---|---|
| F-INDEX-001 | 轮播图展示 | 展示热门景点轮播图,支持自动轮播和手动滑动 | P0 |
| F-INDEX-002 | 热门景点推荐 | 展示热门景点列表,以卡片形式展示 | P0 |
| F-INDEX-003 | 城市分类入口 | 提供按城市分类的快捷入口 | P1 |
| F-INDEX-004 | 搜索入口 | 提供搜索框,点击跳转到搜索页面 | P0 |
| F-INDEX-005 | 下拉刷新 | 支持下拉刷新首页内容 | P1 |
4.8 码道优化需求文档
基于架构设计和需求文档,导入码道进行优化。
- 案例参考:
architecture.md+requirements.md - 码道读取两个文档后进行综合分析与优化
4.9 项目创建
步骤 4:在 DevEco Studio 中创建 travel_app 项目
操作路径:
打开 DevEco Studio → 点击 New Project → 选择 Empty Ability → 下一步 → 项目名称:travel_app
4.10 CodeArts 选择
CodeArts 提供两种模式:
| 模式 | 说明 |
|---|---|
| 智能体 | 自主规划与执行,完成复杂开发任务 |
| 智能问答 | 精通代码,即问即答 |
推荐选择:GLM-5.1
4.11 代码开发
步骤 5:使用 CodeArts 快捷开发项目
在 CodeArts 对话框中输入:
我需要根据 architecture.md 架构文档和 requirements.md 需求文档完成一个鸿蒙旅游推荐应用。
4.12 错误修复
步骤 6:使用 CodeArts 快捷修复错误提示
将项目中编译器检查到的错误提示复制,并提交到 CodeArts 对话框中,提示 CodeArts 进行修复。
4.13 Bug 修复
编译过程中遇到的 Bug 提示,可以复制提示,导入 CodeArts 对话框,使用 CodeArts 进行快速 Bug 定位修改。
4.14 手动编程
在需要手动编写代码时(如日期格式化工具类),在编程过程中可以通过 CodeArts 代码提示和自动续写完成。
4.15 UI 代码开发
可以通过预览器观看 UI 效果,提示 CodeArts 进行 UI 开发。
4.16 项目图片
通过提示 CodeArts 自动获取图片资源:
帮我寻找对应景点的图片资源下载到项目的资源文件目录下
src/main/resources/base/media,
并且修改项目中的图片引用。
4.17 运行调试
从普通游客用户视角,全程模拟真实使用场景,对应用进行操作体验、功能试用、交互感受、异常场景实测,完成用户层面的运行调试验证。
| 用户 | 页面名称 | 预期体验效果 | 目的 |
|---|---|---|---|
| 游客/注册用户 | 首页浏览 | 在首页看到热门城市、热门推荐 | 快速了解热门旅游目的地 |
| 游客/注册用户 | 景点搜索 | 通过关键词搜索景点 | 快速找到感兴趣的景点 |
| 游客/注册用户 | 景点详情查看 | 查看景点的详细信息 | 了解景点的特色和评价 |
| 注册用户 | 景点收藏 | 收藏感兴趣的景点 | 在个人中心快速查看 |
调试方式:通过 No Devices 中的设备管理器进行运行调试,在设备管理器里面创建一个手机模拟器,选择默认下一步直到创建完成。
4.18 功能添加流程
以"登录功能"为例,通过码道完成登录功能及其页面 UI 的一键开发:
功能需求设计 → 导入需求文档给码道进行代码开发 → 功能代码开发 → 错误调试修复 → 运行项目调试功能 → 描述需要修改的功能细节
4.19 登录功能设计
用码道生成一个登录功能需求文档 Login-Register.md。
- 描述新功能需求 → 导入码道智能体 → 生成需求文档
案例参考文档下载地址:Login-Register.md
4.20 登录模块
功能描述:在个人界面提供登出按钮,实现跳转登录模块。
| 场景 ID | 场景名称 | 触发条件 | 预期行为 |
|---|---|---|---|
| S01 | 首次启动应用 | 应用未登录态启动 | 进入首页,底部 Tab"我的"显示"未登录" |
| S02 | 点击"未登录" | 用户在"我的"Tab 点击"未登录"文字 | 跳转至登录注册页面 |
| S03 | 手机号验证码登录 | 用户输入手机号,点击获取验证码,输入验证码后点击登录 | 验证通过后保存 token,跳转回首页,"我的"Tab 显示用户昵称 |
| S04 | 账号密码注册 | 用户切换至注册 Tab,输入手机号+密码+确认密码,点击注册 | 注册成功后自动登录,跳转回首页 |
| S05 | 退出登录 | 已登录用户在"我的"页面点击"退出登录" | 弹出确认弹窗,确认后清除 token 和用户数据,跳转至登录页 |
| S06 | Token 过期 | 已登录态下 token 过期/无效 | API 返回 401,自动清除 token,跳转至登录页并提示"登录已过期" |
| S07 | 访问受限功能 | 未登录用户尝试收藏景点 | 提示"请先登录",跳转至登录页 |
4.21 登录功能添加
提示码道:
请读取 Login-Register.md 需求文档,完成项目登录注册功能的开发。
4.22 功能测试
通过验收文档提示华为云码道 CodeArts 进行功能测试。
本应用验收覆盖五大核心模块:首页轮播、列表加载、详情展示、搜索查询、个人中心管理。
| 模块名称 | 完成目标 | 是否完成 |
|---|---|---|
| 首页模块 | 轮播图正常展示和自动播放、热门景点列表正确加载、搜索入口可正常跳转、下拉刷新功能正常 | ☐ |
| 列表模块 | 景点列表正确展示、筛选功能正常工作、分页加载正常、列表项点击跳转正常 | ☐ |
| 详情模块 | 景点信息完整展示、图片浏览功能正常、收藏功能正常、分享功能正常 | ☐ |
| 搜索模块 | 搜索结果准确、历史记录正常保存、清空历史功能正常 | ☐ |
| 个人中心模块 | 用户信息正确展示、收藏列表正常展示、删除收藏功能正常 | ☐ |
4.23 上线发布准备
发布流程:
账号认证 → 合规准备 → 签名打包 → AGC 信息填报 → 上传包 → 提交审核 → 通过上架
相关地址:
- AGC 后台信息填报地址(填报地址)
- 发布 HarmonyOS 应用指导文档地址(上线指导地址)
思考题
题目:下列关于华为云码道(CodeArts)代码智能体开发代码,描述错误的是( )。
| 选项 | 内容 |
|---|---|
| A | 华为云码道代码智能体可以直接读取需求文档开发出对应功能。 |
| B | 开发页面代码时,需要调整页面布局可以直接通过码道沟通调整。 |
| C | 需要开发新功能的时候,可以通过沟通码道生成需求文档,再通过读取需求文档开发新功能。 |
| D | 华为云码道代码智能体可以读取测试验收文档,就可以不用人为运行测试。 |
提示:选项 D 描述错误。虽然码道可以读取测试验收文档辅助测试,但仍需要人为运行测试进行实际验证,不能完全替代人工测试。
学习推荐资源
| 资源名称 | 地址 |
|---|---|
| 华为云官网 | https://www.huaweicloud.com/ |
| 华为云学堂 | https://edu.huaweicloud.com/ |
附录:关键知识点速查
A.1 CodeArts 四大核心能力速查
| 能力 | 关键词 | 适用场景 |
|---|---|---|
| 研发知识问答 | 7×24小时、即问即答 | 技术咨询、API查询、业务探讨、代码解释 |
| 实时代码辅助 | 续写、补全、重构、注释 | 日常编码、代码优化、质量提升 |
| 智能体自主开发 | 自然语言→代码、跨文件 | 新模块开发、项目初始化、快速原型 |
| 单元测试生成 | 测试用例、合规扫描 | 代码质量保障、企业规范落地 |
A.2 开发环境搭建速查
| 步骤 | 操作 | 关键信息 |
|---|---|---|
| 1 | 下载安装 DevEco Studio | 版本 ≥ 6.0 |
| 2 | 下载 CodeArts 离线安装包 | 从华为云官网获取 |
| 3 | DevEco Studio 集成 CodeArts | Settings → Plugins → Install from Disk |
| 4 | 创建项目 | New Project → Empty Ability → travel_app |
A.3 码道开发流程速查
| 阶段 | 码道操作 | 产出 |
|---|---|---|
| 架构设计 | 自然语言描述需求 → 指定技术栈 → 生成骨架 | architecture.md |
| 需求分析 | 提出需求 → 澄清细化 → 生成文档 | requirements.md |
| 代码开发 | 读取文档 → 触发生成 → 审核微调 | 项目代码 |
| 错误修复 | 复现捕获 → 描述问题 → 码道修复 | 修复后的代码 |
| 功能添加 | 需求设计 → 导入文档 → 代码开发 | 新功能代码 |
| 功能测试 | 验收文档 → 码道测试 | 测试报告 |
| 上线发布 | 签名打包 → AGC填报 → 提交审核 | 上线应用 |
A.4 项目五层架构速查
| 层级 | 目录 | 核心文件/组件 | 职责 |
|---|---|---|---|
| 页面层 | pages/ |
Index, List, Detail, Search, Mine | 业务页面,交互入口 |
| 组件层 | components/ |
Banner, Card, ListItem | 可复用 UI 组件 |
| 服务层 | service/ |
ApiService.ets | 网络请求与 API 封装 |
| 数据层 | model/ |
Attraction, User, City | 数据模型定义 |
| 工具层 | common/ |
Network, Utils, Constants | 公共能力与工具 |
版权所有©2026,华为技术有限公司,保留所有权利。
本资料是华为的保密信息,所有内容仅供华为授权的培训客户内部使用。
- 点赞
- 收藏
- 关注作者
评论(0)