课程介绍
同学们，今天我们来聊聊Salesforce中的Lightning Web组件，简称LWC。这个单元是可选的，但如果你对Salesforce的开发感兴趣，了解LWC会非常有帮助。 首先，什么是Lightning Web组件呢？简单来说，LWC是Salesforce提供的一种现代化的前端开发框架，它允许开发者使用标准的Web技术（比如HTML、CSS和JavaScript）来构建用户界面。你可以把它想象成一种“积木”，通过组合这些“积木”，你可以创建出功能丰富、响应迅速的应用程序。 LWC有几个非常吸引人的特点： 1. ，轻量级，：LWC是基于现代Web标准构建的，所以它的性能非常好，加载速度快，用户体验流畅。 2. ，模块化，：你可以把LWC看作是一个个小模块，每个模块都有自己独立的功能。这样，你可以轻松地复用这些模块，减少重复代码。 3. ，易于学习，：如果你已经熟悉HTML、CSS和JavaScript，那么学习LWC会非常容易上手。Salesforce还提供了丰富的文档和示例，帮助你快速掌握。 那么，LWC和传统的Aura组件有什么区别呢？Aura组件是Salesforce早期推出的开发框架，而LWC则是基于更现代的Web标准。LWC的性能更好，代码更简洁，而且更容易维护。所以，如果你是新项目，建议优先考虑使用LWC。 在实际开发中，LWC可以用于创建各种UI元素，比如按钮、表格、表单等等。你还可以通过LWC与Salesforce的后端数据进行交互，比如查询数据、更新记录等。 总结一下，Lightning Web组件是Salesforce提供的一种强大的前端开发工具，它可以帮助你快速构建现代化的用户界面。如果你对Salesforce开发感兴趣，LWC绝对是一个值得学习的技能。 好了，今天的介绍就到这里。如果你有任何问题，随时可以问我。我们下次再见！
课程章节
本课程共有 25 个章节
-
1
Unit 9 Introducing Lightning Web Components (Optional Unit)
第 601 页同学们，今天我们来聊聊Salesforce中的Lightning Web组件，简称LWC。这个单元是可选的，但如果你对Salesforce的开发感兴趣，了解LWC会非常有帮助。 首先，什么是Lightning Web组件呢？简单来说，LWC是Salesforce提供的一种现代化的前端开发框架，它允许开发者使用标准的Web技术（比如HTML、CSS和JavaScript）来构建用户界面。你可以把它想象成一种“积木”，通过组合这些“积木”，你可以创建出功能丰富、响应迅速的应用程序。 LWC有几个非常吸引人的特点： 1. ，轻量级，：LWC是基于现代Web标准构建的，所以它的性能非常好，加载速度快，用户体验流畅。 2. ，模块化，：你可以把LWC看作是一个个小模块，每个模块都有自己独立的功能。这样，你可以轻松地复用这些模块，减少重复代码。 3. ，易于学习，：如果你已经熟悉HTML、CSS和JavaScript，那么学习LWC会非常容易上手。Salesforce还提供了丰富的文档和示例，帮助你快速掌握。 那么，LWC和传统的Aura组件有什么区别呢？Aura组件是Salesforce早期推出的开发框架，而LWC则是基于更现代的Web标准。LWC的性能更好，代码更简洁，而且更容易维护。所以，如果你是新项目，建议优先考虑使用LWC。 在实际开发中，LWC可以用于创建各种UI元素，比如按钮、表格、表单等等。你还可以通过LWC与Salesforce的后端数据进行交互，比如查询数据、更新记录等。 总结一下，Lightning Web组件是Salesforce提供的一种强大的前端开发工具，它可以帮助你快速构建现代化的用户界面。如果你对Salesforce开发感兴趣，LWC绝对是一个值得学习的技能。 好了，今天的介绍就到这里。如果你有任何问题，随时可以问我。我们下次再见！
-
2
Unit 9: Introducing Lightning Web Components (Optional)
第 602 页同学们，今天我们来聊聊Salesforce的Lightning Web Components，简称LWC。这是一个非常酷的技术，它让开发者在Salesforce平台上构建用户界面变得更加高效和现代化。 首先，什么是Lightning Web Components呢？简单来说，LWC是一种基于现代Web标准的编程模型，它允许开发者使用HTML、JavaScript和CSS来创建轻量级、高性能的组件。这些组件可以在Salesforce Lightning Experience中使用，提供更流畅、更快速的用户体验。 那么，为什么Salesforce要开发第二个编程模型呢？这是因为随着Web技术的快速发展，Salesforce希望提供一个更现代、更符合当前Web开发趋势的框架。LWC就是这样诞生的，它不仅性能更好，而且更容易与现代Web开发工具和库集成。 LWC与Aura组件是协同工作的。Aura是Salesforce之前的组件模型，虽然它仍然有效，但LWC提供了更多的优势和灵活性。如果你已经有Aura组件，Salesforce也提供了迁移路径，让你可以逐步将Aura组件迁移到LWC，享受新模型带来的好处。 在考虑迁移时，你需要评估现有组件的复杂性、依赖关系以及迁移的成本和收益。Salesforce提供了详细的文档和工具来帮助你完成这个过程。 好了，这就是今天关于Lightning Web Components的简单介绍。希望你们能对LWC有一个初步的了解，并在未来的开发中尝试使用它。记住，技术总是在进步，跟上时代的步伐，才能创造出更好的产品。下次课我们会深入探讨LWC的更多细节，敬请期待！
-
3
Topics
第 603 页让我们来聊聊Web栈的演变以及Lightning Web Components（LWC）。 首先，Web栈的演变。早期的网页非常简单，主要是静态的HTML页面。随着技术的发展，我们开始使用CSS来美化页面，JavaScript来增加交互性。后来，出现了像jQuery这样的库，使得JavaScript的使用更加方便。再后来，前端框架如Angular、React和Vue.js等出现，使得构建复杂的单页应用（SPA）变得更加容易。 现在，我们有了Lightning Web Components（LWC）。LWC是Salesforce推出的一种现代Web组件框架，它基于标准的Web组件技术，如HTML、CSS和JavaScript。LWC允许开发者构建高性能、可重用的组件，这些组件可以在Salesforce平台上运行。 那么，Lightning Web组件有什么好处呢？ 1. ，性能，：LWC基于现代浏览器技术，运行速度快，响应迅速。 2. ，标准化，：LWC使用标准的Web组件技术，这意味着你可以使用你熟悉的HTML、CSS和JavaScript来开发。 3. ，可重用性，：组件可以在不同的项目和页面中重复使用，提高了开发效率。 4. ，易于维护，：由于组件是独立的，维护和更新变得更加简单。 5. ，与Salesforce集成，：LWC与Salesforce平台深度集成，可以轻松访问Salesforce的数据和服务。 总的来说，Lightning Web Components是现代Web开发的一个强大工具，特别适合在Salesforce生态系统中构建高效、可维护的应用。希望这些信息对你有帮助！
-
4
Evolution of the Web Stack
第 604 页让我们来聊聊Salesforce的Web Stack和Aura组件的演变。想象一下，2014年的时候，Salesforce推出了一个叫做Lightning组件框架的东西。那时候，这个框架就像是一个新生的婴儿，它有自己的组件模型和编程方式，但那时候还没有太多的标准。 随着时间的推移，到了2019年，情况就大不一样了。这时候，Web开发的标准已经丰富了很多，就像是一个孩子长大了，学会了更多的技能。Salesforce的核心技术也得到了更新，变得更加成熟，能够独立作为一个应用程序开发平台来使用。 现在，很多以前需要依赖专有技术才能实现的功能，比如专有的组件模型、语言扩展和模块，都已经成为了行业标准。这意味着开发者们可以更加自由地使用这些标准技术来构建应用，而不必局限于Salesforce的专有技术。 简单来说，Salesforce的Web Stack和Aura组件从2014年到2019年经历了一个从无到有，从专有到标准化的过程。这个过程让Salesforce的开发平台变得更加开放和强大，也让开发者们的工作变得更加轻松和高效。
-
5
What are Lightning Web Components?
第 605 页让我们来聊聊Lightning Web Components（LWC）。你可以把它想象成是Salesforce提供的一个工具箱，里面装满了各种小工具，帮助开发者更轻松地构建现代化的、响应式的用户界面。 首先，LWC的核心是一组叫做Base Lightning Components的UI组件。这些组件就像是预先设计好的积木块，总共有70多个，你可以直接拿来用，不需要从头开始设计。比如，按钮、表格、输入框等等，这些都是现成的，你只需要按照自己的需求拼装起来就可以了。 接下来是Lightning Data Service（LDS）。这个服务非常强大，它让你可以轻松地访问Salesforce的数据和元数据。你可以把它想象成一个智能的数据管家，它会帮你缓存数据，确保数据同步，这样你就不用担心数据不一致的问题了。而且，LDS是声明式的，这意味着你只需要告诉它你想要什么数据，它就会自动帮你处理好。 最后，我们来说说用户界面API。这个API就像是Base Lightning Components和Lightning Data Service之间的桥梁。它让这些组件能够感知到Salesforce的元数据，从而让开发变得更加高效。你可以把它想象成一个翻译官，它让不同的工具之间能够顺畅地沟通，减少了开发者的工作量。 总的来说，Lightning Web Components就是Salesforce提供的一套现代化开发工具，它让构建Salesforce应用变得更加简单、快速和高效。无论你是新手还是老手，LWC都能帮助你提升开发效率，打造出更好的用户体验。
-
6
Benefits of Lightning Web Components
第 606 页让我们来聊聊Lightning Web服务的好处。首先，Lightning Web服务提供了更多的标准，这意味着它减少了专有技术的依赖。这样，开发者可以更容易地使用和遵循通用的网络标准，而不是被锁定在特定的技术中。 其次，它采用了公共组件模型。这个模型允许开发者创建可重用的组件，这些组件可以在不同的项目和应用程序中使用，极大地提高了开发效率和代码的可维护性。 再来，Lightning Web服务支持可转移技能。这意味着开发者学到的技能不仅限于Salesforce平台，还可以应用到其他现代Web开发中，增加了他们的职业灵活性和市场竞争力。 此外，由于Lightning Web服务是基于现代Web标准构建的，这使得寻找和提升开发人员变得更加容易。开发者如果熟悉HTML、CSS和JavaScript，就能较快上手Lightning Web开发。 性能方面，Lightning Web服务的核心功能是在网络引擎中本地实现的，这通常意味着更快的执行速度和更好的用户体验。 最后，Lightning Web服务的设计考虑到了可测试性。这意味着开发者可以更容易地编写测试用例，确保代码的质量和稳定性，这对于维护大型应用程序尤其重要。 总的来说，Lightning Web服务通过提供标准化的开发环境、可重用的组件、技能的可转移性、易于寻找和提升的开发者资源、优异的性能以及良好的可测试性，为开发者和企业带来了显著的好处。
-
7
Unit 9: Introducing Lightning Web Components (Optional) - 607
第 607 页同学们，今天我们来聊聊第9单元的内容——Lightning Web Components，简称LWC。这个单元是可选学的，但如果你对Salesforce的前端开发感兴趣，这部分内容会非常有用。 首先，我们来定义一下什么是Lightning Web Components。简单来说，LWC是Salesforce提供的一种新的前端开发框架，它允许开发者使用现代的Web标准技术（如HTML、CSS和JavaScript）来构建用户界面。这个框架是Salesforce为了提升开发效率和性能而推出的，它比之前的Aura组件更加轻量级和高效。 那么，为什么Salesforce要开发第二个编程模型呢？主要是因为Aura组件虽然功能强大，但在性能和开发体验上存在一些不足。LWC的出现就是为了解决这些问题，它提供了更好的性能、更简洁的代码结构，并且与现代Web开发标准更加兼容。 接下来，我们会讨论LWC如何与Aura组件协同工作。虽然LWC是新的开发模型，但它并不是要完全取代Aura组件。实际上，LWC和Aura组件可以在同一个应用中并存，互相调用。这意味着你可以逐步将现有的Aura组件迁移到LWC，而不需要一次性重写所有代码。 最后，我们会探讨将Aura组件迁移到LWC的考虑因素。迁移过程中，你需要考虑组件的复杂性、性能需求以及团队的技术栈等因素。虽然迁移可能需要一些时间和精力，但从长远来看，使用LWC会带来更好的开发体验和应用性能。 好了，这就是第9单元的概述。希望你们能对Lightning Web Components有一个初步的了解。如果有任何问题，随时提问哦！
-
8
Topics - 608
第 608 页同学们，今天我们来聊聊Aura和Lightning Web组件（LWC）的互操作性，以及迁移时需要注意的一些事项。 首先，Aura和LWC都是Salesforce用来构建用户界面的技术。Aura是较早的技术，而LWC是较新的，基于现代Web标准构建的。虽然LWC是未来的方向，但在很多现有的Salesforce应用中，Aura组件仍然广泛使用。因此，理解它们如何一起工作是非常重要的。 ，互操作性，： - ，Aura调用LWC，：你可以在Aura组件中嵌入LWC。这样做的好处是，你可以逐步将旧的Aura组件替换为LWC，而不需要一次性重写整个应用。 - ，LWC调用Aura，：虽然LWC不能直接调用Aura组件，但你可以通过事件和公共方法来实现交互。例如，LWC可以触发一个事件，Aura组件监听这个事件并作出响应。 ，迁移注意事项，： 1. ，逐步迁移，：不要试图一次性将所有Aura组件迁移到LWC。可以从小的、独立的组件开始，逐步替换。 2. ，测试，：每次迁移后，都要进行彻底的测试，确保新组件与旧组件之间的交互没有问题。 3. ，性能，：LWC通常比Aura组件性能更好，但在迁移过程中，还是要监控性能，确保没有引入新的性能瓶颈。 4. ，兼容性，：确保新的LWC组件在旧版本的Salesforce中也能正常工作，特别是如果你的用户还在使用较旧的浏览器或设备。 最后，别忘了查看学生指南中的幻灯片，那里有更详细的图表和示例，可以帮助你更好地理解这些概念。 希望这些信息对你们有帮助，如果有任何问题，随时提问！
-
9
Aura and Lightning Web Components Interoperability
第 609 页今天我们来聊聊Salesforce中的Aura和Lightning Web组件（LWC）的互操作性。这个话题对于正在学习Salesforce开发的同学来说，非常重要。 首先，Salesforce提供了两种方式来构建Lightning组件：一种是Aura Components，另一种是Lightning Web Components（LWC）。这两种方式各有特点，但它们之间是可以互相操作的。 Aura Components是Salesforce早期推出的一种组件模型。它有自己的编程模型、模板和模块化开发方式。Aura Components使用起来相对简单，但它的性能可能不如LWC，因为它没有充分利用现代Web标准。 而Lightning Web Components（LWC）则是Salesforce在近几年推出的新组件模型。LWC是基于现代Web标准构建的，比如Web组件、自定义元素和Shadow DOM等。这些标准使得LWC在性能上更有优势，同时也更符合现代Web开发的趋势。 那么，Aura和LWC之间如何互操作呢？简单来说，你可以在Aura组件中嵌入LWC，也可以在LWC中使用Aura组件。这种互操作性使得开发者可以根据项目的需求，灵活选择使用哪种组件模型。 举个例子，如果你有一个现有的Aura组件，但你想利用LWC的性能优势，你可以在Aura组件中嵌入一个新的LWC。这样，你既保留了原有的功能，又提升了性能。 总的来说，Aura和LWC的互操作性为Salesforce开发者提供了更多的灵活性和选择。你可以根据项目的具体需求，选择最适合的组件模型，或者将两者结合起来使用，以达到最佳的效果。 希望这个解释能帮助你更好地理解Aura和LWC的互操作性。如果你有任何问题，随时问我！
-
10
Aura Components vs. Lightning Web Components
第 610 页今天我们来聊聊Salesforce中的Aura Components和Lightning Web Components（简称LWC），特别是它们在610版本中的一些变化和特点。 首先，Aura Components是Salesforce早期推出的一种前端开发框架，它允许开发者使用HTML、CSS和JavaScript来构建用户界面。Aura Components是基于组件的架构，每个组件都有自己的控制器、帮助器和渲染器，这样可以很好地实现代码的复用和模块化。 然而，随着技术的发展，Salesforce推出了Lightning Web Components，也就是LWC。LWC是基于现代Web标准构建的，它使用了ES6+的JavaScript特性，比如模块化、类、箭头函数等。LWC的设计更加轻量级，性能也更好，因为它直接利用了浏览器的原生能力，而不是像Aura那样依赖于一个额外的框架层。 在610版本中，Salesforce对LWC进行了进一步的优化和增强。比如，LWC现在支持更多的标准Web API，这让开发者可以更容易地集成第三方库和服务。此外，LWC的性能也得到了提升，特别是在处理大量数据和复杂UI时，响应速度更快，用户体验更流畅。 总的来说，如果你是一个Salesforce开发者，学习LWC是非常有必要的。它不仅代表了Salesforce前端开发的未来方向，而且在实际应用中也能带来更好的性能和开发体验。当然，Aura Components仍然有其存在的价值，特别是在维护旧项目时，但新项目建议优先考虑使用LWC。 希望这个简单的介绍能帮助你理解Aura Components和Lightning Web Components的区别和特点。如果你有任何问题，随时欢迎提问！
-
11
Aura Components vs. Lightning Web Components - Markup
第 611 页今天我们来聊聊Salesforce中的Aura Components和Lightning Web Components（LWC），以及它们之间的区别。 首先，我们来看一下Aura Components。Aura是Salesforce早期推出的一种组件框架，它允许开发者创建可重用的UI组件。Aura Components使用一种叫做Aura标记语言的东西来定义组件的结构和行为。比如，你可以在Aura中定义一个按钮，当用户点击这个按钮时，可以触发一些JavaScript代码。 接下来是Lightning Web Components，简称LWC。LWC是Salesforce推出的新一代组件框架，它基于现代的Web标准，比如ES6+和Web Components。LWC的设计更加简洁，性能也更好。LWC使用HTML模板来定义组件的结构，使用JavaScript来处理逻辑。 现在，我们来看一下你提供的代码示例。首先是一个LWC的示例： ```html <div class="slds-m-around_medium"> <p>你好，{greeting}！</p> </div> ``` 在这个LWC示例中，我们定义了一个`lightning-card`组件，里面包含一个按钮和一个输入框。按钮的`onclick`事件绑定到了一个叫做`计数`的JavaScript方法，输入框的`onchange`事件绑定到了一个叫做`change`的方法。 接下来是一个Aura Components的示例： ```html <div class="slds-m-around_medium"> <p>你好，{!v.greeting}！</p> </div> ``` 在这个Aura示例中，我们同样定义了一个`lightning:card`组件，里面包含一个按钮和一个输入框。按钮的`onclick`事件绑定到了一个叫做`count`的控制器方法，输入框的`value`绑定到了一个叫做`greeting`的属性。 总结一下，Aura Components和LWC都是用来构建Salesforce UI组件的工具，但LWC更加现代化，性能更好，语法也更简洁。如果你是新项目，建议优先考虑使用LWC。 希望这个解释对你有帮助！如果有任何问题，随时问我。
-
12
Aura Components vs. Lightning Web Components - Controllers
第 612 页今天我们来聊聊Salesforce中的Aura Components和Lightning Web Components（LWC），特别是它们的控制器部分。我会尽量用简单易懂的语言来解释，这样你听起来也会觉得轻松。 首先，我们来看一下你提供的代码片段。这段代码展示了LWC和Aura Components在控制器部分的一些区别。 ### LWC 控制器部分 ```javascript import { LightningElement, track } from 'lwc'; export default class HelloBinding extends LightningElement { @track greeting = "World"; change(event) { this.greeting = event.target.value; } count() { alert(this.greeting.length + " letters"); } } ``` 在这段LWC代码中，我们定义了一个名为`HelloBinding`的组件。这个组件有一个`greeting`属性，初始值是"World"。我们使用`@track`来标记这个属性，这样当它的值发生变化时，UI会自动更新。 - `change(event)`方法会在用户输入时被调用，更新`greeting`的值。 - `count()`方法会弹出一个提示框，显示`greeting`的长度。 ### Aura Components 控制器部分 ```javascript ({ count: function(component, event, helper) { var greeting = component.get("v.greeting"); alert(greeting.length + " letters"); } }) ``` 在Aura Components中，控制器的写法有些不同。我们定义了一个`count`函数，它通过`component.get("v.greeting")`来获取`greeting`属性的值，然后弹出一个提示框显示它的长度。 ### 主要区别 1. ，语法，：LWC使用了ES6的语法，比如`import`、`export`、`class`等，而Aura Components使用了更传统的JavaScript语法。 2. ，数据绑定，：在LWC中，我们使用`@track`来标记需要跟踪的属性，而在Aura Components中，我们使用`component.get`和`component.set`来访问和修改属性。 3. ，事件处理，：LWC中直接使用`event.target.value`来获取输入值，而在Aura Components中，通常需要通过事件参数来获取。 ### 总结 LWC和Aura Components在控制器部分的写法有一些不同，但它们的核心思想是相似的：处理用户输入、更新数据、响应事件。LWC更现代化，语法更简洁，而Aura Components则更传统一些。 希望这个解释对你有帮助！如果你有任何问题，随时问我。
-
13
Aura and Lightning Web Components Interoperability - 613
第 613 页今天我们来聊聊Salesforce中的Aura组件和Lightning Web组件（LWC）之间的互操作性。这个话题听起来可能有点技术性，但我会尽量用简单的方式来解释。 首先，Aura组件和Lightning Web组件是可以同时在一个页面上使用的。这意味着你不需要一次性把所有旧的Aura组件都换成新的LWC，它们可以一起工作，互不干扰。 接下来，这两种组件其实共享了一些相同的基础组件，这些基础组件在Salesforce中被称为“基本Lightning组件”。这些基础组件现在已经被重新实现为Lightning Web组件了。所以，无论你是在用Aura还是LWC，你都在使用这些基础组件，只是它们的实现方式不同。 此外，Aura组件和Lightning Web组件还共享一些底层的服务，比如Lightning数据服务和用户界面API。这些服务帮助组件与Salesforce的后端进行交互，获取数据或者更新界面。 最后，这两种组件还可以通过ES6模块来共享代码。ES6是JavaScript的一个版本，它允许开发者编写更现代、更模块化的代码。通过这种方式，Aura和LWC可以共享一些通用的功能代码，减少重复工作。 总结一下，Aura组件和Lightning Web组件虽然技术实现不同，但它们可以很好地共存，并且共享许多资源和功能。这样设计的好处是，开发者可以逐步迁移到新的技术，而不需要一次性重写所有代码。希望这个解释能帮助你更好地理解这两种组件的互操作性！
-
14
Aura and Lightning Web Components Interoperability - 614
第 614 页让我们来聊聊Salesforce中的Aura和Lightning Web组件（LWC）之间的互操作性。这个话题对于理解如何在Salesforce平台上构建高效、可维护的应用程序非常重要。 首先，Aura组件可以包含Lightning Web组件。这意味着你可以在现有的Aura组件中嵌入新的LWC，从而逐步将你的应用程序从Aura迁移到更现代的LWC。然而，反过来就不行了——Lightning Web组件不能包含Aura组件。这是因为LWC是基于更现代的Web标准构建的，而Aura组件是基于较旧的技术。 如果你想让LWC出现在Aura组件可以出现的任何地方，你可以考虑使用Aura组件作为包装器。也就是说，你可以创建一个Aura组件，然后在其中嵌入LWC。这样，你就可以在现有的Aura框架中使用LWC的功能。 接下来，我们来看看事件处理。在Aura组件中，你可以使用应用程序事件来进行组件之间的通信。然而，在LWC中，没有直接等效的应用程序事件。这是因为应用程序事件在复杂的应用程序中可能会导致问题，因为任何组件都可以处理这些事件，这可能会使代码难以维护。 在LWC中，你可以触发DOM事件，这些事件可以由父Aura组件处理。如果你需要与其他Aura组件通信，你可以选择触发新的Aura事件。这样，你就可以在LWC和Aura组件之间建立有效的通信机制。 总结一下，Aura和LWC之间的互操作性允许你在现有的Aura组件中嵌入LWC，但反过来不行。在事件处理方面，LWC使用DOM事件，而Aura组件使用应用程序事件。通过理解这些差异，你可以更好地设计和维护你的Salesforce应用程序。
-
15
Migration Considerations
第 615 页今天我们来聊聊关于Salesforce中的Aura组件迁移到Lightning Web组件（LWC）的一些关键点。这个过程听起来可能有点复杂，但其实只要掌握了几个基本原则，就能轻松上手。 首先，你可以选择两种方式来迁移你的Aura组件。第一种是直接编写新的Lightning Web组件，然后将它们添加到现有的Aura组件应用中。这种方式比较适合那些想要逐步更新应用，而不是一次性全部替换的场景。 第二种方式则是更彻底的，你可以有计划地将应用中的每个Aura组件逐一替换为Lightning Web组件。这种方式适合那些希望全面升级应用，利用LWC带来的所有新特性和性能提升的场景。 在开始迁移之前，有几个关键点需要评估： 1. ，组件的属性，：看看你的Aura组件有哪些属性，这些属性在LWC中如何表现。 2. ，接口，：检查组件的接口，确保在迁移过程中不会丢失任何重要的交互功能。 3. ，结构，：分析组件的结构，理解它是如何构建的，这样可以帮助你更有效地重构为LWC。 4. ，模式和数据流，：理解组件的数据流和使用的模式，这对于确保迁移后的组件能够正常工作至关重要。 记住，迁移组件并不是简单地将代码从Aura逐行转换到LWC。这是一个重构的过程，可能需要你重新思考组件的设计和实现方式。希望这些信息能帮助你在迁移过程中更加顺利！
-
16
Learn more about Lightning Web Components
第 616 页今天我们来聊聊Lightning Web Components（简称LWC）616，以及一个非常有趣的示例应用——食谱应用。 首先，LWC是Salesforce推出的一种现代化的前端开发框架，它允许开发者使用HTML、JavaScript和CSS来构建高性能、可重用的组件。这些组件可以在Salesforce平台上运行，帮助你创建更加动态和响应式的用户界面。 现在，说到LWC 616，这其实是指LWC的一个特定版本。每个版本都会带来一些新的特性和改进，所以了解最新版本的内容对于开发者来说非常重要。 接下来，我们来看看这个食谱应用。这个应用实际上是一个示例项目，它提供了一系列的代码示例，每个示例都展示了如何在30行或更少的代码中完成一个特定的任务。这对于初学者来说非常友好，因为你可以通过这些简短的代码片段快速理解LWC的基本概念和用法。 你可以在GitHub上找到这个食谱应用的代码库，地址是https://github.com/trailheadapps/lwc-recipes。在这个仓库里，你可以浏览不同的“食谱”，每个食谱都对应一个具体的功能或任务。比如，如何创建一个简单的表单，如何处理用户输入，如何与Salesforce的数据进行交互等等。 通过这些示例，你不仅可以学习到LWC的基础知识，还可以看到如何在实际项目中应用这些知识。这对于想要快速上手LWC的开发者来说，是一个非常宝贵的资源。 所以，如果你对LWC感兴趣，不妨去GitHub上看看这个食谱应用，动手试试这些代码示例，相信你会对LWC有更深入的理解和掌握。
-
17
Learn more about Lightning Web Components - 617
第 617 页今天我们来聊聊Lightning Web Components，简称LWC。这是Salesforce提供的一种现代化的前端开发框架，它允许开发者使用标准的Web技术，比如HTML、CSS和JavaScript来构建高性能的、响应式的用户界面。 如果你对LWC感兴趣，想要深入了解或者动手实践，我推荐你访问Salesforce的示例库。这个库里面有很多示例应用程序，你可以从中获取灵感，探索参考代码，并学习到很多最佳实践。 你可以通过访问这个链接来找到这些资源：https://trailhead.salesforce.com/sample-gallery。这里不仅有代码示例，还有详细的解释和教程，帮助你更好地理解LWC的工作原理和如何在实际项目中应用它们。 所以，如果你想要提升你的Salesforce开发技能，不妨花些时间在这个示例库中探索和学习。相信你会从中获得很多有价值的知识和技能。
-
18
Lab: Phase 2 & 3 (Optional) Using Lightning Data Service
第 618 页今天我们来聊聊Salesforce中的Lightning数据服务，特别是在实验室的第2阶段和第3阶段如何使用它。 首先，Lightning数据服务是Salesforce提供的一个非常强大的工具，它可以帮助我们在Lightning组件中轻松地获取和操作数据。它的好处是，你不需要写复杂的Apex代码，就可以直接从Salesforce数据库中获取数据，并且还能自动处理数据的缓存和同步。 在第2阶段，我们会学习如何使用Lightning数据服务来获取单条记录。比如，你想在页面上显示某个客户的详细信息，你可以使用`lightning:recordViewForm`组件，只需要指定记录的ID和对象类型，它就会自动帮你获取并显示数据。你还可以使用`lightning:recordEditForm`来编辑记录，它会自动处理数据的保存和验证。 到了第3阶段，我们会进一步学习如何使用Lightning数据服务来处理多条记录。比如，你想显示一个客户列表，你可以使用`lightning:datatable`组件，它会自动帮你从Salesforce获取数据并显示在表格中。你还可以通过配置列的属性来控制数据的显示方式，比如排序、过滤等。 总的来说，Lightning数据服务是一个非常方便的工具，它可以帮助我们快速构建功能强大的Lightning组件，而不需要写太多的代码。希望这些内容对你有帮助，如果你有任何问题，随时问我哦！
-
19
Objectives
第 619 页同学们，今天我们来聊聊如何在Salesforce中实现一个基于制表符的界面，并且通过调用Apex函数来读取多个记录，最后使用Lightning Data Service将数据写入Salesforce的自定义字段。听起来是不是很酷？我们还会用到Aura Components来格式化数据，让界面看起来更专业。 首先，我们来看第一阶段：Lightning数据服务的输出数据。这个阶段，我们会学习如何使用Lightning Data Service来获取数据，并且展示在界面上。Lightning Data Service是一个非常强大的工具，它可以帮助我们直接从Salesforce平台获取数据，而不需要编写复杂的Apex代码。 接下来是第二阶段：闪电数据服务的CRUD操作。CRUD代表创建（Create）、读取（Read）、更新（Update）和删除（Delete）。在这个阶段，我们会学习如何使用Lightning Data Service来执行这些操作。这样，我们就可以在界面上直接创建、读取、更新和删除记录，非常方便。 第三阶段是读取和输出动态数据。在这个阶段，我们会学习如何从Salesforce平台读取动态数据，并且将这些数据展示在界面上。动态数据意味着数据是实时变化的，我们需要确保界面能够及时更新，展示最新的数据。 最后，我们来看一下619单位的议程。如果有很多单元，我们可以适当缩小每个单元的显示，以便在界面上容纳更多的单元，或者制作成两列显示。记住，描述中的文本不要低于20点，蓝色的“单位”文本不要低于12点。这样，我们的界面看起来会更加整洁和专业。 好了，今天的课程就到这里。希望大家能够通过这些步骤，自信地实现基于制表符的界面，并且熟练地使用Lightning Data Service和Aura Components来处理数据。如果有任何问题，随时问我哦！
-
20
Lab Phase 2: Lightning Data Service CRUD Operations
第 620 页同学们，今天我们来聊聊Salesforce的闪电数据服务（Lightning Data Service）以及如何在实验室阶段2中进行CRUD操作。CRUD是什么呢？简单来说，就是创建（Create）、读取（Read）、更新（Update）和删除（Delete）数据的操作。这些操作是我们在管理数据时最常用的。 首先，我们来看一下今天要学习的新定制组件。这些组件可以帮助我们更高效地构建用户界面。 1. ，闪电：选择（Lightning:select），：这是一个下拉菜单组件，用户可以从多个选项中选择一个。比如，你可以用它来选择学生的年级或者课程。 2. ，闪电：inputRichtext（Lightning:inputRichText），：这是一个富文本输入框，用户可以在里面输入格式化的文本，比如加粗、斜体、链接等。这在需要输入详细描述时非常有用。 3. ，闪电：按钮（Lightning:button），：这是一个按钮组件，用户点击它可以触发某些操作，比如提交表单或者保存数据。 4. ，闪电：标签集（Lightning:tabset），：这是一个标签集组件，可以在一个页面上显示多个标签页，用户可以通过点击标签来切换内容。比如，你可以在一个页面上显示学生的基本信息、成绩和出勤情况。 5. ，闪电：选项卡（Lightning:tab），：这是标签集中的一个选项卡，每个选项卡可以包含不同的内容。 接下来，我们要创建一个名为，StudentDetails，的自定义组件。这个组件将用来显示和编辑学生的详细信息。我们可以使用上面提到的组件来构建这个界面。比如，用下拉菜单选择学生的年级，用富文本输入框输入学生的个人简介，用按钮来保存或删除学生的信息，用标签集来组织不同的信息类别。 在创建这个组件时，我们需要确保它能够与Salesforce的数据服务进行交互，实现CRUD操作。这意味着我们要编写一些代码来处理数据的读取、更新、创建和删除。 好了，这就是我们今天的主要内容。希望大家能够通过这些组件，更好地理解和掌握如何在Salesforce中进行数据管理。如果有任何问题，随时问我！
-
21
Using Lightning Data Service to Load and Update Data
第 621 页同学们，今天我们来学习如何使用Lightning数据服务来加载和更新数据。这个任务分为几个步骤，我会一步步带你们完成。 首先，我们需要定义一个Apex方法。这个方法的目的是加载与所选学生相关的`Course_Attendee__c`记录。你可以想象，`Course_Attendee__c`是一个记录学生参加课程信息的对象。我们需要从数据库中获取这些记录。 接下来，在我们的Lightning组件中，我们会有一个事件处理器叫做`onStudentselect`。当用户选择一个学生时，这个处理器会被触发。在这个处理器中，我们会调用刚才定义的Apex方法。这个方法会返回与所选学生相关的课程记录。 然后，我们会把这些记录存储在一个叫做`History`的专用组件属性中。这个属性就像是一个容器，用来保存我们从Apex方法中获取的数据。 最后，我们会使用这些数据来填充一个选择框。这个选择框会显示学生参加过的所有课程，用户可以从这里选择一个课程来查看详细信息。 整个过程大约需要45分钟来完成。我会在每一步都详细解释，确保你们都能跟上。准备好了吗？让我们开始吧！
-
22
Using Lightning Data Service to Load and Update Data.
第 622 页让我们一步一步来创建一个名为`EditStudentNote`的Lightning组件，这个组件将帮助你加载和更新与课程参与者相关的讲师注释。 首先，我们需要在组件中定义一个选择框，这个选择框将列出所有的`Course_Attendee__c`记录。每个选项的值将是`Course_Attendee__c`记录的Id。这样，用户可以选择一个特定的课程参与者。 接下来，我们将使用Lightning数据服务（LDS）来根据选择框中的选择加载`讲师注释__c`数据。这意味着，当用户选择一个课程参与者时，相关的讲师注释将自动加载到组件中。 在组件中，我们还需要一个`lightning:inputRichText`字段，这个字段将绑定到`讲师注释__c`字段。这样，用户就可以在这个富文本编辑器中查看和编辑讲师注释。 最后，我们添加一个按钮。当用户点击这个按钮时，组件将使用Lightning数据服务来保存对选定`Course_Attendee__c`记录的`讲师注释__c`的更改。如果记录成功保存，我们将使用JavaScript的`alert()`方法来显示一个成功消息。 这个组件的代码大致如下： ```html {!attendee.Name} ``` 在控制器中，我们将定义`loadInstructorNote`和`saveNote`这两个函数。`loadInstructorNote`函数将使用LDS加载选定的`讲师注释__c`，而`saveNote`函数将保存更改并显示成功消息。 ```javascript ({ loadInstructorNote: function(component, event, helper) { var selectedAttendeeId = component.get("v.selectedAttendeeId"); // 使用LDS加载讲师注释 }, saveNote: function(component, event, helper) { var instructorNote = component.get("v.instructorNote"); // 使用LDS保存讲师注释 alert("Note saved successfully!"); } }) ``` 这样，你就创建了一个可以加载和更新讲师注释的Lightning组件。希望这个解释对你有帮助！如果有任何问题，随时问我。
-
23
Using Lightning Data Service to Load and Update Data. - 623
第 623 页让我们一步一步来完成这个任务。首先，我们需要修改`StudentDetail.cmp`文件，添加一个选项卡面板，这个面板将包含两个选项卡：“历史”和“编辑注释”。 ### 第一步：添加选项卡面板 在`StudentDetail.cmp`文件中，我们可以使用`lightning:tabset`和`lightning:tab`组件来创建选项卡面板。代码如下： ```html ``` ### 第二步：处理没有历史记录的情况 如果学生没有历史记录，我们需要隐藏“编辑注释”选项卡，并在“历史”选项卡中显示一条消息。我们可以使用`aura:if`组件来控制选项卡的显示和隐藏。 ```html <p>该学生尚未注册任何课程。</p> ``` ### 第三步：调用EditStudentNote组件 在“编辑注释”选项卡中，我们需要调用`EditStudentNote`组件。我们可以使用`lightning:container`或者直接嵌入组件。 ```html ``` ### 第四步：在控制器中处理逻辑 在`StudentDetailController.js`中，我们需要处理`hasHistory`的逻辑。假设我们有一个方法`checkHistory`来检查学生是否有历史记录。 ```javascript ({ checkHistory: function(component) { // 假设我们有一个Apex方法getStudentHistory来获取学生历史记录 var action = component.get("c.getStudentHistory"); action.setParams({ studentId: component.get("v.studentId") }); action.setCallback(this, function(response) { var state = response.getState(); if (state === "SUCCESS") { var history = response.getReturnValue(); component.set("v.hasHistory", history.length > 0); } }); $A.enqueueAction(action); } }) ``` ### 总结 通过以上步骤，我们成功地在`StudentDetail.cmp`中添加了一个选项卡面板，并根据学生是否有历史记录来显示或隐藏“编辑注释”选项卡。同时，我们在“编辑注释”选项卡中调用了`EditStudentNote`组件，以便用户可以编辑学生的注释。 希望这个解释对你有帮助！如果有任何问题，随时问我。
-
24
Lab Phase 3: Reading and Outputting Dynamic Data
第 624 页今天我们来聊聊Salesforce中的一些自定义组件和闪电组件。这些组件可以帮助我们在Salesforce中更灵活地展示和操作数据。 首先，我们来看一下，StudentDetails自定义组件，。这个组件是用来展示学生的详细信息，比如姓名、学号、班级等。你可以把它想象成一个学生的“名片”，上面有学生的基本信息。 接下来是，学生历史自定义组件，。这个组件是用来展示学生的历史记录，比如成绩变化、出勤情况等。它可以帮助你快速了解一个学生的过去表现。 然后是，编辑学生笔记自定义组件，。这个组件允许你编辑和保存学生的笔记。你可以在这里记录学生的进步、问题或者其他重要信息。 现在，我们来看看一些，闪电组件，。这些是Salesforce提供的现成组件，可以帮助你快速构建用户界面。 - ，闪电：标签集， 和 ，闪电：选项卡，：这两个组件可以帮助你在页面上创建多个标签页，方便用户在不同的内容之间切换。 - ，闪电：选择，：这是一个下拉菜单组件，用户可以从列表中选择一个选项。 - ，闪电：inputRichtext，：这是一个富文本输入框，用户可以在里面输入格式化的文本，比如加粗、斜体、链接等。 - ，闪电：按钮，：这是一个普通的按钮，用户可以点击它来触发某个操作。 - ，闪电：瓷砖，：这个组件可以用来展示一些小块的信息，比如学生的成绩、出勤率等。 接下来是一些用于格式化数据的闪电组件： - ，闪电：图标，：这个组件可以让你在页面上显示各种图标，比如警告图标、成功图标等。 - ，闪电：格式化Richtext，：这个组件可以将富文本内容格式化显示，比如加粗、斜体等。 - ，闪电：格式化电子邮件，：这个组件可以将电子邮件地址格式化显示，通常会加上一个邮件图标，点击可以直接发送邮件。 - ，闪电：格式化电话，：这个组件可以将电话号码格式化显示，通常会加上一个电话图标，点击可以直接拨打电话。 - ，闪电：格式化文本，：这个组件可以将普通文本格式化显示，比如调整字体大小、颜色等。 这些组件可以帮助你在Salesforce中创建更加美观和功能丰富的用户界面。希望这些内容对你有帮助！如果有任何问题，随时问我哦！
-
25
Displaying Instructor Notes for a Student.
第 625 页同学们，今天我们要进行一个非常有趣的实验，叫做“读取和输出动态数据”。这个实验的目的是让我们学会如何在Salesforce中创建一个组件，并且能够动态地读取和展示数据。 首先，我们的任务是创建一个名为`StudentHistory`的组件。这个组件将会用来展示学生的历史记录。我们会在`StudentDetail.cmp`的“历史”选项卡中使用这个组件。不过，在开始之前，我们需要先删除`StudentDetail.cmp`中已经存在的`StudentHistory`部分，因为我们将会通过历史对象来重新构建它。 接下来，在`StudentHistory`组件中，我们需要做的是迭代一个历史数组。这个数组里包含了学生的历史记录。我们会使用`lightning:tile`组件来展示每一条历史记录。`lightning:tile`是一个非常方便的组件，它可以让我们以卡片的形式展示数据，看起来既美观又清晰。 整个实验预计需要30分钟的时间。在这段时间里，我们会一步步地完成组件的创建、数据的读取和展示。如果你在过程中遇到任何问题，不要担心，随时可以提问，我会在这里帮助你们。 好了，现在让我们开始吧！首先，打开你的开发环境，创建一个新的组件，命名为`StudentHistory`。然后，我们会在`StudentDetail.cmp`中删除旧的`StudentHistory`部分，并开始编写新的代码来迭代历史数组。记住，每一步都要仔细检查，确保代码的正确性。 加油，同学们！我相信你们一定能够顺利完成这个实验！
📋 课程信息
- 所属目录：DEX601
- 课程名称：Unit 9 Introducing Lightning Web Components (Optional Unit)
- 章节数量：25 个