Fill in the Blanks

DEX470 - Unit 3:Work with Lists of Records

📄 第 57 页 🎬 视频课程

课程章节介绍

同学们,今天我们来聊聊如何在Salesforce的Lightning Web Components(LWC)中使用Apex方法来获取数据。我们来看一个简单的例子,这个例子中,我们要从Apex控制器`BearController`中获取所有的熊(Bears)数据。 首先,我们需要在LWC的JavaScript文件中导入必要的模块。我们使用`import`语句来导入`LightningElement`和`Wire`,这两个是LWC的核心模块。然后,我们还需要导入Apex方法`getAllBears`,这个方法是我们之前在Apex控制器中定义的。 ```javascript import { LightningElement, wire } from 'lwc'; import getAllBears from '@salesforce/apex/BearController.getAllBears'; ``` 接下来,我们定义一个类`BearList`,这个类继承自`LightningElement`。在这个类中,我们使用`@wire`装饰器来调用`getAllBears`方法,并将返回的数据绑定到`bears`属性上。 ```javascript export default class BearList extends LightningElement { @wire(getAllBears) bears; } ``` 在这个例子中,`@wire`装饰器会自动处理数据的获取和更新。当`getAllBears`方法返回数据时,`bears`属性会自动更新,我们可以在模板中使用这个属性来显示数据。 关于`getAllBears`方法,我们还可以设置一些额外的选项,比如`cacheable=true`。这个选项告诉Salesforce,这个方法的结果可以被缓存,这样在多次调用时,可以减少对服务器的请求,提高性能。 ```javascript @wire(getAllBears, { cacheable: true }) bears; ``` 总结一下,我们通过`@wire`装饰器来调用Apex方法,并将返回的数据绑定到组件的属性上。这样,我们就可以在LWC中轻松地获取和显示来自Apex控制器的数据了。 希望这个解释对你们有帮助,如果有任何问题,欢迎随时提问!