> 技术文档 > 华为云鸿蒙应用入门级开发者认证 实验(HCCDA-HarmonyOS & Cloud Apps)_实验三:开发arkts卡片(35分)

华为云鸿蒙应用入门级开发者认证 实验(HCCDA-HarmonyOS & Cloud Apps)_实验三:开发arkts卡片(35分)


HCCDA实验

实验一

任务1 补全数据模型数组项

得分点:能正确对指定类中创建对象进行构造初始化。

请使用如下配置自行创建API为12的应用工程:

应用工程创建时的相关配置如下表:

  • Project name : ArkTSExam

  • Device Type: Phone

创建成功后,请打开默认生成的index.ets文件,并复制如下代码。此时文件中已经创建好了DataSources类,请对该类使用正确的构造方法进行对象初始化。

class DataSources {  // 数据模型属性  id: string;      // 唯一标识  title: string;   // 标题信息  brief: string;   // 简要描述​ //填写正确代码块 ————————(1)—————————— }}

任务2:创建自定义组件,并补全代码

  1. @Component

  2. struct

  3. @Prop dataSources : DataSources

  4. build()

  5. Colunm()

  6. this.dataSources.title

  7. this.dataSources.brief

完成以上内容并截图提交后,为方便后续步骤,添加export关键字

任务3:使用渲染控制语法,构建页页面

实验二:根据题目描述,使用DevEcoStudio实现启动应用内的UIAbility并获取返回结

任务1:创建UIAbility并指定启动页面

创建 SecondAbility

创建 Second页面page

设置 Second 页面为SecondAbility的启动页

任务2:启动应用内的SecondAbility并传递参数

复制代码后,根据下图完成指定位置填空。 注意细节:

1 填空1不必手动操作,直接操作后续步骤,本代码会自动导入

2 填空2,敲入 .onC 即可代码补全,然后在小括号中填写单词value,在大括号中填写 this.newData = value

3 填空3的单词 common不必敲完,利用编辑器代码补全功能即可,但是要注意选对第几项,不要认错。

4 填空4 为了方便让编辑器自动提示,先在=前面添加类型 : Want

任务3 接收EntryAbility传递过来的参数

任务4:参数在Second页面中展示

提供Second文件代码如下,请将代码补齐。此处为整体替换

实验三 开发ArkTS卡片

任务1 新建ArkTS卡片

创建项目

创建卡片

提交对应截图

任务2:使用router事件跳转到EntryAbility

  1. 在ets>pages目录下新建一张名为Detail的Page页面,> 将下列代码复制到新建的Detailets文件中,覆盖Detailets文> 件中的原有代码.

创建 Detail页面的步骤如下两个示意图

  1. 将下列代码复制到ExamCard.ets文件中,覆盖ExamCard.ets文件中的原有代码。

  1. 将下列代码复制到EntryAbility.ts文件中,覆盖 EntryAbility.ts文件中的原有代码,并根据注释补全缺失代 码,实现在Entrybility中接收router事件并获取参数,根据> 传递的params不同,选择拉起不同的页面。

任务3:通过message事件刷新卡片内容(8分)

✉️【满分文档】,可远程协助指导小白拿证。