SuperAPI AI 工具集

aem-component-development

编程与开发

查看项目

更新于 10-15 22:12

技能介绍

用途:指导在 AEM 中端到端创建、扩展和配置组件。组件是页面内容的基本单元,每个组件是 JCR 中的 cq:Component 节点,整合 HTL 渲染模板、Sling Model 服务端逻辑、作者编辑对话框(cq:dialog)、前端 clientlib 与编辑配置(cq:editConfig)。使用前提是具备 HTL 知识,需先加载 htl-scripting 技能了解表达式语法、块语句、XSS 上下文与全局对象。

主要能力:给出标准 Maven 原型目录布局(ui.apps 下的组件目录含 .content.xml、HTL 脚本、_cq_dialog、_cq_editConfig、_cq_template、_cq_design_dialog、clientlib;core 模块放 Sling Model)。说明组件定义关键属性:jcr:title、jcr:description、componentGroup、sling:resourceSuperType、cq:isContainer、cq:icon、abbreviation。提供新建组件的六步流程:定义组件节点、编写 Sling Model、编写 HTL 脚本、创建对话框、按需添加 clientlib、按需配置编辑行为。

扩展与继承:通过 sling:resourceSuperType 继承父组件的渲染脚本、对话框、编辑配置、描述与图标;可用 Sling Resource Merger 仅覆盖需要改动的对话框字段。建议优先扩展 AEM Core Components(如 text v2、image v3、title v3、teaser v2、list v4、container v1、page v3),以获得可访问、SEO 友好、BEM 命名、Sling Model 导出器、样式系统与 Adobe Client Data Layer 支持。

必要规则:始终使用 Touch UI(cq:dialog),Classic UI 已弃用;优先 Sling Models 而非 WCMUsePojo;不得修改 /libs,应在 /apps 覆盖;空内容时须渲染编辑占位符;CSS 类用 BEM 命名;必须设置 componentGroup;对话框字段 name 用 ./ 前缀;/apps 下 clientlib 需 allowProxy=true。

限制:资料未提供收费、价格、平台版本要求或效果数据;具体字段类型与验证细节见其 references 文件。