Laravel 15 septiembre, 2018 0

Mostrar HTML con las vistas

Vistas

Las vistas son las parte visual y contienen todo el código HTML de nuestra aplicación.

Todas las vistas en laravel  se localizan en “./resouces/views/“.

Laravel trae por defecto una vista llamada “welcome.blade.php“, eliminemos este archivo y creemos un archivo con el nombre de “inicio.php” la cual deber{a contener la siguiente estructura HTML.

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Vistas - Inicio</title>
	<link rel="stylesheet" href="">
</head>
<body>
	<h1>Inicio</h1>
</body>
</html>

Ahora utilizaremos el método “view” para retornar la vista, este método recibe  como parámetro en nombre de la vista sin la extensión “php” para retornar la vista, y lo haremos modificando la ruta “/”.

Route::get('/', function(){
	return view('home');
});

Si nos dirigimos a nuestro navegador y colocamos la URL de nuestro proyecto, podremos visualizar el mensaje lo que significa que efectivamente nos cargo la vista “inicio

Pasar parámetros a las vistas

En ocasiones tendremos la necesidad de pasar parámetros por URL y mostrarlo en la vista.

Crearemos una nueva vista con el nombre “saludos.php”  y modificaremos la ruta “/saludos”, de tal manera que retornemos la vistas creada utilizando el método “view“, pasando como segundo argumento el parámetro que deseamos enviar.

Route::get('saludos/{nombre?}', function($nombre = 'Invitado') {
	return view('saludos', ['nombre' => $nombre]);
})->where('nombre', '[A-Za-z]+');

Con esto ya tenemos disponible la variable en la vista, para ello colocamos el siguiente código en la vista.

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Vistas - Saludos[parámetros}]</title>
	<link rel="stylesheet" href="">
</head>
<body>
	<h1>Saludos para <?php echo $nombre; ?></h1>
</body>
</html>

Si ingresamos a nuestro navegador , podremos visualizar el mensaje con el parámetro que pasamos desde la URL a la vista.