Olobase Admin

Olobase Admin is designed to create fast and easy admin panel applications with Vue.js - Php technologies and also allows extensive customizations. It is built on Vuetify and runs on the backend REST API implementation Php Mezzio. It is built on Vuetify and the backend REST API works with Php Mezzio. The following technologies were used in the development of Olobase Admin.

How Is It Working ?

Olobase uses an adapter approach with a concept called Data-providers. Existing providers can be used as a blueprint for designing your API, or you can write your own Data Provider to query an existing API. Writing a custom Data Provider will typically take you an hour or two. If you are using the existing JSON service provider, you do not need to write a data provider.

Olobase Admin Flow

Olobase Admin The admin resource generator converts resources in CRUD object creates Vue Routes and Vuex modules.
Vue Router Creates and redirects to CRUD pages using Va (Olobase Admin) components and API resources objects.
Olobase (Va) Components They are general components that recognize contextual resources (Layout, Page, Input, Data-Table, Field, SelectField ..)
Resources Simple JS source array consists of descriptive objects (application modules like users, employees, companies, departments)
Vuex The authorization provider and modules are defined on the Vuex component.
Data Provider Allows bridging between source modules and your backend API ensuring compatibility within Olobase Admin.
Server API Your backend software written in PHP or other languages.

In Summary

Olobase receives resources as objects within the application and will then point to your CRUD pages and Vuex modules which will call your implemented data provider methods converts them to valid paths.

All internal Olobase Admin components will be aware of the actual context relative to the current route and use the adapted source module to fetch or save to the API via the data provider, which acts as the compatibility layer between the Olobase Admin and your API. As a result, this model requires much less boilerplate code to make CRUD work, increasing your coding speed.