适用于Visualforce开发人员的Lightning Web组件

适用于Visualforce开发人员的Lightning Web组件 – 闪电开发入门

学习目标

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

  • 列出闪电组件框架的主要优点。
  • 说明如何同时使用低代码和专业代码工具来提高生产率。
  • 描述构成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开发

 

低码 专业密码
  • 闪电页
  • 快速行动
  • URL按钮
  • 工具栏
  • 流量
  • 闪电Web组件
  • 光环组件
  • 视觉力

如果您对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组件的文件的更多信息。

你可能也会喜欢...