{"id":2764,"date":"2020-06-14T19:17:08","date_gmt":"2020-06-15T00:17:08","guid":{"rendered":"http:\/\/linuxitos.com\/main\/?p=2764"},"modified":"2020-06-16T18:29:23","modified_gmt":"2020-06-16T23:29:23","slug":"parte-3-laravel-7-xampp-fedora-32","status":"publish","type":"post","link":"https:\/\/linuxitos.com\/main\/parte-3-laravel-7-xampp-fedora-32\/","title":{"rendered":"Parte 3: Laravel 7, XAMPP | 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-2-1024x475.png\" alt=\"\" class=\"wp-image-2765\" srcset=\"https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2020\/06\/fc_xampp_laravel-2-1024x475.png 1024w, https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2020\/06\/fc_xampp_laravel-2-300x139.png 300w, https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2020\/06\/fc_xampp_laravel-2-768x357.png 768w, https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2020\/06\/fc_xampp_laravel-2-1536x713.png 1536w, https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2020\/06\/fc_xampp_laravel-2-2048x951.png 2048w, https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2020\/06\/fc_xampp_laravel-2-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\">Continuando con mis publicaciones sobre c\u00f3mo iniciar a desarrollar usando laravel 7, xampp y fedora, ahora toca la parte 3, si quieres la parte dos visita <a href=\"https:\/\/blog.linuxitos.com\/parte-2-laravel-7-xampp-fedora-32\">https:\/\/blog.linuxitos.com\/parte-2-laravel-7-xampp-fedora-32<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En \u00e9ste  post veremos la modificaci\u00f3n de las vistas y crear un entorno de cambio de vistas, as\u00ed como crearlas, y ponerlas en funcionamiento.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Modificar vistas<\/li><li>Agregar vistas<\/li><li>Uso de includes<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Vistas<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Las vistas en laravel se guardan en la ruta resources\/views\/ y tienen la extensi\u00f3n .blade.php antes de eso debe ir el nombre de la vista, por ejemplo home, main, about, etc.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La vista principal que se crea se llama welcome.blade.php, \u00e9sta incluye la vista de acceso principal, si se requiere cambiar, tal es el caso, cambiamos el nombre del archivo, y dentro de la carpeta routes\/web.php cambiamos el nombre de la vista de welcome a main, por ejemplo.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">&lt;?php\n\nuse Illuminate\\Support\\Facades\\Route;\n\n\/*\n|--------------------------------------------------------------------------\n| Web Routes\n|--------------------------------------------------------------------------\n|\n| Here is where you can register web routes for your application. These\n| routes are loaded by the RouteServiceProvider within a group which\n| contains the \"web\" middleware group. Now create something great!\n|\n*\/\n\nRoute::get('\/', function () {\n    return view('main');\n});\n\nAuth::routes();\n\nRoute::get('\/home', 'HomeController@index')->name('home');\n<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Personalizar vista<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ahora lo que haremos es crear una vista simple llamada navbar.blade.php, \u00e9sta no ser\u00e1 un extensi\u00f3n de tipo layout, sino que usaremos @include para utilizarla, y contendr\u00e1  el men\u00fa de toda la vista en todas las secciones:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Archivo navbar.blade.php se guardar\u00e1 resources\/views\/<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">&lt;nav class=\"navbar navbar-expand-lg navbar-dark bg-dark fixed-top\">\n\t&lt;div class=\"container-xl\">\n\t\t&lt;a class=\"navbar-brand\" href=\"{{ url('\/') }}\">\n\t\t\t{{ config('app.name', 'Laravel') }}\n\t\t&lt;\/a>\n\t\t&lt;button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#navbarsExample07XL\" aria-controls=\"navbarsExample07XL\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\n\t\t\t&lt;span class=\"navbar-toggler-icon\">&lt;\/span>\n\t\t&lt;\/button>\n\n\t\t&lt;div class=\"collapse navbar-collapse\" id=\"navbarsExample07XL\">\n\t\t\t&lt;ul class=\"navbar-nav ml-auto\">\n\t\t\t\t&lt;li class=\"nav-item\">\n\t\t\t\t\t&lt;a class=\"nav-link\" href=\"#\">About&lt;\/a>\n\t\t\t\t&lt;\/li>\n\t\t\t\t&lt;li class=\"nav-item\">\n\t\t\t\t\t&lt;a class=\"nav-link\" href=\"#\">Services&lt;\/a>\n\t\t\t\t&lt;\/li>\n\t\t\t\t&lt;li class=\"nav-item\">\n\t\t\t\t\t&lt;a class=\"nav-link\" href=\"#\">Contact&lt;\/a>\n\t\t\t\t&lt;\/li>\n\t\t\t\t&lt;!-- Authentication Links -->\n\t\t\t\t@guest\n\t\t\t\t\t&lt;li class=\"nav-item\">\n\t\t\t\t\t\t{!!(request()->is('login')) ? '' : '&lt;a class=\"btn btn-outline-info btn-sm mt-1\" href=\"'.route('login').'\">Iniciar sesi\u00f3n&lt;\/a>'!!}\n\t\t\t\t\t&lt;\/li>\n\t\t\t\t\t@if (Route::has('register'))\n\t\t\t\t\t\t&lt;li class=\"nav-item\">\n\t\t\t\t\t\t\t{!!(request()->is('register')) ? '' : '&lt;a class=\"btn btn-outline-success btn-sm mt-1 ml-1\" href=\"'.route('register').'\">Registrarse&lt;\/a>'!!}\n\t\t\t\t\t\t&lt;\/li>\n\t\t\t\t\t@endif\n\t\t\t\t@else\n\t\t\t\t\t&lt;li class=\"nav-item dropdown\">\n\t\t\t\t\t\t&lt;a id=\"navbarDropdown\" class=\"nav-link dropdown-toggle\" href=\"#\" role=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" v-pre>\n\t\t\t\t\t\t\t{{ Auth::user()->name }} &lt;span class=\"caret\">&lt;\/span>\n\t\t\t\t\t\t&lt;\/a>\n\n\t\t\t\t\t\t&lt;div class=\"dropdown-menu dropdown-menu-right\" aria-labelledby=\"navbarDropdown\">\n\t\t\t\t\t\t\t&lt;a class=\"dropdown-item\" href=\"{{ route('logout') }}\"\n\t\t\t\t\t\t\t   onclick=\"event.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\t document.getElementById('logout-form').submit();\">\n\t\t\t\t\t\t\t\t{{ __('Logout') }}\n\t\t\t\t\t\t\t&lt;\/a>\n\n\t\t\t\t\t\t\t&lt;form id=\"logout-form\" action=\"{{ route('logout') }}\" method=\"POST\" style=\"display: none;\">\n\t\t\t\t\t\t\t\t@csrf\n\t\t\t\t\t\t\t&lt;\/form>\n\t\t\t\t\t\t&lt;\/div>\n\t\t\t\t\t&lt;\/li>\n\t\t\t\t@endguest\n\t\t\t&lt;\/ul>\n\t\t&lt;\/div>\n\t&lt;\/div>\n&lt;\/nav><\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Y con la l\u00ednea siguiente se incluye en la secci\u00f3n que se desee<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">@include('navbar')<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Vista Main<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">&lt;!DOCTYPE html>\n&lt;html lang=\"{{ str_replace('_', '-', app()->getLocale()) }}\">\n\t&lt;head>\n\t\t&lt;meta charset=\"utf-8\">\n\t\t&lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n\t\t&lt;link rel=\"shortcut icon\" type=\"image\/png\" href=\"{{ asset('images\/favicon.png') }}\"\/>\n\t\t&lt;title>Laravel&lt;\/title>\n\n\t\t&lt;!-- Fonts -->\n\t\t&lt;link href=\"https:\/\/fonts.googleapis.com\/css?family=Nunito:200,600\" rel=\"stylesheet\">\n\n\t\t\t&lt;!-- CSRF Token -->\n\t\t&lt;meta name=\"csrf-token\" content=\"{{ csrf_token() }}\">\n\n\t\t&lt;title>{{ config('app.name', 'Laravel') }}&lt;\/title>\n\n\t\t&lt;!-- Scripts -->\n\t\t&lt;script src=\"{{ asset('js\/app.js') }}\" defer>&lt;\/script>\n\n\t\t&lt;!-- Fonts -->\n\t\t&lt;link rel=\"dns-prefetch\" href=\"\/\/fonts.gstatic.com\">\n\t\t&lt;link href=\"https:\/\/fonts.googleapis.com\/css?family=Nunito\" rel=\"stylesheet\">\n\n\t\t&lt;!-- Styles -->\n\t\t&lt;link href=\"{{ asset('css\/app.css') }}\" rel=\"stylesheet\">\n\t\t&lt;!-- Styles -->\n\t\t&lt;style>\n\t\t\thtml, body {\n\t\t\t\tbackground-color: #fff;\n\t\t\t\tcolor: #636b6f;\n\t\t\t\tfont-family: 'Nunito', sans-serif;\n\t\t\t\tfont-weight: 200;\n\t\t\t\theight: 100vh;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t.full-height {\n\t\t\t\theight: 100vh;\n\t\t\t}\n\n\t\t\t.flex-center {\n\t\t\t\talign-items: center;\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: center;\n\t\t\t}\n\n\t\t\t.position-ref {\n\t\t\t\tposition: relative;\n\t\t\t}\n\n\t\t\t.top-right {\n\t\t\t\tposition: absolute;\n\t\t\t\tright: 10px;\n\t\t\t\ttop: 18px;\n\t\t\t}\n\n\t\t\t.content {\n\t\t\t\ttext-align: center;\n\t\t\t}\n\n\t\t\t.title {\n\t\t\t\tfont-size: 84px;\n\t\t\t}\n\n\t\t\t.links > a {\n\t\t\t\tcolor: #636b6f;\n\t\t\t\tpadding: 0 25px;\n\t\t\t\tfont-size: 13px;\n\t\t\t\tfont-weight: 600;\n\t\t\t\tletter-spacing: .1rem;\n\t\t\t\ttext-decoration: none;\n\t\t\t\ttext-transform: uppercase;\n\t\t\t}\n\n\t\t\t.m-b-md {\n\t\t\t\tmargin-bottom: 30px;\n\t\t\t}\n\t\t&lt;\/style>\n\t&lt;\/head>\n\t&lt;body>\n\t\t@include('navbar')\n\t\t&lt;div class=\"flex-center position-ref full-height mt-5\">\n\t\t\t&lt;div class=\"content\">\n\t\t\t\t&lt;div class=\"title m-b-md\">\n\t\t\t\t\tLaravel\n\t\t\t\t&lt;\/div>\n\n\t\t\t\t&lt;div class=\"links\">\n\t\t\t\t\t&lt;a href=\"https:\/\/laravel.com\/docs\">Docs&lt;\/a>\n\t\t\t\t\t&lt;a href=\"https:\/\/laracasts.com\">Laracasts&lt;\/a>\n\t\t\t\t\t&lt;a href=\"https:\/\/laravel-news.com\">News&lt;\/a>\n\t\t\t\t\t&lt;a href=\"https:\/\/blog.laravel.com\">Blog&lt;\/a>\n\t\t\t\t\t&lt;a href=\"https:\/\/nova.laravel.com\">Nova&lt;\/a>\n\t\t\t\t\t&lt;a href=\"https:\/\/forge.laravel.com\">Forge&lt;\/a>\n\t\t\t\t\t&lt;a href=\"https:\/\/vapor.laravel.com\">Vapor&lt;\/a>\n\t\t\t\t\t&lt;a href=\"https:\/\/github.com\/laravel\/laravel\">GitHub&lt;\/a>\n\t\t\t\t&lt;\/div>\n\t\t\t&lt;\/div>\n\t\t&lt;\/div>\n\t&lt;\/body>\n&lt;\/html>\n<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Vista app.blade.php<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">&lt;!doctype html>\n&lt;html lang=\"{{ str_replace('_', '-', app()->getLocale()) }}\">\n&lt;head>\n\t&lt;meta charset=\"utf-8\">\n\t&lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n\t&lt;link rel=\"shortcut icon\" type=\"image\/png\" href=\"{{ asset('images\/favicon.png') }}\"\/>\n\t&lt;!-- CSRF Token -->\n\t&lt;meta name=\"csrf-token\" content=\"{{ csrf_token() }}\">\n\n\t&lt;title>{{ config('app.name', 'Laravel') }}&lt;\/title>\n\n\t&lt;!-- Scripts -->\n\t&lt;script src=\"{{ asset('js\/app.js') }}\" defer>&lt;\/script>\n\n\t&lt;!-- Fonts -->\n\t&lt;link rel=\"dns-prefetch\" href=\"\/\/fonts.gstatic.com\">\n\t&lt;link href=\"https:\/\/fonts.googleapis.com\/css?family=Nunito\" rel=\"stylesheet\">\n\n\t&lt;!-- Styles -->\n\t&lt;link href=\"{{ asset('css\/app.css') }}\" rel=\"stylesheet\">\n&lt;\/head>\n&lt;body>\n\t&lt;div id=\"app\">\n\t\t@include('navbar')\n\t\t&lt;main class=\"py-4 mt-5\">\n\t\t\t@yield('content')\n\t\t&lt;\/main>\n\t&lt;\/div>\n&lt;\/body>\n&lt;\/html>\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">De tal forma que obtendremos el siguiente resultado:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"560\" src=\"https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2020\/06\/Screenshot-from-2020-06-14-19-13-01-1024x560.png\" alt=\"\" class=\"wp-image-2767\" srcset=\"https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2020\/06\/Screenshot-from-2020-06-14-19-13-01-1024x560.png 1024w, https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2020\/06\/Screenshot-from-2020-06-14-19-13-01-300x164.png 300w, https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2020\/06\/Screenshot-from-2020-06-14-19-13-01-768x420.png 768w, https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2020\/06\/Screenshot-from-2020-06-14-19-13-01.png 1508w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">El c\u00f3digo completo lo pueden descargar aqu\u00ed, para seguir los pasos del tutorial <a href=\"https:\/\/github.com\/jesusferm\/laravel-crud-four\">https:\/\/github.com\/jesusferm\/laravel-crud-four<\/a><\/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 Continuando con mis publicaciones sobre c\u00f3mo iniciar a desarrollar usando laravel 7, xampp y fedora, ahora [&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,1511],"tags":[1561,1638,1587],"class_list":["post-2764","post","type-post","status-publish","format-standard","hentry","category-develepmet","category-server","tag-fedora","tag-laravel","tag-xampp"],"_links":{"self":[{"href":"https:\/\/linuxitos.com\/main\/wp-json\/wp\/v2\/posts\/2764","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=2764"}],"version-history":[{"count":3,"href":"https:\/\/linuxitos.com\/main\/wp-json\/wp\/v2\/posts\/2764\/revisions"}],"predecessor-version":[{"id":2797,"href":"https:\/\/linuxitos.com\/main\/wp-json\/wp\/v2\/posts\/2764\/revisions\/2797"}],"wp:attachment":[{"href":"https:\/\/linuxitos.com\/main\/wp-json\/wp\/v2\/media?parent=2764"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/linuxitos.com\/main\/wp-json\/wp\/v2\/categories?post=2764"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/linuxitos.com\/main\/wp-json\/wp\/v2\/tags?post=2764"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}