Skip to main content

通过 Salesforce Starter 实现业务增长

通过一个应用程序增强客户与销售人员、服务专员和营销人员的关系。

开始 30 天免费试用
时间估计

开始使用 Lightning 应用程序生成器

学习目标

完成本单元后,您将能够:

  • 了解 Lightning 应用程序生成器如何帮助您为 Lightning Experience 和移动应用程序构建响应式应用程序和自定义页面
  • 了解 Lightning 应用程序生成器用户界面的布局
  • 描述 Lightning 页面和 Lightning 组件的差异

认识 Lightning 应用程序生成器

您的用户非常忙碌。他们忙着成交,提供一流的服务,并面向您的潜在客户和客户进行营销。通过创建自定义页面,确保您的用户可随时获取关键信息,并为他们提供一个简单的界面来更新和添加记录。

Lightning 应用程序生成器是一种指点单击式工具,可以轻松创建 Salesforce 移动应用程序和 Lightning Experience 的自定义页面,让您的用户一站式获得所需信息。

但这还不是全部。当您在设置中从应用程序管理器编辑 Lightning 应用程序时,将进入 Lightning 应用程序生成器来管理应用程序的设置。 您可以在 Lightning 应用程序生成器中更新应用程序的品牌化设置、导航选项,并管理分配给该应用程序的 Lightning 页面。

在本模块中,您将探索 Lightning 页面的创建。

Lightning 应用程序生成器的工作原理

您可以使用 Lightning 应用程序生成器构建以下内容:

  • 可下钻到标准页面的单一页面应用程序
  • 仪表板式应用程序,例如用于跟踪本季度的顶级销售前景或关键潜在客户的应用程序
  • 用于解决特定任务的“点”应用程序,例如用户输入和监控其所提交费用的费用应用程序
  • 面向对象的自定义记录页面,根据用户需求进行定制
  • 包含用户最常用组件和功能的自定义主页

Lightning 页面采用一种自定义布局,帮助您设计用于 Salesforce 移动应用程序或 Lightning Experience 的页面。Lightning 页面由包含组件的若干区域组成。

下面是您将要构建的其中一个页面的预览。

在 Lightning Experience 中测试自定义组件

Lightning 页面的结构会根据所使用的设备进行调整。页面在给定设备上的显示方式取决于创建它之时选择的模板。Lightning 页面的模板将页面划分为多个区域。

Lightning 页面区域

Lightning 组件

Lightning 组件是一个紧凑、可配置且可重复使用的元素,您可以在 Lightning 应用程序生成器中将其添加到 Lightning 页面。

Lightning 页面支持以下组件:

  • 标准组件——标准组件是指通过 Salesforce 构建的 Lightning 组件。
  • 自定义组件——自定义组件是指由您或其他人创建的 Lightning 组件。您可以将自定义 Lightning 组件配置为可在 Lightning 应用程序生成器中使用。
  • AppExchange 上的第三方组件——AppExchange 为 Lightning 组件提供一个市集。您可以在其中找到已配置好并可直接用于 Lightning 应用程序生成器的组件包。
备注

从 Spring '19 版本(API 版本 45.0)开始,您可以使用两种编程模型构建 Lightning 组件:Lightning Web Component 模型和原始 Aura 组件模型。Lightning Web Component 是使用 HTML 和现代 JavaScript 构建的自定义 HTML 元素。Lightning Web Component 和 Aura 组件可在页面上共存和交互。

Lightning 应用程序生成器用户界面

Lightning 应用程序生成器的用户界面使创建 Lightning 页面变得简单。以下是该工具各个部分的说明

Lightning 应用程序生成器 UI

标题 (1)

当您使用 Lightning 页面时,标题中会显示其标签,并包含一个页面列表,您可以在其中查看最近修改过的 10 个页面。您还可以返回设置而不保存,或者查看 Lightning 应用程序生成器的更多帮助。

如果您正在编辑一个应用程序,标题还会显示应用程序的名称,并包含一个 App Settings(应用程序设置)选项卡,您可以在其中配置应用程序的选项,如品牌化设置、导航和实用工具栏。在应用程序上下文中,Pages(页面)列表会显示与当前应用程序关联的处于活动状态的所有 Lightning 页面。

工具栏 (2)

使用工具栏中的按钮来剪切 剪切、复制 复制 和粘贴 粘贴 页面内容;以及撤消 撤消、重做 重做、保存或激活您的 Lightning 页面。您还可以采用不同的格式查看页面、刷新画布或根据视图调整画布大小。

组件面板 (3)

组件面板包含所有可用于您的 Lightning 页面的标准和自定义 Lightning 组件。单击并拖动组件将其添加到页面中。在记录页面上,组件面板顶部的 Fields(字段)选项卡包含可添加到记录页面的对象字段。

备注

如果您有很多自定义组件,请在搜索字段中输入关键词,则可轻松找到您需要的组件。您可以使用窗格底部的按钮访问 AppExchange 上的第三方自定义组件。

Lightning 页面画布 (4)

画布区域是您构建页面的地方。拖动组件以在页面上重新排序。

属性窗格 (5)

根据您在页面上选择的内容,属性窗格显示页面的整体属性或所选组件的属性。查看组件时,单击导航链中的页面以访问页面属性。

Lightning 页面类型

您可以使用 Lightning 应用程序生成器创建不同类型的 Lightning 页面。我们将探讨以下三种类型。

应用程序页面

使用应用程序页面为第三方应用程序创建主页,并且您可以直接将其添加到 Salesforce 移动应用程序和 Lightning Experience 导航菜单中。然后,您的用户可以通过应用程序主页快速访问最重要的对象和项目。

主页

创建具有适用于特定类型用户的功能的主页,并将自定义页面分配给不同的应用程序或应用程序和用户简档组合。自定义主页仅适用于 Lightning Experience。

记录页面

通过记录页面,您可以根据用户的需求创建对象记录页面的自定义版本。自定义记录页面适用于 Lightning Experience 和 Salesforce 移动应用程序。 

先从主页开始。

资源

在 Salesforce 帮助中分享 Trailhead 反馈

我们很想听听您使用 Trailhead 的经验——您现在可以随时从 Salesforce 帮助网站访问新的反馈表单。

了解更多 继续分享反馈