Nuestro proyecto está desordenado con respecto a las vistas.
Si revisamos en Temperley y vamos a listar y vamos al formulario, vemos que tenemos el menú de navegación,
que lo tenemos repetido.
Se está repitiendo también la hoja de estilo.
Hay varias acciones de nuestro layout que se está repitiendo una y otra vez en las diferentes página
de la aplicación.
Y no solamente podríamos tener el listado con el formulario.
Podríamos tener una aplicación bastante grande con varias vista y no es posible estar repitiendo el
menú, el pie de página.
El getter con la hoja de estilos, con el título al final.
Después, si queremos cambiar algo, se va a transformar en un verdadero dolor de cabeza, ya que habría
que estar cambiando y modificando vista por vista.
Entonces la idea es en esta clase armar una plantilla, un layout global que sea común para toda nuestra
página y así poder reutilizar el menú de navegación, reutilizar las hojas de estilo.
El jefe, el meta, el título y también tener un pié de página.
También podríamos tener un banner, reutilizar un poco más las diferentes secciones o fragmentos de
nuestra vista.
Entonces vamos a partir en templates.
Vamos a crear un directorio.
La?
Vamos a se llama la yat vamos a copiar el listar dentro del layout, vamos a renombrar con redacto Rainey
Le vamos a colocar la YATO.
Entonces dentro del allado vamos a tener nuestra plantilla global layout.
Tenemos que modificar.
Primero vamos a eliminar el contenido principal de la acción.
Vamos a agregar primero un jeeter, una etiqueta semántica HTML5, el encabezado y vamos a tener también
un footer que representa el pie de página.
Ordenamos y acá vamos a tener diferentes fragmento, un fragmento para alquier reutilizable, un fragmento
para acceder o encabezado página que contiene el menú.
Vamos a tener el contenido principal y vamos a tener el fragmento pie de página, el footer.
Lo primero es agregar la etiqueta fragment en cada sección energía, por ejemplo fragment y le damos
un nombre, por ejemplo G.A.
Entonces vamos a tener un fragmento para el GET, vamos a tener un fragmento para el Gierek que sería
nuestro menú y también podríamos tener otra cosa dentro de Gelder.
Vamos a tener un fragmento también para el footer y refute.
Le podríamos agregar la clase container.
Entonces ya nuestro layout está tomando un poco más de forma.
Acá podríamos quitar el título y acá con comillas simple y un signo más para concatenar, le podemos
dar un título global, por ejemplo
Spring Boot MS Time Timeline o Data JPA y el título de cada acción.
Vamos a agregar un poco más contenido al footer, por ejemplo, que contenga un logo, una imagen,
llega un texto con algún tipo de derecho de autor y también agregar lleva a scrip, por ejemplo Vickery
y también el de puta en el pie de página.
Si ya tenemos un poco más armado el layout, acá tenemos una imagen que le vamos a copiar dentro de
static.
Acá están los recursos estatico.
Vamos a crear una carpeta y match.
Finalizar.
Y acá vamos a copiar la imagen del logo de Spring.
Por ejemplo, ahora vamos a ir al listar y vamos a ordenar la plantilla.
La idea es que utilice los fragmento del día y auto.
Vamos a quitar el GET con la etiqueta de diff con TH 2 punto Reckless y acá hacemos referencia a la
plantilla al layout.
Hay que incluir el directorio larch y el nombre de la plantilla, ya que la raíz de nuestras vistas
es template.
Por lo tanto, si está dentro del directorio layout se tiene que incluir el nombre de la plantilla 2.2.2
y el nombre del fragmento.
El mismo nombre que tenemos acá en el fragmento de tenemos nuestro Ogier.
En el allado tenemos el getter.
Entonces vamos a cambiar el menú de navegación.
Getter y acá vamos a hacer lo mismo con TH de Tank li la etiqueta replace layout, la yat 2.2.2 y el
nombre de la sección.
En este caso la sección sería Geddes.
Y hacemos actualmente lo mismo con el pie de página con el pie de página cacería footer.
De que estamos utilizando la etiqueta footer como fragmento.
Y el nombre de Fragmente también se llama footer.
Cambiamos acá y acá.
Y ahí tenemos.
Y replicamos lo mismo para el formulario.
Va a tener un pie de página.
Va a tener un jeeter.
Y va a tener el JEA.
Entonces queda bastante más limpio.
Se reutiliza cualquier cambio que se quiera hacer al menú o álgida, se hace en un solo archivo, en
el layout.
Cualquier cambio afectará a todas las vistas de forma automática, ya que estamos reutilizando los fragmentos
de Tamblin.
Vamos a ejecutar.
Abrimos el navegador Letter, ni tenemos el menú, la sección principal, el contenido principal de
la acción del controlador y el pie de página.
Si vamos al formulario, lo mismo se reutiliza el gelder y el footer y también la hoja de estilo y los
JavaScript.
En la próxima clase vamos a mejorar un poco más nuestro diseño usando vostra quedabamos hasta acá.
Hasta la próxima.