一线从业者撰写的中文原创内容，从入门到架构师，覆盖Salesforce全技术栈
了解Lightning Web Components OSS食谱示例应用程序 使用食谱样本应用程序 现在已经部署了该应用程序，让我们深入研究它的工作原理。 应用程序中的每个磁贴都是一个食谱，该食谱向您展示如何用30行或更少的代码行为特定任务编码。左侧的菜单项代表配方组。例如，“ Hello”菜单的配方显示了基本的框架功能，而“ Misc”菜单的配方显示了如何进行REST API调用或在不同组件之间......
学习目标 完成本单元后，您将能够： 组成组件。 使用插槽。 列出两种编程模型的数据绑定行为之间的差异。 您可以在另一个组件的主体内添加组件。这种组件组成使您可以从更简单的构建块组件中构建复杂的组件。 在大型应用程序中，将应用程序与一组较小的组件组合在一起以使代码更易于重用和维护是很有用的。 的 闪电 命名空间包含许多基本组件，例如 闪电按钮，可用于构建组件。有关更多详细信息，请参见组件库。 了......
创建一个子组件并与之交互 在前面的步骤中，我们的代码库有所增加。现在，花一点时间将我们的清单列表组件重构为几个较小的组件。我们将把熊牌的代码移到一个新的组件中。 创建Bear Tile组件 在VS Code中，右键单击该lwc文件夹，然后单击SFDX：Create Lightning Web Component。 命名组件bearTile。 打开bearList.html并剪切<!-- Start......
创建数据服务模块 在JavaScript或Web组件应用程序中，有许多访问数据的策略。在此步骤中，您将创建一个简单的数据服务模块，可以将其导入任何Web组件中以检索会议会话列表。该模块使我们可以通过REST服务访问云中托管的示例数据。您可以使用 此链接在浏览器中调用端点来浏览数据。由于数据以JSON格式存储，因此我们的浏览器无法以漂亮的方式呈现信息。 注意 我们将在本系列的其他项目中探索其他数据访......
创建指示器徽章闪电组件 现在，我们已经为服务器上的指标徽章奠定了基础，让我们开始有趣的部分：为ZBS用户显示指标。 创建一个徽章组件 我们已经建立了一个外部组件来保存指标，但是仍然需要用一些东西来填充它。让我们构建一个Lightning组件，用于显示各个指示器标志。 在开发人员控制台中，选择“文件”>“新建”>“闪电组件” 命名组件IndicatorBadge，然后单击提交 用以下代码替换生成的代......
使用闪电数据服务处理记录级更改 添加了IndicatorBadges组件后，ZBS Lightning页面看起来很棒，但是我们仍然需要提高其性能以使其匹配。让我们将Lightning Data Service添加到我们的IndicatorBadges组件中，看看它如何快速响应影响记录级数据的更改。 添加闪电数据服务 在开发者控制台中，将以下代码添加到IndicatorBadges组件标记中的一行下......
学习目标 在此项目中，您将： 安装Salesforce CLI。 安装用于Salesforce DX的Visual Studio代码和扩展。 创建和部署Lightning Web组件。 介绍 Lightning Web Components是用于构建Lightning组件的新编程模型。它利用了Web标准的突破，可以与Aura编程模型共存和互操作，并提供无与伦比的性能。要创建和开发Lightning......
设置Visual Studio代码 安装用于Visual Studio Code的Salesforce Extensions Visual Studio Code是Salesforce开发人员的首选代码编辑器。它是免费的开放源代码，可用于Windows，Linux和macOS。该编辑器具有易于安装的扩展程序，用于语法高亮显示，代码完成等。 在此项目中，我们将安装Visual Studio Code......
创建一个Hello World Lightning Web组件 现在，您已经设置了开发环境，您可以创建一个简单的Lightning Web组件。 创建一个Salesforce DX项目 在Visual Studio Code中，通过按Ctrl + Shift + P（Windows）或Cmd + Shift + P（macOS）打开命令面板。 输入SFDX。 选择SFDX：创建项目。 按Enter......
学习目标 在此项目中，您将： 安装推荐的开发人员工具以创建和使用Lightning Web Components。 创建一个闪电Web组件。 使用提供的开发人员工具修复代码中的错误。 配置记录布局以显示Lightning Web组件。 您知道您可以向专家学习吗？ 观看此视频，以了解有关该项目主题的更多信息： 您已经了解了称为Lightning Web Components的全新编程模型，现在您要开......
创建一个闪电Web组件 在这一步中，您将学习如何使用之前安装的工具。 您知道您可以向专家学习吗？ 观看此视频，以了解有关该项目主题的更多信息： 创建一个Salesforce DX项目 使用Salesforce CLI与组织进行交互的基本基础是Salesforce DX项目。一个项目由几个本地配置文件以及要部署的代码组成。用Salesforce术语来说，我们将此代码称为元数据，它是Salesforc......
分析您的代码并将其部署到您的组织 您已经安装了我们推荐的用于开发Lightning Web Components的工具。然后您复制并粘贴了一些损坏的代码，我们知道这将导致部署失败。您可能会说您以前从未在现实生活中做到过，对吧？ 您知道您可以向专家学习吗？ 观看此视频，以了解有关该项目主题的更多信息： 修复JavaScript错误 在网络上搜索（希望能正常工作的）代码后，作为开发人员最重要的任务是自......
学习目标 完成本单元后，您将能够： 解释Lightning Web Components编程模型。 列出使用Lightning Web组件的好处。 查找开始开发Lightning Web组件所需的条件。 Web标准编程的门户 现在是时候将您的Salesforce知识和对HTML，JavaScript和CSS等标准技术的熟悉程度结合在一起，以构建下一代Salesforce应用程序。使用这些通用标准为......
学习目标 完成本单元后，您将能够： 描述每个组件文件的内容。 为Lightning Web组件创建JavaScript方法。 在组件JavaScript中使用生命周期挂钩。 一些严肃的游戏时间 假设您要独立于Salesforce中的特定对象构建数据显示元素。一个很好的例子是ebikes示例存储库中的 productCard组件。让我们检查一下该卡组件，并从头开始构建我们自己的版本，以便您可以看到它......
学习目标 完成本单元后，您将能够： 配置Lightning Web组件文件以在组织中显示。 将文件部署到组织。 验证组织环境中的组件行为。 加强组织 现在是时候离开游乐场了，尽管您会发现它是一个非常有用的地方。在本单元中，我们使用带有Salesforce扩展的VS Code开发Lightning Web组件。我们将文件部署到组织中，并构建一个应用程序来使用您的组件。 你需要什么 如第一单元所述，您......
学习目标 完成本单元后，您将能够： 创建一个包含多个组件的应用程序。 描述复杂组件的文件结构。 处理事件。 跟随活动的旅程 您已经构建了一个组件并将其推送到临时组织。让我们开始添加一些与事件处理的交互性。我们通过几个组件跟踪事件的旅程，以在应用程序中进行复杂的事件处理。此应用程序是自行车商店的产品选择器。用户单击自行车名称和图像以查看更多详细信息。 这个程序有四个组件一起工作。 tile：显示单个......
学习目标 完成本单元后，您将能够： 将CSS和Lightning Design System与组件一起使用。 从Salesforce组织获取数据。 将您的应用程序部署到组织并进行测试。 调整组件 我们几乎结束了对Lightning Web组件的介绍，但让我们来看看如何控制组件的外观并提取实时数据。我们可以使外观适应Lightning环境，并在组织中使用实时数据。在本单元中，我们将使某些文本看起来生......
学习目标 完成本单元后，您将能够： 构建包含lightning-record-*-form基础组件的解决方案。 使用闪电数据服务（LDS）线适配器读取数据。 使用LDS功能修改数据。 如果这是您首次尝试Lightning Web Components，请等待。退后一步。在完成本模块之前，请确保您完成了 Lighthead Web Components基础知识 模块，并且 在Trailhead上了解......
学习目标 完成本单元后，您将能够： 识别何时需要使用Apex处理Salesforce数据。 用两种不同的方式呼叫Apex。 使用Apex和lightning-datatable处理记录列表。 闪电Web组件中的Apex 我们已经介绍了Lightning Data Service的好处以及如何使用它，但是有时，lightning-record-*-form组件或LDS线适配器和功能都不适合特定的用例......
学习目标 完成本单元后，您将能够： 说明连接属性时如何处理服务器错误。 说明如何处理在连接功能时发生的服务器错误。 说明如何处理在调用LDS函数或强制性Apex时发生的服务器错误。 确定推荐的与数据交互并处理特定用例错误的方式。 处理闪电Web组件中的服务器错误 LDS线适配器，LDS功能和对Apex的调用引发的错误具有特定的结构。要检索有关错误的信息，请在JavaScript代码中处理错误响应。......
学习目标 在此项目中，您将： 安装Salesforce CLI。 安装用于Salesforce DX的Visual Studio代码和扩展。 创建和部署Lightning Web组件。 介绍 Lightning Web Components是用于构建Lightning组件的新编程模型。它利用了Web标准的突破，可以与Aura编程模型共存和互操作，并提供无与伦比的性能。要创建和开发Lightning......
设置Visual Studio代码 安装用于Visual Studio Code的Salesforce Extensions Visual Studio Code是Salesforce开发人员的首选代码编辑器。它是免费的开放源代码，可用于Windows，Linux和macOS。该编辑器具有易于安装的扩展程序，用于语法高亮显示，代码完成等。 在此项目中，我们将安装Visual Studio Code......
学习目标 完成本单元后，您将能够： 解释Lightning Web Components编程模型。 列出使用Lightning Web组件的好处。 查找开始开发Lightning Web组件所需的条件。 Web标准编程的门户 现在是时候将您的Salesforce知识和对HTML，JavaScript和CSS等标准技术的熟悉程度结合在一起，以构建下一代Salesforce应用程序。使用这些通用标准为......
学习目标 完成本单元后，您将能够： 创建一个包含多个组件的应用程序。 描述复杂组件的文件结构。 处理事件。 跟随活动的旅程 您已经构建了一个组件并将其推送到临时组织。让我们开始添加一些与事件处理的交互性。我们通过几个组件跟踪事件的旅程，以在应用程序中进行复杂的事件处理。此应用程序是自行车商店的产品选择器。用户单击自行车名称和图像以查看更多详细信息。 这个程序有四个组件一起工作。 tile：显示单个......
📚 本站共收录 1124 篇 Salesforce 中文技术文章，涵盖开发、运维、认证、行业方案等领域。
由一线从业者撰写，持续更新中。