Crear una Vista con Blade en Laravel

Las vistas en Laravel están asociadas la gestor de plantillas Blade, en nuestro proyecto implementaremos una vista para el CRUD de noticias

VISTAS Y BLADE EN LARAVEL

Las vistas en Laravel son la parte pública que el usuario de nuestro sistema va a poder ver, se escriben en HTML junto con un motor de plantillas llamado Blade. Las vistas se encuentran ubicadas en la carpeta resources/views/ y Laravel por defecto trabaja con la idea de que tenemos que escribir la menor cantidad de código repetido, modularizar nuestro código en donde mas se pueda, y si esto lo aplicamos en nuestros modelos, controladores y demás partes de nuestro proyecto, entonces, ¿Por que no hacerlo tambien en las vistas?.

Laravel usa unos archivos que se llaman plantillas o templates que suelen ser nuestros archivos principales, que tienen los segmentos de código que se repiten en mas de una vista, como por ejemplo la barra de navegacion, un menú de opciones, la estructura del acomodo de nuestro proyecto, etc. y como deben de estar practicamente presentes en todos lados, no tiene sentido estarlos repitiendo en todas las vistas. Por defecto Laravel contiene un template llamado app.blade.php, usualmente los templatescontienen el head del HTML, los link del CSS del sistema y una seccion exclusiva para los archivos Javascript.

Crear una vista o template en Laravel

Para tener una plantilla, debemos de crear una carpeta con el nombre de layouts dentro del directorio resource/views/ , con el nombre de app.blade.php, contenido debe quedar de la siguiente forma:

<!DOCTYPE html>
<html lang="{{ app()->getLocale() }}">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
</head>
<body>
	@yield('content')
</body>
</html>

Aqui hemos realizado la llamada a la hoja  de estilos de bootstrap en su version 4, directamente desde su CDN.

Modificando la vista Welcome

En nuestro proyecto. por defecto nos trae una vista llamada welcome, a esta debemos modificarla de tal manera que debe de quedar de la siguiente forma:

@extends('layouts.app')
@section('content')
<div class="container">
    <div class="row">
        <!-- listado de las noticias-->
        <div class="col-12">
        <h1>LISTADO</h1>                
        
        </div>	
    </div>
</div>
@endsection

Ahora, la vista solo nos mostrará la palabra LISTADO.

En la 7ma  parte veremos como crear rutas en Laravel

Como crear un Layouts en Laravel

Visto: 47 | Publicado:2018-10-18 19:49:57


« Lección 5

Crear un controlador en Laravel

Lección 7 »

Crear rutas en Laravel

Facebook Twitter Youtube Pinterest Wordpress Google Plus

:: Calle Paucarpata 130 Of. 212 2do Piso CC. AQPcompucentro ::
:: © Todos los derechos reservados APPTIVA WEB | Arequipa Perú 2010-2018 ::