SlingModel

-

 Sling Model:


Component With Sling Model: 1.Front End 2.Back End


Front End Contain all the Rendering Logic you have and the Back End Controller will process the business logic and return data to Front End.


Front End:

To Create Component we need to follow the following steps.

author.html and cq:dialog are mandatory fields ,this is the starting point of rendering Logic, these dialogs take input from content author and display on page.


clientlibs: If you have any ui specific like javascript, css, svg and other stuff will be in clientlibs, you should have those component related stuff in  your component itself. It’s adobe Recommended. You can have any number of clientlibs in your component.


cq:design_dialog: this is same as cq:dialog but the only difference  is the design_dialog save your values at Site level(means at a common place), So these values or properties available through-out the site. but cq:dialog values or properties available only on  that component node or page. And these cq:design_dialog is only used for Static templates, for editable templates or dynamic templates this dialog is not used.


Cq:editConfig:  it’s optional and it defines more Behaviour in Author mode.



Back-End:

 We have multiple options to write back end controller:

1.JavaScript Controller: we can simply write java script with in the component(clientlibs). It is not recommended but optional you can write.

2.WCMUse Class(WCMUsePojo):these controller is being used since the slightly came into picture. These is not recommended once the sling-model came.


Sling Model:



The interface class is not mandatory but it is AEM recommendation.the author.java interface class Is implemented through AuthorImpl.java  implementation class

In author.html your should write slightly(<div data-sly-use.object=“com.projectname.aem.core.models.classname”> …..</div>) to call backend controller.



Adaptable’s: its defines which source object can be adapted to sling model

Adapters: an adapter is basically a method called adaptive and this method is used everywhere in AEM, in this adapters we need to give interface name, because we have written our own interface right!?.




Author.java:(Interface class)

package com.myproject.aem.core.models;


public interface Author {

    String getFirstName();

    String getLastName();

    boolean getIsProfessor();

}


AuthorImpl.java:

package com.myproject.aem.core.models;


import org.apache.sling.api.resource.Resource;

import org.apache.sling.api.resource.ResourceResolver;

import org.apache.sling.models.annotations.Default;

import org.apache.sling.models.annotations.Model;

import org.apache.sling.models.annotations.Optional;

import org.apache.sling.models.annotations.Required;


import javax.inject.Inject;


@Model(adaptables = Resource.class,adapters = Author.class)

public class AuthorImpl implements Author{

    @Inject

    @Default(values = "RED")

    public String fname;


    @Inject

    @Optional

    @Default(values = "REV")

    public String lname;


    @Inject

    @Required

    public boolean professor;


    @Override

    public String getFirstName() {

        return fname;

    }


    @Override

    public String getLastName() {

        return lname;

    }


    @Override

    public boolean getIsProfessor() {

        return professor;

    }

}



Now build this —> after build successful 

Go to your page and add this component and author it. The values given in dialog will reflect to page that’s it.




Thank to AEM GEEKS,
All the material taken from AEM Geeks, if you have any doubts please refer the bellow link:
https://www.youtube.com/watch?v=PQU7l-2iafw

Comments

Post a Comment

Popular posts from this blog

Data-sly-list & Data-sly-repeat

-
Image
  AEM Sightly : Data-sly-list : the most powerful block statement of sightly which iterate the collection return from the slingModel.  Data-sly-list can handle any kind of collection like: Example : <div  data-sly-use. variable_name =“com.aem.package_name.core.models.Interfaceclass_name”></div>// this is used to call the slingModel <div data-sly-list. item =“${ variable_name . InterfaceMethod_Name}”> // item is the default variable provided by Slightly & you can give any name ${ item } </div> *note: Map don’t give ordered list, It gives random list. —> We can control loop’s in slightly using begin, end. Example: <div data-sly-list. item =“${ variable_name .InterfaceMethod_Name @ begin =0, end =3}”>  // the loop gives 4 values ${ item } </div>  —> Slightly provide some methods like: count, even, odd, middle…etc. Example: <div data-sly-list. item =“${ variable_name .InterfaceMethod_Name}”> ${ ite...
Read more

Java HashMap

-
  HashMap: HashMap contain data in form of : Keys & Values = Pair(we call it as Pair) Key’s should be Unique and Values can be duplicate. The Keys and Values can be any DataType. To Store Pairs in a variable that should be a “ Map.Entry ” DataType like Object datatype in ArrayList. To read the values from the “ Map.Entry Variable ” we should use methods like: variable.getKey(); variable.getValue() ; * Note:   the name of the Object becomes the name of the HashMap.      ▪  HashMap Declaration : Two ways we can declare HashMap. To Store any DataType of pairs(key, value): HashMap objectName = new HashMap(); Example: HashMap obj = new HashMap();     2.  To Store Required DataType of pairs(key, value):             HashMap <key _DataType, value_DataType>   objectName = new HashMap                <key _DataType, value_DataType> ();  ...
Read more

Java Packages

-
Java Packages: A Java Package is a simple kind of a folder which contain a similar   kind of classes, Suppose a classes which are belongs to some functionality will be there in one package the other classes which are belongs to other functionality belongs to other packages. And later if you want to get that class in some other class we will refer that class by using Package Name, So a Java Package is a collection of classes,Interfaces or some files. In realTime the PackageName are like com.ProjectName.CompanyName like this . So If there are two packages with classes:  Package1 {classA, classB,….} & Package2{classX, classY,….}: To access classA from Package2 we need Import & extend keywords Syntax: Import PackageName.className; classX extend classA { // here we can use classA } How to create Sub-Package: Right click on parent package and click on   New—>Package: give name as  “Parent-PackageName.Sub-PackageName” and Finish. These ...
Read more