Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mgeurts/laravel-11-bootstrap-5-datatables

How to use DATATABLES and BOOTSTRAP 5 in LARAVEL 11.
https://github.com/mgeurts/laravel-11-bootstrap-5-datatables

bootstrap datatables laravel

Last synced: 3 days ago
JSON representation

How to use DATATABLES and BOOTSTRAP 5 in LARAVEL 11.

Awesome Lists containing this project

README

        

![](https://img.shields.io/badge/PHP-8.3-informational?style=flat&logo=php&color=4f5b93)
![](https://img.shields.io/badge/Laravel-11-informational?style=flat&logo=laravel&color=ef3b2d)

![Latest Stable Version](https://img.shields.io/github/release/MGeurts/laravel-11-bootstrap-5-datatables)



## About this project

This application requires at least PHP 8.2 and is built using :

## Features



  • Top button bar to quickly navigate to the main parts of your application


  • Theme toggle Light / Dark / System default


  • Offcanvas menu to access less frequently used parts


  • Datatables, fully integrated with built-in :


    • Create - Show - Update - Delete (CRUD) with
      Bootbox.js dialogs and
      Toastr notifications

    • Copy to clipboard

    • Export to Excel

    • Print function

    • Items per page selector

    • Column visibility selector

    • Search with result highlighting

    • Server-side pagination and filtering

    • Multiple row selection (for mass deletes)

    • Inline boolean toggleable

    • Help

    • Datatables are fully responsive on smaller screens


## Special features

The top menu contains in its center a dropdown selector for the year. This is implemented as a global session variable [APP].[YEAR] and allows you to easely filter datatable datasets (when needed) to reflect the data concerning the selected year. This is extreem helpfull if you manage models that depend on the year, like for instance deliveries, orders, productions, and so on ...

This application has a built-in Backup manager :


  • Backups can be initiated and managed manually

  • Backups can be scheludeld by issuing a cron job on your development server

This application has a built-in Log Viewer showing :


  • All errors (ERROR)

  • All executed N+1 database queries (WARNING)

  • All executed database queries (DEBUG), but only in development mode

  • All scheduled backups (INFO)

## Models implemented

In this demo project, 3 models are already implemented :



  • Customers, available to all logged in users




  • Users and Users Log, only available to logged in users with the property Developer


You can use their controllers and the corresponding views as a base to create new datatables utilising your own project models.

## Documentation

https://www.kreaweb.be/laravel-11-bootstrap-5-datatables/

## Online demo

https://demo.kreaweb.be/

## Credentials

Email Address : [email protected]


Password : password

## Requirements

Be aware you need at least PHP 8.2 to use this project!

## Installation

create a new project folder, cd into the folder

`git clone https://github.com/MGeurts/laravel-11-bootstrap-5-datatables.git .`

`cp .env.example .env`

make the needed changes regarding name, url, database connection & mail server

`composer install`

`php artisan key:generate`

`php artisan storage:link`

`php artisan migrate:fresh --seed`

`npm install`

`npm run build`

`php artisan serve` or `npm run dev`

## License

This demo Larevel project is open-sourced software licensed under the [MIT license](https://opensource.org/licenses/MIT).

## Screenshots