Displaying Instructor Notes for a Student.

DEX602 - Unit 8 Lightning Web Components for Aura Developers

📄 第 445 页 🎬 视频课程

课程章节介绍

同学们,今天我们要进入实验的第三阶段,这个阶段的任务是读取和输出动态数据。听起来有点技术性,但别担心,我会一步步带你们理解。 首先,我们需要创建一个新的组件,叫做“学生历史”。这个组件的作用是展示学生的历史记录。想象一下,就像是你翻开一本历史书,每一页都记录着不同的历史事件。我们的“学生历史”组件就是这样的一个“历史书”。 接下来,我们要在“studentDetail.html”这个文件中找到“历史”选项卡,然后把之前可能存在的“studentHistory”部分删除掉。为什么呢?因为我们要用新的方式来展示历史数据,而不是用旧的静态方式。 然后,我们要把“历史对象”传递给我们的新组件。这个“历史对象”就像是一堆历史数据的集合,我们要把这些数据传递到“学生历史”组件中,让它来展示。 在“学生历史”组件中,我们会使用一个叫做“迭代”的技术。简单来说,就是我们要遍历“历史数组”中的每一个元素。想象一下,就像是你有一串珍珠项链,你要一颗一颗地看过去。每颗珍珠就是一个历史记录,我们要为每一个记录生成一个“Lightning-tile”实例。 “Lightning-tile”是Salesforce提供的一个UI组件,它可以帮助我们以卡片的形式展示信息。每一个“Lightning-tile”就像是一个小卡片,上面写着一条历史记录。 最后,我们预计这个任务大概需要20分钟来完成。当然,这取决于你们对Salesforce的熟悉程度,如果你们已经比较熟悉了,可能会更快一些。 好了,这就是我们今天的主要内容。记住,创建组件、删除旧的部分、传递数据、迭代数组、生成卡片,这些步骤听起来很多,但只要我们一步步来,就一定能完成。加油!