AJAX Data Table CRUD uses vue-good-table as main plugin, an easy to use powerful data table for Vue.js with advanced customizations including sorting, column filtering, pagination, grouping etc. This script provides practical examples on how to perform HTTP Requests for Data Table CRUD operations between a frontend client and a backend server.

The client module uses Nuxt.js to combine and configure all JavaScript & Vue.js libraries to work together effectively, organize code using best practices and speed optimization that you will not get from Vue.js by default. Server module uses Lumen, a micro-framework derived from Laravel. Lumen is designed for building micro-services and fast APIs, using the same components as Laravel. If you are familiar with Laravel, you will find that the syntax very similar.

• Built with Vue.js and Lumen Laravel as Backend
• Responsive Layout with BootstrapVue
• BootstrapVue Contextual States and Laravel Validation
• Multi Filter Search, Pagination, Sorting
• File Upload, Image Cropping and Resizing
• Restrict Upload File Type, Limit Upload File Size
• Progress Bar to Indicate Submit Progress
• Limit Number of API Requests
• Detail and Well Commented Source Code

In order to get benefit from this script, you need some experience with Vue.js, Lumen and Laravel. You should also have a good understanding of nodejs and composer installation, configuring database and name-based virtual hosts !!

You can read our online documentation at : https://crud-docs.variancode.com