【AEM Forms学习】（一）通过生成Form Fragment实现表单区域复用

【写在前面】

如果你的AEM Instance 没有Forms的功能，请参考我的文章 【AEM Forms】AEM Forms表单拓展包安装

【正文】

创建一个Adaptive Form

选择Basic Template

命名为form practice，点击创建

进入到编辑界面

删除掉Root Panel下的所有Panel，还有Toolbar

只留下一个空的Root Panel

设置Root Panel的Layout为 Response 

添加一个Child Panel，命名为Bill Address Panel，也就是账单地址区域

在Bill Address Panel里面，添加一些相关地址信息的Component

选择Bill Address Panel，点击 Save as Fragment

填写信息，作为一个通用的Address Fragment

保存为Fragment后，就会变成这样的一个形式，如下图

再回到当前Fragment的同级目录，就会发现自动创建了一个叫 Address Fragment的表格框架

复用Address Fragment,创建Shipping Address Panel，也就是邮寄地址表单区域

在编辑界面的Side Panel选择Asset,并筛选到Adaptive Form Fragment

筛选出address panel，并拖拽到Root Panel中

选中新拖拽的Address Panel，点击编辑，并填写相应的信息

保存后，通过Preview界面，可以看到复用同一个Address Form Fragment，实现了两个地址表单区域