Use Lightning App Builder to Create a Lightning Page with a Quick Action.

DEX601 - Unit 4 Surfacing Aura Components

📄 第 301 页 🎬 视频课程

课程章节介绍

让我们一步一步来完成这个练习。首先,我们要使用Lightning App Builder来创建一个带有快速操作的Lightning页面。这个页面将包含一个紧急按钮(Panic Button),一个Chatter Feed,一个过滤后的列表,以及一个记录呼叫的快速操作。我们还会确保这个页面在Salesforce Mobile和Lightning Experience中都能正常显示。 ### 第一步:让PanicButton组件可用于Lightning App Builder 1. ,添加接口,:我们需要在PanicButton组件中添加一个接口,这样它就可以在Lightning App Builder中被使用了。这个接口通常叫做`flexipage:availableForAllPageTypes`,添加这个接口后,组件就可以被拖放到任何Lightning页面上了。 2. ,创建Design-time Properties窗体,:为了让应用程序构建器能够为Panic Button组件指定运行时参数,我们需要创建一个设计时属性窗体。这个窗体允许用户在App Builder中设置组件的属性,比如按钮的颜色、大小等。 3. ,定义SVG图标,:为了让Panic Button在页面上看起来更直观,我们可以为它定义一个SVG图标。这个图标会在App Builder和页面上显示,帮助用户快速识别这个按钮的功能。 ### 第二步:定义Lightning页面 1. ,创建Lightning页面,:在Lightning App Builder中,创建一个新的Lightning页面。选择适合的页面类型,比如App Page或Record Page。 2. ,添加组件,:将PanicButton组件拖放到页面上。然后,再添加Chatter Feed组件和过滤后的列表组件。这些组件可以通过拖放的方式轻松添加到页面上。 3. ,添加记录呼叫快速操作,:在页面上添加一个记录呼叫的快速操作。这个操作可以让用户快速记录电话呼叫,非常适合销售团队使用。 ### 第三步:激活并测试页面 1. ,激活页面,:完成页面设计后,点击“激活”按钮,将页面发布到Lightning Experience和Salesforce Mobile中。 2. ,测试页面,:在Lightning Experience和Salesforce Mobile中打开页面,确保所有组件都能正常显示和工作。特别是测试Panic Button的功能,确保它能在紧急情况下正常工作。 ### 第四步:启用紧急按钮为快速操作(可选) 1. ,配置快速操作,:如果你希望紧急按钮不仅仅是一个页面上的按钮,还可以作为快速操作使用,你可以在App Builder中配置它。这样,用户可以在记录页面的快速操作菜单中直接点击紧急按钮。 ### 总结 通过以上步骤,你已经成功创建了一个带有快速操作的Lightning页面,并且确保它在Salesforce Mobile和Lightning Experience中都能正常使用。这个页面不仅功能强大,而且非常直观,用户可以通过简单的操作完成复杂的任务。 希望这个练习对你有所帮助!如果有任何问题,随时问我。