In last post we used pure JavaScript with Axios in order to get dependent dropdown (dynamic select menu) feature in a Laravel 9 app. Apparently, the code seemed a bit of mess while using pure JavaScript to make Ajax calls and generate HTML elements on the fly. Now, let’s employ Vue as in VILT (Vue … Read more
In this article we’ll create dependent dropdown / dynamic select menu using Axios and pure JS in Laravel 9. For this article we’ll utilize the models and data created in a previous article. So, first follow the steps given there for creating models, migrations, and relationship and then continue from here. By following the above-mentioned … Read more
In this article we’ll learn how to define models / tables in Laravel 9 with one-to-many relationship, one of the most common relationships between tables in a database. Then we’ll seed some data into these related tables and check the relationship functions. Laravel 9.x requires a minimum PHP version of 8.0. This tutorial assumes that … Read more
In Laravel landscape, Blade templating engine has been the tool of choice when it comes to developing frontends of traditional webapps. However, with the explosion of Single Page Applications (SPAs) more and more options came into play in Laravel frontend development; people have been coming up with a number of smart solutions like Livewire, Inertia.js … Read more
In this tutorial we’ll learn how to handle recursive relationship within database table in a Laravel 9 app. Recursive relationship occurs when a database table has self-referencing foreign key i.e., a record maintains referential integrity using the id of another record within the same table; database tables of categories, directories or staff hierarchy usually have … Read more
In this tutorial we’ll embed datatable functionality in a Laravel 9 VILT app using Ant Design Vue Table component. To achieve full optimization, sorting and pagination will be done at client-side while searching will be routed to server-side through Inertia.js in order to always have updated data. Laravel 9.x requires a minimum PHP version of … Read more
In this tutorial we’ll embed multiselect functionality in a Laravel 9 VILT app using Ant Design Vue select component. Laravel 9.x requires a minimum PHP version of 8.0. This tutorial assumes that you are using Linux, macOS or WSL on Windows and Node.js, Composer and PHP 8 along with required modules i.e bcmatch, sqlite, mbstring, … Read more
In previous tutorial we built a Vue3 based datatable from scratch within a Laravel 9 VILT (Vue Inertia Laravel Tailwind) app. For learning and basic usage purposes that datatable is fine; however, when we seek productivity, robustness and enterprise-grade look and feel we usually need professionally developed UI components. There are numerous Vue UI kits … Read more
In this tutorial we’ll build a data-table in a Laravel 9 app employing VILT (Vue, Inertia, Laravel, Tailwind) stack while using Composition API of Vue3. The data-table will have the field-based searching capability along with pagination and sorting. Laravel 9.x requires a minimum PHP version of 8.0. This tutorial assumes that you are using Linux, … Read more
It’s a common requirement for web-apps to have some kind of user roles defined. Although there are purpose-built packages for incorporating roles and permissions in Laravel app (e.g. Spatie Laravel-permission), however, in most of the cases the user roles requirement is as simple as categorizing users in different groups such as Admin, Manager, User etc. … Read more