一线从业者撰写的中文原创内容，从入门到架构师，覆盖Salesforce全技术栈
创建熊列表组件 公园护林员希望直接从其主页上看到熊的目录。您的任务是实施该清单。 在VS Code中，右键单击该lwc文件夹，然后单击SFDX：Create Lightning Web Component。 命名组件bearList。 编辑bearList.js-meta.xml文件，并替换<isExposed>false</isExposed>为这些行。 <isExposed>true</isE......
创建一个子组件并与之交互 在前面的步骤中，我们的代码库有所增加。现在，花一点时间将我们的清单列表组件重构为几个较小的组件。我们将把熊牌的代码移到一个新的组件中。 创建Bear Tile组件 在VS Code中，右键单击该lwc文件夹，然后单击SFDX：Create Lightning Web Component。 命名组件bearTile。 打开bearList.html并剪切<!-- Start......
更新Bear List组件 公园护林员对您有最后要求。他们希望在过滤熊名单时在地图上找到熊。您必须创建一个熊图组件并修改熊列表，以便将事件发送到地图。让我们从更新熊列表开始。 编辑bearList.js文件。 在下面添加以下代码import { NavigationMixin } from 'lightning/navigation';： import { publish, MessageCont......
学习目标 在此项目中，您将： 构建彼此通信的Lightning Web组件。 从子组件与其父组件进行通信。 从父组件与子组件进行通信。 从组件通信到不相关的组件。 该项目是为具有一定的Lightning Web组件经验的Salesforce开发人员设计的。如果您还不熟悉Lightning Web组件，我们建议您 在继续进行此项目之前，先完成Build Lightning Web Component......
父母与孩子沟通 为了启用从父组件到子组件的通信，子组件公开一个属性或函数以使其公开。然后，父母可以更新孩子的公共财产或调用孩子的公共职能。 此外，如果要添加一些功能，请在子组件上将public属性更新为getter和setter。 让我们从简单的公共属性更新开始。另一个业务部门找到了您构建的分子。他们想使用它并添加到它。他们的第一个要求是能够设置计数器的起始编号。我们不想进行任何会影响原始业务用例......
在不相关的组件之间通信 要在DOM中的子树之间通信（以及在某些情况下，登录到同一组织的不同浏览器窗口之间的通信），请使用闪电消息服务（LMS）。LMS是一项发布和订阅服务，可促进Lightning Web组件，Aura组件和Visualforce页面之间的通信。 除非您同时控制两个组件和一个公共父组件，否则请使用LMS进行不相关组件之间的通信。LMS功能强大，有效且易于使用，但不要在不必要时诱使您......
学习目标 在此项目中，您将： 设置您的Salesforce开发人员环境。 创建一个Salesforce DX项目。 将Lightning Web组件转换为Salesforce平台。 使用Apex从Salesforce检索数据。 介绍 在此项目中，您将使用Lightning Web Components Open Source作为Node.js应用程序开发的会议管理应用程序迁移到Salesforce......
创建一个Salesforce应用 在此步骤中，您将创建一个Salesforce DX项目并构建您的第一个Lightning App。 创建一个Salesforce DX项目 现在已经设置了Salesforce CLI，创建一个新项目并授权您的Trailhead Playground。 打开命令提示符，例如Windows上的cmd或macOS上的终端。 使用此命令创建一个新的Salesforce D......
转换Salesforce平台的组件 在此步骤中，您将为Node.js应用程序编写的Lightning Web组件转换为Salesforce平台的组件。 注意 除非另有说明，否则此步骤中的所有操作都将应用于/force-app/main/default/lwc创建的Salesforce DX项目中目录下的文件夹。 复制组件文件 副本app，sessionDetails，sessionList，和sp......
使用Apex检索数据 您在上一个项目中构建的Node.js应用程序运行SOQL查询，以从Salesforce平台检索会话列表。为了在Salesforce上检索该数据，您需要将Node.js后端逻辑转换为Apex代码。Apex是一种强类型的，面向对象的编程语言，它使开发人员可以结合对API的调用在Salesforce服务器上执行流和事务控制语句。 注意 Apex仅在特定的用例中才需要，例如获取记录及......
学习目标 在此项目中，您将： 设置您的Salesforce环境。 在Salesforce中创建具有不同字段类型和关系的数据模型。 从使用Lightning Web Components Open Source构建的会议管理应用程序中验证和获取Salesforce数据。 在你开始之前 在执行此动手项目中的步骤之前，请确保已完成使用Lightning Web Components Open Sourc......
设置您的Salesforce数据模型 在Salesforce中，数据存储在一个对象中。您可以将对象视为项目列表或电子表格。在这里，可以存储和维护按字段分组的信息，例如每个客户的名字和姓氏。 有两种类型的对象：标准对象和自定义对象。标准对象是Salesforce附带的对象。常见的业务对象（例如客户，联系人，潜在客户和机会）都属于该组。 自定义对象是您创建的用于存储特定于您的公司或行业的信息的对象。在......
导入样本数据 现在您已经建立了数据模型，是时候输入数据了。您可以手动输入数据，也可以使用“数据导入向导”将其导入。 感谢Lightning Object Creator，用于会话的数据已被加载。使用数据导入向导将扬声器数据导入到Contact对象中。 下载 此CSV文件（右键单击并选择“另存为”），其中包含扬声器列表。 在您的Trailhead游乐场中，点击，然后 选择设置。 Data Impor......
连接到Salesforce 在此步骤中，您将通过从Salesforce获取会话和演讲者数据来更新Trailhead项目“ 使用Lightning Web Components Open Source构建您的第一个应用程序”中构建的应用程序。 为此，您设置了本地 Express服务器以连接到Trailhead Playground，并提供一个为会议管理应用程序提供数据的端点。 安装套件 第一步是安装......
学习目标 在此项目中，您将： 安装使用Lightning Web Components Open Source所需的工具。 使用Lightning Web Components Open Source创建数据服务模块。 使用Web组件和最新的Web标准创建示例会议管理应用程序。 介绍 Web标准的创新水平达到了前所未有的高度，令人兴奋。现在，需要框架的许多功能已成为标准配置。您不再需要专有的组件模......
修改默认应用 更新index.html文件 在上一步中，您使用该create-lwc-app 工具创建了样板应用程序 。在此步骤中，您将修改默认应用程序并将其变成会议管理应用程序。 您可以使用自己喜欢的代码编辑器完成此项目。我们建议使用 Visual Studio Code，但这不是必需的。我们以VS Code为将来的指示。 打开Visual Studio代码。 在菜单中选择文件>打开。 选择您的......
创建数据服务模块 在JavaScript或Web组件应用程序中，有许多访问数据的策略。在此步骤中，您将创建一个简单的数据服务模块，可以将其导入任何Web组件中以检索会议会话列表。该模块使我们可以通过REST服务访问云中托管的示例数据。您可以使用 此链接在浏览器中调用端点来浏览数据。由于数据以JSON格式存储，因此我们的浏览器无法以漂亮的方式呈现信息。 注意 我们将在本系列的其他项目中探索其他数据访......
创建会话详细信息Web组件 在此步骤中，您将创建一个新的Web组件，该组件显示特定会议会话的详细信息。您还实现了一个简单的导航系统，该系统允许用户在会话列表和会话详细信息之间来回导航。 创建sessionDetails Web组件 首先，让我们创建Web组件的JavaScript文件。 在现有my文件夹下，创建一个名为的新文件夹sessionDetails。 在sessionDetails文件夹中......
准备与对象无关 注意 从Spring '19版本（API版本45.0）开始，您可以使用两个编程模型来构建Lightning组件：Lightning Web组件模型和原始的Aura组件模型。闪电Web组件和Aura组件可以在页面上共存和互操作。此内容涵盖了Aura组件。 有关Lightning Web组件的更多信息，请参见 Build Lightning Web Components路径。 介绍 在......
创建要在Lightning App Builder中使用的组件 尽管我们使用Lightning组件显示指示器标志（并且在以后的步骤中，我们甚至使用Lightning Data Service来获得没有Apex的记录级数据），但这并不意味着我们不需要Apex。实际上，我们需要使用一些Apex来使我们的指标徽章记录以及其他信息可供我们的Lightning组件使用。 在此步骤中，我们将创建一个可感知对象......
创建指标徽章Apex服务 我们已经在Lightning Experience中启动并运行了组件，并连接了一个Apex控制器。现在，我们需要将组件连接到我们的自定义元数据，然后通过在Apex中添加服务并将其与我们已经编写的代码相连接来实现。 创建指标徽章服务类 点击齿轮图标（），然后选择开发者控制台。 单击文件>新建> Apex类。 命名Apex类INDICATOR_Service。 将生成的代码替......
创建指示器徽章闪电组件 现在，我们已经为服务器上的指标徽章奠定了基础，让我们开始有趣的部分：为ZBS用户显示指标。 创建一个徽章组件 我们已经建立了一个外部组件来保存指标，但是仍然需要用一些东西来填充它。让我们构建一个Lightning组件，用于显示各个指示器标志。 在开发人员控制台中，选择“文件”>“新建”>“闪电组件” 命名组件IndicatorBadge，然后单击提交 用以下代码替换生成的代......
使用闪电数据服务处理记录级更改 添加了IndicatorBadges组件后，ZBS Lightning页面看起来很棒，但是我们仍然需要提高其性能以使其匹配。让我们将Lightning Data Service添加到我们的IndicatorBadges组件中，看看它如何快速响应影响记录级数据的更改。 添加闪电数据服务 在开发者控制台中，将以下代码添加到IndicatorBadges组件标记中的一行下......
部署Lightning Web Components OSS食谱示例应用程序 学习目标 在此项目中，您将： 了解有关Lightning Web Components开源的信息。 在本地部署“食谱”示例应用程序。 关于这个项目 在此快速入门项目中，您将从Trailhead样本库安装样本应用程序。该应用程序提供了一些示例，您可以使用这些示例来了解Lightning Web Components。它还具......
📚 本站共收录 1124 篇 Salesforce 中文技术文章，涵盖开发、运维、认证、行业方案等领域。
由一线从业者撰写，持续更新中。