Lightning App Builder的使用

简单来说Lightning App Builder是一个工具,能够让用户以拖拽的方式快速自定义一个Lightning应用程序、页面或移动端的页面。

利用App Builder创建一个页面时的界面如下,左侧-组件;中间-画布;上册-按钮;右侧:属性。拖拽左侧的组件到中间的画布,并通过右边的属性进行具体设置,再通过上方的按钮保存和激活。

创建一个Lighting Page的步骤主要是:一创建Page,二激活并分配使用,分配时可以将自定义主页设置为所有用户的默认主页,也可以将其分配到特定 Lightning 应用程序,或将其分配到应用程序与简档的组合。

一、Lightning Page Types,页面类型

Lightning页面有3中类型:App Page,Home Page和Record Page。

1.App Page

   添加一个One-Page App,Two Region,添加了Actions,Name为Top Accounts and Opportunities效果如下图。

2.Home Page

只能在Lightning下使用,自定义用户首页。

3.Record Page

为某一个对象的记录创建一个自定义的页面,支持Lightning电脑端和移动端。当打开一条记录时,以自定义的页面展示数据。

Home Page只能用于Lightning,Record Page既能用于Lightning也能用于手机端App。

二、创建一个Page

Lightning Page的创建有3中方式,从使用模板从0创建、克隆一个已有的Page修改和编辑一个已存在的Page。

一个Lighting Page主要有多个组件来构成,组件包括标准组件(Salesfoce提供)、自定义组件(用户自开发)或从商店(AppExchange)购买。

常用的标准组件类型

2.1Recent Items

添加Recent Items组件后,可以在属性中选择多个对象到组件。如图示,默认的Account,点击Select,可以拖拽Contact和Lead到列表中。

即在Recent Items中显示三个对象的最近访问记录

2.2Tab组件

           在Page上添加一个Tab组件后,Tab组件中可以拖拽其他的组件过来,比如Related Lists ,Activities,Twitter等,通过切换Tab来查看不同组件的内容。

操作是选中Tab组件,在右侧点击Add Tab,然后选中某一个Tab项,从左侧组件区域中拖拽过来。而选中Tab组件整体,可以调整Tab的默认显示和几个Tab之间的顺序。

2.3Flow

可以添加一个已定义好的Flow进来,如图中就是一个Flow组件

2.4List View

可以添加某个对象的List View。注意Classic和Lightning中显示方式不同。

2.5 Assistant

查看今天要做的事情,比如需要重点关注的leads潜在客户 and opportunities业务机会

2.6 Performance Chart

查看和监控目标绩效

2.7 News

快速查看重要客户

2.8 Top Deals

关注销售活动或Open状态的业务活动

2.9 Upcoming events

日程表中接下来的5个会议

2.10 Today's tasks

今天到期的5个任务

2.11 Recent records

链接到最近访问的记录

2.12 Highlights Panel

记录的重要信息

2.13 Path

快速查看销售过程的每一个阶段

2.14 Composer

快速记录电话,创建任务和发送邮件

2.15 Activity Timeline

查看每一阶段的邮件、任务、事件

2.16 Quick View

鼠标移动到每一个链接记录就能查看详细信息(不用打开其他页面)

(注:以上组件可能并不是Lightning下的组件,为了学习放在一起了,之后能分开的话会在后面标注)

其他还有Key Deals,Details,Chatter ,Twitter等组件,用的时候再不冲过来,就不一一介绍了。

自定义组件

除了Salesforce提供的标准组件外,你可以自定义组件,自定义组件有两种方式:LWC和Aura。

You can create a custom Lightning component using two programming models, Lightning Web Components and Aura Components.

自定义组件学习待续--

AppExchange购买(包括免费)

以下是从AppExchange安装一个自定义组件包:

PlayGound中安装包的链接

https://brave-shark-w51dfm-dev-ed.lightning.force.com/lightning/n/trlhdtips__Install_a_Package

https://brave-shark-w51dfm-dev-ed.lightning.force.com/packagingSetupUI/ipLanding.app?apvId=04t2E00000161fNQAQ

可以直接用PackageID进行安装:

安装完后,可在Lightning App Builder中编辑


二激活并Assignment分配使用

激活分配时有3个选项:

•    使页面成为组织默认设置--Assign as Org Default。

•    使页面成为特定 Lightning App的默认主页 -- Assign to Apps。

•    将页面分配到 Lightning App和Profile的组合--Assign to Apps and Profiles。


为System Administrator 的Profile创建一个Record Page,选的第三种类型应用程序和简档结合,确认分配界面如下:

再回到页面去看Top Accounts and Opportunities,就能看到刚才新增的组件了。

End~

你可能感兴趣的:(Lightning App Builder的使用)