系统学习magento二次开发，推荐小册：《Magento中文全栈二次开发 》
本小册面向Magento2以上版本，书代码及示例兼容magento2.0-2.4版本。涵盖了magento前端开发，后端开发，magento2主题,magento2重写,magento2 layout,magento2控制器,magento2 block等相关内容,带领您成为magento开发技术专家。
Magento 2中的容器组件是一种特殊的UI组件，用于将其他UI组件组合在一起，并为它们提供一定的布局和样式。容器组件可以包含其他容器组件或普通UI组件，并允许开发人员在布局中使用一些简单的CSS类来定义样式。
以下是一个示例，展示了如何使用Magento 2的容器组件来创建一个简单的表单布局，包含一个输入框和一个按钮：
<container name="example_container" htmlTag="div" htmlClass="example-container"> <fieldset name="example_fieldset" sortOrder="10"> <field name="example_field" sortOrder="10" formElement="input"> <argument name="data" xsi:type="array"> <item name="config" xsi:type="array"> <item name="label" xsi:type="string" translate="true">Example Field</item> <item name="sortOrder" xsi:type="number">10</item> <item name="dataType" xsi:type="string">text</item> <item name="formElement" xsi:type="string">input</item> <item name="dataScope" xsi:type="string">example_field</item> </item> </argument> </field> <actionGroup name="example_actions" sortOrder="20"> <argument name="data" xsi:type="array"> <item name="config" xsi:type="array"> <item name="label" xsi:type="string" translate="true">Example Actions</item> <item name="sortOrder" xsi:type="number">20</item> </item> </argument> <action name="example_action"> <argument name="data" xsi:type="array"> <item name="config" xsi:type="array"> <item name="label" xsi:type="string" translate="true">Example Action</item> <item name="sortOrder" xsi:type="number">10</item> </item> </argument> </action> </actionGroup> </fieldset> </container>
在这个示例中，我们创建了一个名为example_container的容器组件，并设置了它的HTML标记为<div>，CSS类为example-container。容器组件包含了一个名为example_fieldset的字段集合组件，其中包含了一个名为example_field的输入框字段组件，以及一个名为example_actions的操作组件，其中包含了一个名为example_action的按钮操作组件。
这个示例中，我们使用了Magento UI库提供的容器组件和其他UI组件，如字段集合、输入框和按钮组件。同时，我们还使用了Magento 2的UI布局系统来定义表单布局，并使用了一些简单的CSS类来设置样式。