Exercise 3-3: Surfacing a Component Lightning Experience

DEX602 - Unit 3 Surfacing Lightning Web Components

📄 第 243 页 🎬 视频课程

课程章节介绍

让我们一步一步来完成这个练习。首先,我们要创建一个新的组件,名字叫`layoutManager`。这个组件将会帮助我们管理页面的布局。 1. ,创建`layoutManager`组件,: - 打开Salesforce的开发者控制台。 - 选择“文件” > “新建” > “闪电组件”。 - 在弹出的对话框中,输入组件名称`layoutManager`,然后点击“提交”。 - 现在,你可以在代码编辑器中看到新创建的组件。 2. ,配置`layoutManager`作为选项卡,: - 在`layoutManager`组件的代码中,确保它被设置为可以作为选项卡使用。这通常意味着你需要确保组件的接口(interface)支持`force:appHostable`,这样它就可以被添加到应用程序的选项卡中。 3. ,创建新选项卡,: - 在Salesforce设置中,搜索“选项卡”。 - 选择“新建”来创建一个新的自定义选项卡。 - 在“组件”部分,选择我们刚刚创建的`layoutManager`组件。 - 填写选项卡的标签和名称,然后保存。 4. ,将新选项卡添加到认证应用程序,: - 打开“应用程序管理器”。 - 找到并选择你想要添加新选项卡的应用程序,比如“认证应用程序”。 - 在应用程序的详细信息页面,找到“选项卡”部分。 - 点击“编辑”按钮,将我们刚刚创建的`layoutManager`选项卡添加到选定的选项卡列表中。 - 保存更改。 5. ,将新选项卡添加到移动导航菜单,: - 在“应用程序管理器”中,再次选择你的应用程序。 - 这次,找到“移动导航”部分。 - 点击“编辑”按钮,将`layoutManager`选项卡添加到移动导航菜单中。 - 保存更改。 完成这些步骤后,你的`layoutManager`组件就会作为一个新的选项卡出现在桌面和移动设备的认证应用程序中了。这样,用户就可以通过这个选项卡来访问和管理页面布局了。希望这个过程对你来说既简单又有趣!如果有任何疑问,随时问我哦。