学习目标
完成本单元后,您将能够:
- 列出闪电组件框架的主要优点。
- 说明如何同时使用低代码和专业代码工具来提高生产率。
- 描述构成Lightning Web组件的标准,服务和文件。
嘿Visualforce开发人员,欢迎来到闪电体验!
如果您是经验丰富的Visualforce开发人员,并且希望使用最佳的Lightning Experience工具构建现代且引人入胜的用户体验,那么您将找到合适的位置。
先决条件
为了充分利用本模块,您应该具有编写JavaScript的经验,并且了解JavaScript在Lightning Component框架中的作用。如果您尚未完成“ 学习使用JavaScript”路径,我们强烈建议您立即执行。
即使Visualforce仍可在Lightning Experience中运行,您仍可以使用Lightning Experience工具构建更无缝,引人入胜且响应迅速的用户体验。在本单元中,我们分享了我们为何开发Lightning Component框架,考虑为Lightning Experience开发用户界面的两种方法:低代码和前代码,并描述了Lightning Web组件的基础。
闪电体验和闪电组件框架
Visualforce为2006年的网络进行了设计和优化,基于与当时其他企业解决方案保持一致的技术堆栈。Visualforce的服务器端渲染可以满足当时的用户需求。
但是,2006年之后,情况发生了变化。如今,用户期望获得更多的交互式,沉浸式和响应式的体验。为了满足这些要求,Salesforce推出了基于Lightning Component框架的Lightning Experience。
开发人员不是使用Visualforce构建整体页面,而是创建小型的Lightning组件构建块,并以多种方式组装它们以创建不同的用户界面。
闪电组件框架的优点包括:
- 跨Salesforce的组件重用,最大限度地提高开发人员的生产力
- 轻松扩展应用程序功能
- 自定义组件:从AppExchange下载它们或创建自己的组件
- 帮助您创建针对移动设备优化的响应式设计的构建器
- 基本组件可在各种设备尺寸上正常工作
Lightning Experience中的UI开发:低代码和专业代码
Salesforce提供了两种在Lightning Experience中构建用户界面(UI)的方法:低代码和专业代码。
- 使用低代码点击工具来实现业务逻辑或构建用户界面。
- 使用专业代码工具编写您自己的代码并完全自定义您的应用程序。
作为开发人员,当您开始开发新的东西时,您的直觉可能是立即开始编码。相反,请考虑使用低代码工具抢先一步。如果您使用低代码工具来进行重复的样板工作,那么您将有更多时间花在编码复杂需求上。另外,使用低代码工具构建的解决方案易于更改,并且可以通过低代码和专业代码工具进行扩展。
Salesforce中的UI开发
低码 | 专业密码 |
---|---|
|
|
如果您对Lightning Experience低代码解决方案不熟悉,我们强烈建议您通过获取这些Trailhead徽章来了解它们。
- 闪电App Builder
- 闪电体验定制
- JavaScript按钮的替代闪电
- Salesforce移动应用程序定制
- 使用Flow Builder构建流程
对于专业代码工具,Salesforce提供了两个Lightning编程模型:Lightning Web Components和Aura Components。我们不会在这里深入研究它们,只是知道Lightning Web Components是在Lightning中开发自定义UI的首选方法。它性能更高,更易于构建且更易于移植。如果您想了解有关Aura组件和Lightning Web组件之间差异的更多信息,请阅读Trailhead上Lightning Experience Basics模块中的“了解Lightning Experience”单元 。
闪电Web组件基础知识
Lightning Web Components是基于Web组件标准的轻量级编程模型 。它抽象了Web组件API的更复杂的部分,并管理组件的生命周期,使您能够以更少的样板代码轻松编写组件。
闪电Web组件包含HTML,JavaScript和CSS。您学习编写Lightning Web组件的技能可以转移到任何其他基于JavaScript的技术上。
Lightning Web组件由Lightning Locker服务隔离和固定 。Lightning Locker强制执行JavaScript 严格模式,提供 DOM访问限制,使用 全局对象的安全版本,并遵循内容安全策略(CSP)标准来防止代码注入攻击。
注意:在继续之前,建议您阅读以下内容中的“发现闪电Web组件”。 模块。在这里,您将了解有关Lightning Web组件的基础以及构成Lightning Web组件的文件的更多信息。