构建 App Home Lightning 页面
学习目标
完成本单元后,您将能够:
- 将组件添加到 Lightning 页面
- 配置 Lightning 页面和 Lightning 组件的属性
- 将操作添加到 Lightning 页面
- 将 Lightning 页面添加到 Lightning Experience 和移动应用程序
App Home Lightning 页面
将一个应用程序的自定义主页添加到 Salesforce 移动应用程序和 Lightning Experience 应用程序的导航栏,让您的用户能够轻松访问该应用程序中最重要的对象和项目。
创建应用程序页面
下一步,您将为销售团队构建一个应用程序主页。
您的销售团队需要在销售漏斗中看到最重要的交易,并通过直观的界面一目了然地了解关键细节。他们希望看到最近查看过的业务机会,并且只需轻触一下或点击一下就能看到记录详情。他们还希望能够在出行途中记录通话并创建客户和业务机会。
开始吧!
- 从 Setup(设置)中,在 Quick Find(快速查找)框中输入
App Builder
(应用程序生成器),然后选择 Lightning App Builder(Lightning 应用程序生成器)。
- 单击新建。
- 选择应用程序页面,然后单击下一步。
- 将您的 Lightning 页面命名为
Top Accounts and Opportunities
(重要客户和业务机会)。
- 选择 Two Regions(两个区域)模板,然后单击 Done(完成)。
如果弹出 Lightning 应用程序生成器逐步解说,请忽略。
- 将“列表视图”组件拖至第一个区域。
- 在属性窗格中,选择对象为客户,选择白金和黄金 SLA 客户筛选器,并将要显示的记录数量设置为 5。
- 将“最近项目”组件添加到第二个区域。
- 在 Recent Items(最近项目)组件的属性窗格中,将自定义标签更改为
Recent Opportunities
(最近业务机会)。
- 单击 Select(选择)并配置 Selected(选定)列表,使其只包含 Opportunity(业务机会)。
- 在属性窗格中,单击页面,单击选择,然后将这些操作添加到页面中。
- 记录电话
- 新建客户
- 新建业务机会
您只能向 Lightning 应用程序页面添加全局操作。
- 在工具栏中,将视图更改为“平板电脑 - 横屏模式”。
- 单击保存,然后选择 Not Yet(尚未可用)。
现在您已经创建了页面,您几乎准备就绪可以将其添加到 Lightning Experience 和移动应用程序了。
将您的应用程序页面添加到 Lightning Experience 和 Salesforce 移动应用程序
与其他页面一样,在您激活之前,您的用户无法访问应用程序页面。在激活过程中,您可以在同一个地方自定义页面的自定义选项卡标签,调整其可见性,并在 Salesforce 移动应用程序和 Lightning Experience 应用程序导航栏中设置其位置。
- 单击激活。
- 不要更改应用程序名称。默认情况下,您为 Lightning 页面提供的标签将用作其自定义选项卡的标签。
- 将图标更改为蓝色 Lightning Bolt 图标。您在此处选择的图标将用作移动应用程序和 Lightning Experience 中页面的图标。
- 将标签的可见性保持对所有用户开放。
仅对系统管理员激活的设置在您操作 Lightning 页面时非常有用。将您的页面限制为仅对管理员激活意味着您可以查看和测试页面,但在您准备好向用户展示之前,用户无法查看页面。
- 单击 Lightning Experience 选项卡。
- 选择销售应用程序,然后单击将页面添加到应用程序。
默认情况下,您正要添加到菜单中的页面显示在第二个位置,让其留在那里。如果您将其放在顶部位置,它将成为所有 Lightning Experience 用户的登录页面。
- 单击移动导航选项卡。
- 选择 Mobile Navigation Menu(移动导航菜单),然后单击 Add page to app(将页面添加到应用程序)。
这一操作会将应用程序页面添加至 Salesforce 移动应用程序中“仅移动端”Lightning 应用程序中的移动导航。像之前一样,将页面添加至 Lightning Experience 中的销售应用程序,可确保该应用程序页面也显示在 Salesforce 移动应用程序中的销售应用程序中。默认情况下,您添加至“仅移动端”应用程序中的导航的新页面会显示在 Smart Search Items(智能搜索项目)菜单项下方。如果您将“重要客户和业务机会”页面留在那里,它将出现在菜单的“应用程序”部分。您不希望这样,所以将其移到上面。
- 将页面拖动到 Today(今天)菜单项的下方。
- 单击保存。
您的“应用程序”主页现在已经为您的移动用户和 Lightning Experience 用户准备就绪!
测试 Lightning Experience 中的应用程序页面
您已经创建并激活了页面。现在来看看实际操作的情况!
- 如果您仍停留在应用程序生成器中,请单击返回,返回至“设置”。
- 从应用程序启动器 ( ) 中,找到并选择销售。
- 单击应用程序导航栏中的 Top Accounts and Opportunities(重要客户和业务机会)。
这是您的 Lightning 页面!Lightning Bolt 图标也出现在此处,您添加的三个操作都在高亮显示面板中。
测试 Salesforce 移动应用程序中的应用程序页面
现在通过您的手机查看该页面。
- 打开 Salesforce 移动应用程序。
- 使用您的 Trailhead Playground 凭据登录。(如果您不知道您的 Trailhead Playground 凭据,请参阅此文。)
- 从菜单中,点击应用程序启动器,然后打开销售应用程序。
您可能需要拉动并刷新销售应用程序菜单才能查看更改。
- 点击 Top Accounts and Opportunities(重要客户和业务机会)。
这是您的 Lightning 页面!页面上有您所选的 lightning bolt 图标,而您添加的三项操作都在操作栏中。
- 尽情地使用您的页面吧。向上和向下滚动以查看各组件,并点击一个操作图标看看会发生什么。
资源