create / read / update /delete operations on a table or grid like component

[#1]

Hi Gurus ,

 I'm trying to achieve a admin utility in AEM 6.1 where super admins can perform CRUD operations on a table  or grid like component . The component will not need any dialog capabilities and am planning to host the page with this component under /etc . The result of the operations will simple be in jcr as nodes /properties . 

Just wanted to find out if any one else has already achieved some thing similar and can point me to so that i need not start from ground zero on it ? 

Normally I'm planning to integrate jquery plugins to achieve this , is this the right way ? or any recommended approach  or plugins?

[#2 · Accepted solution]

Yes... You can use any plugins to create it either JQuery , AngularJS etc...

Example above mentioned my Scott, implements a similar admin util using angularJS

[#3]

Thanks guys. Definitely have some concrete direction now .

[#4]

Hi

This is an excellent article to be use as a reference.

We can definitely use Jquery / AngularJS anything at front-end. The basic concept is to communicate with DB vis REST API or Directly calling the functions.

I don't see any harm in using them. Only thing one should keep in his/her mind is, if CRUD is done via REST APIs, then in that case, we should make sure not anyone should able to assess our data from client side. We should have some authentication security checks (May be sending header info with Ajex calls to validate the user etc).

Excellent article by Lokesh and Scott.

Thanks and Regards

Kautuk Sahni

[#5]

" super admins can perform CRUD operations on a table  or grid like component"

Look at how Lokesh wrote a similar tool for vanity URLs - it will point you in the right direction: 

https://helpx.adobe.com/experience-manager/using/vanitypath.html

In this example, Lokesh built it as an additional view under Tools in the Touch UI.