Lightning Web Components Playground

DEX602 - Unit 2 Introducing Lightning Web Components

📄 第 59 页 🎬 视频课程

课程章节介绍

今天我们来聊聊如何在Salesforce的Lightning Web组件(LWC)中创建一个简单的“Hello World”组件。我们将使用Salesforce提供的交互式代码编辑器,也就是我们常说的“游乐场”。 首先,打开游乐场,你会看到界面分为三个主要部分。左边是项目面板(1),这里你可以设置你的应用程序的详细信息,比如标题、命名空间和文件结构。中间是代码编辑区(2),你可以在这里编写和编辑你的JavaScript、HTML和CSS代码。右边是输出面板(3),在这里你可以实时预览你的代码效果,并查看编译后的代码。 在开始之前,我们先来了解一下游乐场的一些限制。由于游乐场没有连接到Salesforce组织,所以它不支持需要从Salesforce获取数据的功能。比如,你不能使用Wire服务、Apex方法,或者需要记录ID的组件,如记录表单、记录查看表单和记录编辑表单。此外,一些依赖内部JavaScript库的组件,如格式化地址、输入地址等,也无法在游乐场中使用。 现在,让我们开始创建一个简单的“Hello World”组件。首先,在项目面板中设置好你的应用程序标题和命名空间。然后,在代码编辑区中,编写你的HTML和JavaScript代码。HTML部分可以简单地写一个`

`标签,内容为“Hello World”。JavaScript部分可以留空,或者你可以添加一些简单的逻辑来增强你的组件。 编写完成后,点击运行按钮,你可以在输出面板中看到“Hello World”显示出来。如果你对结果满意,可以保存你的应用程序,并与他人分享。 这就是如何在Salesforce的Lightning Web组件中创建一个简单的“Hello World”组件。希望这个过程对你来说既简单又有趣!