Diferencia entre revisiones de «Usuario:ManuelRomero/Laravel/paginacion»

De WikiEducator
Saltar a: navegación, buscar
(Página creada con «{{:Usuario:ManuelRomero/micursos/Laravel/baseDatos/nav}} ===Paginación=== https://laravel.com/docs/10.x/pagination ===Paginación usando vue=== ;Instalo un componente par...»)
 
(→‎Paginación)
 
Línea 1: Línea 1:
 
{{:Usuario:ManuelRomero/micursos/Laravel/baseDatos/nav}}
 
{{:Usuario:ManuelRomero/micursos/Laravel/baseDatos/nav}}
 +
<div class="parrafo">
 
===Paginación===
 
===Paginación===
 
  https://laravel.com/docs/10.x/pagination
 
  https://laravel.com/docs/10.x/pagination
 +
 +
;Estableciendo el número máximo de filas para cada visualización
 +
*Para obtener los registros de una consulta obteníamos todos
 +
 +
<source lang=php>
 +
$empresas  = Empresa::all();
 +
</source>
 +
*Si queremos establcer un límite de número de registros que queremos visualizar a la vez usaremos el método paginate
 +
<source lang=php>
 +
$empresas  = Empresa::paginate(10);
 +
</source>
 +
 +
*Ahora , al visualizar la informacion  vemos que solo nos salen el número de filas especificadas
 +
*Para poder realizar navegación entre diferentes páginas, hemos de incluir en la plantilla un 'navegador' o botones de desplazamiento
 +
<source lang=php>
 +
 +
{{ $users->links() }}
 +
</source>
 +
 +
*Si estamos usando tailwind para mantener los estilos incluiremos en el fichero tailwind.config.js
 +
<source lang=php>
 +
content: [
 +
    './resources/**/*.blade.php',
 +
    './resources/**/*.js',
 +
    './resources/**/*.vue',
 +
    './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
 +
],
 +
</source>
 +
 
===Paginación usando vue===
 
===Paginación usando vue===
 
;Instalo un componente para gestionar la paginación con vue
 
;Instalo un componente para gestionar la paginación con vue

Última revisión de 18:45 21 mar 2023



Paginación

https://laravel.com/docs/10.x/pagination
Estableciendo el número máximo de filas para cada visualización
  • Para obtener los registros de una consulta obteníamos todos 
$empresas  = Empresa::all();
  • Si queremos establcer un límite de número de registros que queremos visualizar a la vez usaremos el método paginate 
$empresas  = Empresa::paginate(10);
  • Ahora , al visualizar la informacion vemos que solo nos salen el número de filas especificadas
  • Para poder realizar navegación entre diferentes páginas, hemos de incluir en la plantilla un 'navegador' o botones de desplazamiento 
 
{{ $users->links() }}
  • Si estamos usando tailwind para mantener los estilos incluiremos en el fichero tailwind.config.js 
content: [
    './resources/**/*.blade.php',
    './resources/**/*.js',
    './resources/**/*.vue',
    './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
],

Paginación usando vue

Instalo un componente para gestionar la paginación con vue 
 npm install laravel-vue-pagination
En el componente donde lo vayamos a usar lo importamos
Obtenido de «https://es.wikieducator.org/index.php?title=Usuario:ManuelRomero/Laravel/paginacion&oldid=30438»