Olobase
Olobase is a integration-ready Open Source full featured framework designed to create fast and easy web 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 Framework.
Features
- Integration Ready Vue.js / Vuetify.js Components
- Mezzio PHP Rest API for Backend
- Built in JWT Authentication
- Built in Roles & Permission Management for Authorization
- Layouts
- Plugins
- Input and Fields
- Data Providers
- Built in Data Grid and Colum Filters
- i18n Support
- Authentication Providers
- Resource Management
- Community and Ticket Support
Technologies
The following technologies were used in the development of Olobase.
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 | 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 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 and your API. As a result, this model requires much less boilerplate code to make CRUD work, increasing your coding speed.