Configure for App Builder & Dynamic Interactions

DEX475 - Lightning App Builder

📄 第 361 页 🎬 视频课程

课程章节介绍

同学们,今天我们来看一下在Lightning Web Components里,如何配置组件让它在App Builder里更好用。这部分内容其实就是教我们怎么把组件包装得既灵活又安全,让业务管理员拖拖拽拽就能用起来。 首先,咱们说说,App Builder的配置,。你定义组件时,可以用三个页面目标,每个目标都能定义自己的一些属性,还可以限制这个组件只能用在哪些对象上。比如一个记录页组件,你可以通过对象标签来限制它只能在“客户”或“机会”对象上出现,别的对象上就看不到。注意,这里不支持外部对象,只限标准或自定义对象。 接下来是,动态交互,,这只在App Page目标里生效。你可以在组件里定义事件和架构子标签,这样管理员就能在App Builder里把不同组件关联起来。比如一个组件发出事件,另一个组件响应,完全不用写代码。不过,架构支持的属性类型有限,只能是字符串、字节和布尔类型,然后你可以给属性加上标题和描述,方便管理员理解。 再聊聊,组件提示,,这其实是帮助管理员在搭建页面时有个好的体验。比如要支持响应式设计,让组件宽度能自适应成100%,还要考虑占位符状态,就是组件还没数据时显示什么样子。还有SIDS样式,这能保证你组件的样式和Salesforce原生风格统一,不会显得突兀。 然后,配置提示,这块,其实就是给组件起个友好的名字,让管理员一看就懂。再给必填属性设置一个合理的默认值,避免管理员漏填导致组件出错。选择列表的话,预设一些选项,管理员直接选就行,不用手动输入。 还有很重要的一点——,破坏性更改会被阻止,。意思就是,一旦你的组件被用在App Builder里了,你作为开发者就不能随便删掉里面的对象、页面类型,或者把属性的最小值最大值收紧。比如原来数字属性允许输入0到100,你不能突然改成0到50,因为这会破坏已经在用的配置。系统会锁住这些变更,保护已有的页面。 最后,如果你的组件想放在,控制台应用,里用,很简单,只要把isExposed设为true,使用AppPage目标就行,不用额外配置什么控制台特有的东西了。 简单总结一下,就是让组件在App Builder里既好配又安全,同时给管理员提供清晰的引导。这样你的组件就能像积木一样,被业务人员轻松搭建成强大的页面。接下来我们可以看一个具体的代码例子,来加深理解。

关键词

LWC Lightning Web Components Salesforce