Frontend and backend integration based on

CoreUI Admin Template

+

#Laravel

+

#Vue

Not long ago, one of our customers, let’s call him Tony asked us:

could you please create a demo page showing how CoreUI can connect to a #MySQL DB and load dynamic content on some of the pages in your latest version?

Two answers came into our mind:

· Hell no: CoreUI is frontend expert, we don’t care about the backend!

· Double hell no: querying a database from the front end is a bad idea!

Basing on that… we decided (not to ;)) HELP the customer  Not only because we like to help our friends (check out: community.coreui.io) but also, as our friend Tony said: we want CoreUI to be a great admin panel:

can you explain where one would connect to make the application data-driven? I need dynamic menus, want to make data-based charts, etc. You can’t make a great admin panel and not have a recommendation how/where to add DB connectivity

So here it is — we needed to help ;) If you take a look at this project:

coreui/coreui-free-laravel-admin-template

This shows how you can use our #admin #panel with #backend

But we know you dare to say more! And that’s good, that’s why, please have a look at #Vue project:

coreui/coreui-free-vue-laravel-admin-template

As you can see, in this project #Ajax has been utilized to communicate with the backend.

There’s even more, cause if you look at CoreUI Vue.js PRO Admin Template, you can find lazy loading tables examples. As you probably noticed, we’ve used for it #Laravel as a backend with our component in frontend. Below is an example of lazy loading table:

and here you can see how to add a new element into menu:

And last but not least — let’s make it more sexy and present it as CoreUI’s dashboard:

We hope you’d like the story. All your comments are welcomed.