Header Ads Widget

Ticker

6/recent/ticker-posts

Cómo Usar JQuery Datatable Con Laravel

 Este tutorial de laravel ayuda a crear una lista de laravel con jQuery datatable . La tabla de datos es el complemento de cuadrícula jquery muy poderoso y más popular. Puede crear una cuadrícula funcional completa usando laravel y datatable. Les voy a hacer saber, Cómo integrar jQuery Datatable con Laravel.

Usaremos laravel 5.7 para integrar jquery datatable. La tabla de datos proporciona las funcionalidades como búsqueda, clasificación, paginación en una tabla.Puedes configurar estas funcionalidades usando un código de línea.Ya he compartido un tutorial sobre el tutorial de Laravel CRUD usando el controlador de recursos .

También puede integrar la funcionalidad de cuadrícula de tablas de datos con php 7. He compartido jQuery Datatable usando PHP y MySQL con Ajax .

DataTables es un complemento para la biblioteca jQuery JavaScript. Es un complemento de cuadrícula altamente flexible que se basa en jquery libs. Al usar Datatable, puede convertir la lista de tablas HTML básica en una lista de cuadrícula avanzada. Eso puede tener edición en línea, columna de clasificación, búsqueda de múltiples columnas.

Cómo Crear Un Proyecto Laravel 5

Crearemos el proyecto laravel con la ayuda del siguiente comando.
composer create-project --prefer-dist laravel/laravel simple-laravel

Configurar La Base De Datos MySQL

Ahora abra el .envarchivo y actualice la conexión MySQL.

Crearemos una tabla de empleados y crearemos registros de muestra en esta tabla.

Crear Un Controlador Y Una Ruta

php artisan make:controller EmpController --resource

Creará un archivo de controlador llamado EmpController.phpa la Http/Controllercarpeta.

Registramos una ruta en un web.phparchivo.
Route::resource('emp', 'EmpController');

Crear Modelo De Laravel

Crearemos el modelo de empleado usando el siguiente comando. Puede obtener el archivo del modelo en la app/carpeta
php artisan make:model Employee

El comando anterior creará un Employee.phparchivo en la app/carpeta.

Obtener Registros Usando El Método Del Controlador

Modificaremos el método de índice y obtendremos toda la lista de empleados usando la clase Modelo.

Crear Archivo De Vista En Laravel

Crearemos el index.blade.phparchivo de vista en la resources/view/empcarpeta. La tabla HTML usará las bibliotecas bootstrap, datatable y jquery. Aquí incluiremos estas bibliotecas en la sección principal del archivo.

Agreguemos el siguiente código en este archivo.

En el código anterior, he creado un botón de acción para mostrar un solo registro, editar el registro y eliminar el registro, pero necesita definir y escribir la acción del controlador , no la he creado aquí.Puede obtener más información del Tutorial de Laravel CRUD mediante el controlador de recursos .

Aplicar Tabla De Datos En Tabla HTML

Apliquemos la tabla de datos jQuery en la lista de tablas html, la identificación de la tabla es #emp_listEntonces implementaré la funcionalidad de tabla de datos usando el script jquery, agreguemos el siguiente código en la parte inferior del archivo index.blade.php.

Ahora, ejecute la aplicación laravel usando el siguiente comando:
php artisan serve

Publicar un comentario

0 Comentarios