我正在调查Adobe CQ5，并希望了解如何集成其拖放式UI以创建响应式网站。它看起来好像是一个相当平淡的模板概念，其中的组件几乎可以放在任何地方，包括“三列控制”之类的东西 - 这将使得设计响应式网格结构非常困难（因为它很难防止用户放入可能破坏布局的控件中。）
有没有人对此有任何经验或建议？我真的在寻找关于模板与组件结构（段落）的深入技术细节，以及在何处/如何管理CSS。
答案 0 :(得分：2)
CQ5提供了控制模板中可以执行的操作的方法，因此认为组件“几乎可以放在任何地方”可能会产生误导。设计和配置页面模板，以便您可以控制可以将哪些组件添加到页面的某个区域。这允许您仅使这些组件可用于模板布局，不包括会破坏布局的组件。然后，作者只能使用可行的东西。如果他们试图将组件拖动到尚未将该组件配置为可用的段落（parsys）上，则UI将不允许他们在那里使用它。因此，CQ实际上使 easy 能够阻止用户在某处破坏布局。
这里有一点概述：
“可以激活（或停用）组件以确定哪些组件 在编辑页面时提供给作者。“
说到CSS和JavaScript，您可以创建一个客户端库，然后在页面上包含相关的客户端库。后端CQ功能将把多个CSS（或JavaScript）文件组合到一个缩小的文件中，以允许对优化文件的单个HTTP请求。这点概述了一点：
因此，您可以开发多个共享客户端库的组件，然后在将任何组件添加到段落时，客户端库将包含在页面中。您可能还需要一个适用于所有模板的CSS库，以提供通用的外观，但允许组件在使用时添加自己的模板。
这些使用模板和组件的指南概述了如何提供控制，但灵活性：
答案 1 :(得分：0)
我将用RWD和CQ5记录我们成功的WIP体验
<强>假设： 一个记录良好的风格指南。
我们的第一步： 修改现有的列控制组件css以利用twitter bootstrap grid css。 创建一个基页属性，允许子页面设置和继承网格容器上的两个不同的类。 （容器||容器流体）。 尽可能利用开箱即用的组件。 所有组件宽度都继承其父容器的宽度，允许将组件放入模板中的任何位置。
<强>的问题： 开箱即用的列控件组件不能嵌套。 我们正在研究构建自定义列控件组件。
Takeaways：这是一个进化项目，我们不断迭代。
答案 2 :(得分：0)
随着最近推出的AEM 6.0，他们有一个名为 Geomatrixx Media 的示例网站。该网站响应迅速。
您可以将此示例作为参考，并开始构建它。