{"id":26733,"date":"2021-04-28T15:36:00","date_gmt":"2021-04-28T12:36:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=26733"},"modified":"2021-10-17T17:52:25","modified_gmt":"2021-10-17T14:52:25","slug":"como-utilizar-la-funcion-de-paginacion-incorporada-de-laravel-en-el-sitio-web","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/como-utilizar-la-funcion-de-paginacion-incorporada-de-laravel-en-el-sitio-web\/","title":{"rendered":"C\u00f3mo utilizar la funci\u00f3n de paginaci\u00f3n incorporada de Laravel en el sitio web"},"content":{"rendered":"<p>\u00bfEst\u00e1 buscando integrar la paginaci\u00f3n de Laravel incorporada en su aplicaci\u00f3n? La paginaci\u00f3n es siempre una tarea larga. Si lo estamos haciendo sin ninguna biblioteca de terceros, entonces necesitamos manejar enlaces de paginaci\u00f3n, registros totales, registros por p\u00e1gina, etc. En este art\u00edculo, le mostramos c\u00f3mo usar la paginaci\u00f3n en Laravel, que ya viene incluida con la instalaci\u00f3n de Laravel.<\/p>\n<p>En un sitio web, con frecuencia necesitamos paginaciones. Para mostrar el gran conjunto de registros utilizamos la paginaci\u00f3n. Al usar la paginaci\u00f3n, dividimos un gran conjunto de datos en partes peque\u00f1as. Reducir\u00e1 la carga en nuestro servidor y, como resultado, el servidor responde r\u00e1pidamente.<\/p>\n<h3>C\u00f3mo usar la paginaci\u00f3n de Laravel<\/h3>\n<p>Digamos que tenemos tablas &#8216;productos&#8217; en nuestra base de datos y esta tabla contiene un gran conjunto de registros. Nuestro objetivo es mostrar 10 filas a la vez de esta tabla. Y para los pr\u00f3ximos registros, usaremos los enlaces de paginar.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20864-60823461ae4f2.png\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20864-60823461ae4f2.png\" alt=\"C\u00f3mo utilizar la funci\u00f3n de paginaci\u00f3n incorporada de Laravel en el sitio web\" ><\/a><\/p>\n<p>En nuestro controlador, usamos el <code>paginate<\/code>m\u00e9todo y pasamos el valor 10 como argumento.<\/p>\n<pre><code>public function index()\n{\n\u00a0\u00a0\u00a0\u00a0$products = DB::table('products')-&gt;paginate(10);\n\u00a0\u00a0\u00a0\u00a0return view('products.index', ['products' =&gt; $products]);\n}<\/code><\/pre>\n<p>El c\u00f3digo anterior obtendr\u00e1 10 filas de la tabla de la base de datos y pasar\u00e1 esos registros a la vista.<\/p>\n<p>Para mostrar estos registros en la vista, escribimos el c\u00f3digo de la siguiente manera.<\/p>\n<pre><code>&lt;table class=\"table\"&gt;\n\u00a0\u00a0\u00a0\u00a0&lt;thead&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;tr&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;th&gt;Id&lt;\/th&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;th&gt;Name&lt;\/th&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;th&gt;Description&lt;\/th&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;\/tr&gt;\n\u00a0\u00a0\u00a0\u00a0&lt;\/thead&gt;\n\u00a0\u00a0\u00a0\u00a0&lt;tbody&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0@foreach($products as $p)\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;tr&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;td&gt;{{ $p-&gt;id }}&lt;\/td&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;td&gt;{{ $p-&gt;name }}&lt;\/td&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;td&gt;{{ $p-&gt;description }}&lt;\/td&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;\/tr&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0@endforeach\n\u00a0\u00a0\u00a0\u00a0&lt;\/tbody&gt;\n&lt;\/table&gt;\n\u00a0\n{{ $products-&gt;links() }}<\/code><\/pre>\n<p>Aqu\u00ed, el <code>links<\/code>m\u00e9todo devuelve una vista de la paginaci\u00f3n que se basa en la paginaci\u00f3n de la tabla de arranque.<\/p>\n<p>Laravel tambi\u00e9n nos permite usar consultas paginar Eloquent en lugar del generador de consultas.<\/p>\n<pre><code>$products = AppProduct::paginate(10);<\/code><\/pre>\n<h3>Pasar par\u00e1metros adicionales para paginar enlaces<\/h3>\n<p>Normalmente aplicamos la paginaci\u00f3n con las tablas HTML. Junto con la lista de registros de la tabla, le damos el campo de b\u00fasqueda para filtrar registros. Para mantener los filtros de b\u00fasqueda, debemos pasar la cadena de b\u00fasqueda en enlaces paginados como se muestra a continuaci\u00f3n.<\/p>\n<p><a href=\"http:\/\/your_site_domain\/products?s=test&#038;page=1\" class=\"external external_icon\" rel=\"nofollow\" target=\"_blank\">http: \/\/ YOUR_SITE_DOMAIN \/ products? s = test &#038; page = 1<\/a><\/p>\n<p>Para lograr esto, necesitamos pasar la cadena de b\u00fasqueda para ver desde el controlador.<\/p>\n<pre><code>$products = DB::table('products')-&gt;paginate(10);\n$products-&gt;search = 'YOUR_SEARCH_STRING';\nreturn view('products.index', ['products' =&gt; $products]);<\/code><\/pre>\n<p>A continuaci\u00f3n, para mostrar enlaces paginados modificamos nuestro c\u00f3digo a la vista de la siguiente manera.<\/p>\n<pre><code>{{ $products-&gt;appends(['s' =&gt; $products-&gt;search])-&gt;links() }}<\/code><\/pre>\n<p><code>appends<\/code> El m\u00e9todo agrega una cadena de consulta a los enlaces de paginaci\u00f3n.<\/p>\n<p>Esperamos que comprenda c\u00f3mo realizar la paginaci\u00f3n de Laravel en su aplicaci\u00f3n. Si tiene alguna pregunta o sugerencia, deje un comentario a continuaci\u00f3n.<\/p>\n<h4>Art\u00edculos relacionados<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/es\/como-utilizar-la-funcion-de-conexiones-de-multiples-bases-de-datos-de-laravel-en-un-sitio-web\/\" title=\"C\u00f3mo utilizar la funci\u00f3n de conexiones de m\u00faltiples bases de datos de Laravel en un sitio web\" >C\u00f3mo utilizar la funci\u00f3n de conexiones de m\u00faltiples bases de datos de Laravel en un sitio web<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/es\/cree-un-sitio-web-en-varios-idiomas-en-php-usando-laravel-framework\/\" title=\"Cree un sitio web en varios idiomas en PHP usando Laravel Framework\" >Cree un sitio web en varios idiomas en PHP usando Laravel Framework<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/es\/como-instalar-y-usar-ckeditor-en-laravel\/\" title=\"C\u00f3mo instalar y usar CKEditor en Laravel\" >C\u00f3mo instalar y usar CKEditor en Laravel<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfQuiere utilizar la paginaci\u00f3n Laravel incorporada en su sitio web? Laravel incluy\u00f3 esta funci\u00f3n en el n\u00facleo. No necesitamos instalar ninguna tercera biblioteca.<\/p>\n","protected":false},"author":1,"featured_media":21749,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[495],"tags":[849],"class_list":["post-26733","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-laravel","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/26733","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/comments?post=26733"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/26733\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media\/21749"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media?parent=26733"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/categories?post=26733"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/tags?post=26733"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}