初识AEM

首先

你会拿到一个jar包和一个license,运行jar就相当于运行了本地服务器。会自动弹出网址,账号密码admin
可以从git上拉项目。maven部署一下。但即便你没有项目,也会有基本的内容在里面了

认识

实际上,页面呈现就是通过HTL(类似于JSP)
我们也清楚,JSP是能附JAVA代码的,所以数据可以通过Sling Model传输过来,也就是Java代码。至于Bundle与Sling Model的关系还不是很清楚
页面上的Dialog(弹窗)可以让用户输入内容然后将内容显示在组件中:

  1. Dialog怎么写
    Dialog就是通过.content也就是一个个结点做出来的


  2. 内容如何传输?
    通过Java代码,Java代码可以从.content中取值然后处理数据后传给HTL,也就是传给前端。前端再展示
  3. 目录结构下的clientlibs可以添加css与js(当然从ui.frontend中也是可以添加的,但我不太会,ui.frontend中可以添加sass,最后需要npm一下)
  4. html就是页面展示,里面有HTL语法的
    (另外,在节点中,很多都是会继承父节点再进行更改的)

官方内容

  • Component Definition
    • Metadata of the component
    • Title, Description...
    • Component inheritance(sling:resourceSuperType)
  • Dialog (and Design Dialog)
    • Defined as a node structure(XML)
    • Used on Page Editor
    • Persists "raw" values to the JCR
  • Sling Model(JAVA)
    • POJO
    • Add business logic to component
    • Keeps HTL script simple
  • HTL Scripts
    • HTML Template Language
    • Outputs HTML
  • Client-Side Libraries

Component Definition
Dialog
Design Dialog
Sling Model
HTL
Client-Side Libraries

posted @ 2021-01-04 15:42  lwxx  阅读(792)  评论(0)    收藏  举报