Base Components — Overview & Categories

同学们，今天我们来聊聊Lightning Web Components里一个特别基础但很重要的概念——基本组件。你可能会想，基本组件到底是什么？别急，我慢慢给你捋清楚。 首先，这些基本组件被分成了十大功能类别，几乎涵盖了你做界面时所有常见的需求。你不需要自己去造轮子，Salesforce已经帮你准备好了。 第一个类别是，动作和菜单，。想象一下一个按钮，它可以是普通样式，也可以是带品牌色的、中性的、表示破坏操作的、或者表示成功的变种。所有可点击的触发器，比如按钮、按钮组、菜单，都在这儿了。 接下来是，容器，。你想把一组内容收起来？用手风琴。想突出展示一张卡片信息？用卡片。想弹出一个对话框？用模态框。还有标签页和响应式布局，帮你把页面安排得明明白白。 ，图像与视觉效果，，这个分类里有什么？头像，用来显示用户照片；徽章，显示个数或状态；图标，表达含义；地图，嵌入地图；还有药丸，一种紧凑的标签样式。视觉效果一目了然。 ，输入组件，，这个是重头戏。不管你是要文本输入、数字、日期、选择列表还是文件上传，基本组件都带内置验证，帮你处理各种数据输入类型，省心。 那表单呢？，表单组件，更是厉害，它能根据你对字段的配置自动生成或更新记录，并且遵守字段级安全，不需要你写额外的代码去控制权限。 ，导航组件，，比如面包屑，让你知道当前在哪个位置；垂直导航，适合做侧边栏。这些都能快速搭建。 然后是，收件箱，，其实是消息通知类的组件。包括模式对话框，像Alert警告、Confirm确认、Prompt输入提示，还有Toast消息，类似短暂弹出的通知。这些交互你肯定都用过。 ，输出组件，，就是只读展示的数据，它会根据用户的区域设置，自动格式化数字、日期、货币等，比如你看到 $1,000.00 而不是 1000.0。 ，进度组件，，显示流程状态，比如进度条、路径指示器，让用户知道当前走到了哪一步。 ，表和树，，用来处理大量数据。表格可以排序、筛选、无限滚动，树可以展示层级结构，这些都是通过扩展机制支持大数据集。 最后是，实用程序模块，，它不显示任何UI，但提供了一些有用的服务，比如获取用户信息、操作数据，帮助你在组件里调用。 特别要注意的是，这些基本组件没有版本控制。也就是说，你改变组件的API版本，并不会改变基本组件的行为。它们始终是跟着SLDS最新的设计更新走的。所以，用基本组件，就等于你自动获得了最新的样式和交互，始终保持统一和现代。 记住，用好这些基本组件，开发效率会提高很多，界面也好看、一致。这就是今天的内容，下次我带你看看具体怎么用它们。