During this exercise, you will start building the student gallery.

DEX602 - Unit 2 Introducing Lightning Web Components

📄 第 110 页 🎬 视频课程

课程章节介绍

同学们,今天我们来做一个非常有趣的练习,我们要开始构建一个学生图库。这个练习的重点是学习如何使用Salesforce的组件属性。我们会分几个步骤来完成这个任务,整个过程大概需要20分钟。 首先,我们要定义一个叫做`studentTile`的组件。这个组件就像是一个小盒子,里面会显示每个学生的信息。你可以把它想象成一张小卡片,每张卡片上都有一个学生的名字、照片或者其他信息。 接下来,我们要定义这个组件的属性。属性是什么呢?简单来说,属性就是组件的“特征”或者“设置”。比如,我们可以为`studentTile`组件定义一个`studentName`属性,用来存储学生的名字;再定义一个`studentPhoto`属性,用来存储学生的照片。这些属性可以让我们的组件更加灵活,能够根据不同的学生显示不同的信息。 最后,我们要生成动态标记。动态标记的意思是说,我们不需要手动为每个学生创建卡片,而是通过代码自动生成。比如,如果我们有一个学生列表,我们可以用循环语句来为每个学生生成一个`studentTile`组件,并且把学生的名字和照片自动填充进去。 总结一下,今天的练习分为三步: 1. 定义`studentTile`组件。 2. 定义组件的属性,比如`studentName`和`studentPhoto`。 3. 生成动态标记,自动为每个学生创建卡片。 好了,现在你们可以开始动手了!如果有任何问题,随时问我。