{"id":2784,"date":"2020-06-15T21:01:17","date_gmt":"2020-06-16T02:01:17","guid":{"rendered":"http:\/\/linuxitos.com\/main\/?p=2784"},"modified":"2020-06-16T18:28:32","modified_gmt":"2020-06-16T23:28:32","slug":"parte-5-laravel-7-xamp-pagination-fedora-32","status":"publish","type":"post","link":"https:\/\/linuxitos.com\/main\/parte-5-laravel-7-xamp-pagination-fedora-32\/","title":{"rendered":"Parte 5: Laravel 7, XAMP, pagination | Fedora 32"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"475\" src=\"https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2020\/06\/fc_xampp_laravel-4-1024x475.png\" alt=\"\" class=\"wp-image-2785\" srcset=\"https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2020\/06\/fc_xampp_laravel-4-1024x475.png 1024w, https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2020\/06\/fc_xampp_laravel-4-300x139.png 300w, https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2020\/06\/fc_xampp_laravel-4-768x357.png 768w, https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2020\/06\/fc_xampp_laravel-4-1536x713.png 1536w, https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2020\/06\/fc_xampp_laravel-4-2048x951.png 2048w, https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2020\/06\/fc_xampp_laravel-4-1600x743.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Cada uno puede hacerlo de la manera m\u00e1s conveniente posible, recordar que \u00e9stos son ejemplos b\u00e1sicos, se puede tomar el c\u00f3digo y mejorarlo, est\u00e1n en todo su derecho hacerlo. Tomar en cuenta la seguridad, las mejores pr\u00e1cticas, etc.<\/p><\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Inicio<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">En \u00e9sta nueva entrega, se visualiza c\u00f3mo hacer una paginaci\u00f3n simple utilizando laravel, si necesitas ver el art\u00edculo anterior visita <a rel=\"noreferrer noopener\" href=\"https:\/\/blog.linuxitos.com\/parte-4-laravel-7-xampp-fedora-32\" target=\"_blank\">https:\/\/blog.linuxitos.com\/parte-4-laravel-7-xampp-fedora-32<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En el art\u00edculo anterior, s\u00f3lo se a\u00f1adieron funciones de agregar registros a la base de datos, eliminaci\u00f3n, y modificaci\u00f3n, sin embargo no se modific\u00f3 nada de la p\u00e1gina principal.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">C\u00f3digo del proyecto disponible en: <a href=\"https:\/\/github.com\/jesusferm\/laravel-crud-four\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/github.com\/jesusferm\/laravel-crud-four<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En este art\u00edculo, se modifica:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Paginaci\u00f3n en la p\u00e1gina principal<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Vamos a partir de donde se qued\u00f3 el c\u00f3digo anterior, y ten\u00edamos s\u00f3lo la vista principal:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"594\" src=\"https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2020\/06\/Screenshot-from-2020-06-15-20-02-25-1024x594.png\" alt=\"\" class=\"wp-image-2786\" srcset=\"https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2020\/06\/Screenshot-from-2020-06-15-20-02-25-1024x594.png 1024w, https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2020\/06\/Screenshot-from-2020-06-15-20-02-25-300x174.png 300w, https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2020\/06\/Screenshot-from-2020-06-15-20-02-25-768x445.png 768w, https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2020\/06\/Screenshot-from-2020-06-15-20-02-25.png 1423w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Paginati\u00f3n<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">La paginaci\u00f3n consiste en mostrar cierta cantidad de elementos de una tabla de base de datos y crear dicho contenido por p\u00e1ginas. Digamos, mostrar 10 resultados por p\u00e1ginas o X cantidad que se quiera.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El route que nos llevar\u00e1 a la p\u00e1gina principal y donde se cargaran los datos es:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">Route::get('\/', 'PostsController@main');<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">El m\u00e9todo en el controlador contiene:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">public function main()\n{\n\t$data = Posts::paginate(10);\n\treturn view('main', compact('data'));\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">En dicho m\u00e9todo, se puede modificar para que le agreguen condiciones, como s\u00f3lo mostrar los que est\u00e1n publicados, order por fecha, etc:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">public function main()\n{\n\t$data = Posts::paginate(10);\n\treturn view('main', compact('data'));\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Por ejemplo si queremos a\u00f1adir una condici\u00f3n ser\u00eda algo as\u00ed:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">public function main()\n{\n\t$data = Posts::where('status', '=', 'publicado')\n\t\t\t\t->paginate(10);\n\treturn view('main', compact('data'));\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Por otra parte, en la secci\u00f3n de main en la vista el c\u00f3digo principal ser\u00eda el siguiente:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">@if(!empty($data) &amp;&amp; $data->count())\n\t\t\t\t\t\t\t@foreach($data as $key => $value)\n\t\t\t\t\t\t\t\t&lt;div class=\"col-lg-3 col-md-3 col-sm-6 col-12 mb-3 d-flex\">\n\t\t\t\t\t\t\t\t\t&lt;div id=\"post-{{ $value->id }}\" class=\"post post-{{ $value->id }} border-bottom-2\" style=\"width:100%;\">\n\t\t\t\t\t\t\t\t\t\t&lt;a href=\"{{ route('home.view', $value->slug) }}\" title=\"{{ ucfirst($value->title) }}\">\n\t\t\t\t\t\t\t\t\t\t\t&lt;div class=\"post-image\">\n\t\t\t\t\t\t\t\t\t\t\t\t&lt;img src=\"{{($value->image!=''?asset($value->files.$value->image): asset('images\/default.svg'))}}\" class=\"img-fluid\" alt=\"\" sizes=\"(max-width: 172px) 100vw, 172px\">\n\t\t\t\t\t\t\t\t\t\t\t&lt;\/div>\n\t\t\t\t\t\t\t\t\t\t&lt;\/a>\n\t\t\t\t\t\t\t\t\t\t&lt;div class=\"post-header\">\n\t\t\t\t\t\t\t\t\t\t\t&lt;a href=\"{{ route('home.view', $value->slug) }}\" title=\"{{ $value->title }}\">\n\t\t\t\t\t\t\t\t\t\t\t\t{{ ucfirst($value->title) }}\n\t\t\t\t\t\t\t\t\t\t\t&lt;\/a>\n\t\t\t\t\t\t\t\t\t\t\t&lt;p class=\"post-meta\">\n\t\t\t\t\t\t\t\t\t\t\t\t&lt;a href=\"{{ route('home.view', $value->slug) }}\">May 15, 2020&lt;\/a> \u2014 &lt;a href=\"{{ route('home.view', $value->slug) }}\/#comments\">7 Comments&lt;\/a>\n\t\t\t\t\t\t\t\t\t\t\t&lt;\/p>\n\t\t\t\t\t\t\t\t\t\t&lt;\/div>\n\t\t\t\t\t\t\t\t\t&lt;\/div>\n\t\t\t\t\t\t\t\t&lt;\/div>\n\t\t\t\t\t\t\t@endforeach\n\t\t\t\t\t\t@else\n\t\t\t\t\t\t\t&lt;div class=\"col-md-12\">\n\t\t\t\t\t\t\t\t&lt;div class=\"alert alert-danger\" role=\"alert\">\n\t\t\t\t\t\t\t\t\t&lt;i class=\"fa fa-exclamaiton-circle\">&lt;\/i> Sin resultados.\n\t\t\t\t\t\t\t\t&lt;\/div>\n\t\t\t\t\t\t\t&lt;\/div>\n\t\t\t\t\t\t@endif\n\t\t\t\t\t\t&lt;div class=\"col-md-12 text-center\">\n\t\t\t\t\t\t\t{!! $data->links() !!}\n\t\t\t\t\t\t&lt;\/div><\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Y el resultado ser\u00eda el siguiente:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"693\" src=\"https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2020\/06\/Screenshot-from-2020-06-15-20-57-34-1024x693.png\" alt=\"\" class=\"wp-image-2787\" srcset=\"https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2020\/06\/Screenshot-from-2020-06-15-20-57-34-1024x693.png 1024w, https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2020\/06\/Screenshot-from-2020-06-15-20-57-34-300x203.png 300w, https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2020\/06\/Screenshot-from-2020-06-15-20-57-34-768x520.png 768w, https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2020\/06\/Screenshot-from-2020-06-15-20-57-34.png 1423w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">En la siguiente entrega se crearan vistas para modificar y agregar im\u00e1ges a la informaci\u00f3n de usuario.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cada uno puede hacerlo de la manera m\u00e1s conveniente posible, recordar que \u00e9stos son ejemplos b\u00e1sicos, se puede tomar el c\u00f3digo y mejorarlo, est\u00e1n en todo su derecho hacerlo. Tomar en cuenta la seguridad, las mejores pr\u00e1cticas, etc. Inicio En \u00e9sta nueva entrega, se visualiza c\u00f3mo hacer una paginaci\u00f3n simple utilizando laravel, si necesitas ver [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1540],"tags":[1561,1638,1642,1587],"class_list":["post-2784","post","type-post","status-publish","format-standard","hentry","category-develepmet","tag-fedora","tag-laravel","tag-pagination","tag-xampp"],"_links":{"self":[{"href":"https:\/\/linuxitos.com\/main\/wp-json\/wp\/v2\/posts\/2784","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/linuxitos.com\/main\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/linuxitos.com\/main\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/linuxitos.com\/main\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/linuxitos.com\/main\/wp-json\/wp\/v2\/comments?post=2784"}],"version-history":[{"count":2,"href":"https:\/\/linuxitos.com\/main\/wp-json\/wp\/v2\/posts\/2784\/revisions"}],"predecessor-version":[{"id":2794,"href":"https:\/\/linuxitos.com\/main\/wp-json\/wp\/v2\/posts\/2784\/revisions\/2794"}],"wp:attachment":[{"href":"https:\/\/linuxitos.com\/main\/wp-json\/wp\/v2\/media?parent=2784"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/linuxitos.com\/main\/wp-json\/wp\/v2\/categories?post=2784"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/linuxitos.com\/main\/wp-json\/wp\/v2\/tags?post=2784"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}