HCCDA实验

提示

华为云鸿蒙实验记录

HCCDA

实验一

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

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

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

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

Project name : ArkTSExam
Device Type: Phone

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

class DataSources {
  id: string; //ID
  title: string; //标题
  brief: string; //具体描述

  // 请填写正确代码块：
  constructor(id: string, title: string, brief: string) {
    this.id = id;
    this.title = title;
    this.brief = brief;
  }
}

无需编写代码，按照下图操作即可补全代码

任务2：创建自定义组件，并补全代码

得分点： 1、自定义组件DataCard中数据来源应使用任务一中创建数据源数组DataSources。

2、必须通过创建自定义组件DataCard构建页面。定义完数据模型后，请自行分析布局并优先构建组成页面Ul的自定义组件DataCard。且自定义组件DataCard中数据来源应使用任务T中创建数据源数组DataSources。

@Component
struct
@Prop dataSources : DataSources
build()
Colunm()
this.dataSources.title
this.dataSources.brief

alt text

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

alt text

任务3：使用渲染控制语法，构建页页面

1、必须正确使用任务二中创建的DataCard组件

2、必须通过染控制语法创建页面组件DataSourcesListView. 构建完成自定义组件DataCard后，请使用渲染控制语法以及子组件DataCard构建组件DataSourcesListView

如下所示，已提供自定义组件DataSourcesListView构建过程中所需具体样式属性参数，请根据这些信息构建出正确的页面。

alt text

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

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

本实验包含两个UIAbility，每个UIAbility关联一张Page页面。EntryAbility与其关联的Page页面Index.ets创建好HarmonyOs工程后默认提供。接下来，请自行创建好一个UIAbility命名为SecondAbility，再创建好一个页面名叫Second，使其成为SecondAbility的指定启动页面。

创建 SecondAbility

alt text

创建 Second页面page

alt text

设置 Second 页面为SecondAbility的启动页

alt text

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

本实验代码中，已经将Index.ets页面的基本U界面提前构建完毕。接下来，请补全Apply（方法，使其可以完成启动SecondAbility并传递参数的功能。最终实现如下功能效果： Index页面中存在一个文本输出框，当用户在其中输出文本，并点击提桥按钮，应用会将用户所输出文本在second页面上显示。 alt text

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

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

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

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

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

alt text