Carga de elementos estáticos en una aplicación web con Spring MVC
En este ejercicio, se implementó una aplicación web con Spring MVC que carga y muestra elementos estáticos, como imágenes y hojas de estilo. Para lograrlo, se siguieron los siguientes pasos:
Definición del controlador
Se creó una clase Controlador
con la anotación @Controller
, indicando que actúa como un controlador en la aplicación. En este controlador, se definió un método que maneja las solicitudes a la raíz del sitio ("/"
) utilizando @RequestMapping("/")
. Este método retorna el nombre de la vista principal (index
), que será gestionada por Spring MVC para mostrar la página al usuario.
Creación de la vista (index.jsp
)
En la página index.jsp
, se estructuró el contenido utilizando la etiqueta <figure>
, que contiene una imagen (<img>
) y su descripción (<figcaption>
). La imagen se encuentra almacenada en la carpeta de recursos del proyecto y es referenciada dinámicamente a través de ${pageContext.request.contextPath}
, lo que permite que Spring encuentre correctamente la ubicación del archivo dentro de la aplicación.
Carga de la hoja de estilos (styles.css
)
Para mejorar la apariencia de la página, se incluyó una hoja de estilos externa (styles.css
), la cual se encuentra dentro de la carpeta recursos/styles/
. Esta hoja de estilos se enlazó en la sección <head>
de index.jsp
mediante la etiqueta <link>
, asegurando que se aplique el diseño definido en la página.
Estructura del proyecto
src/main/java/es/pulsoft/web/Controlador.java
→ Controlador de la aplicaciónsrc/main/webapp/WEB-INF/views/index.jsp
→ Página principalsrc/main/webapp/recursos/imagenes/galletas.jpg
→ Imagen utilizada en la vistasrc/main/webapp/recursos/styles/styles.css
→ Hoja de estilos aplicada a la vista
Gracias a esta implementación, cuando un usuario accede a la aplicación, Spring MVC renderiza la vista index.jsp
, mostrando la imagen con su respectiva descripción y aplicando los estilos definidos en styles.css
. Esto demuestra cómo gestionar correctamente los recursos estáticos dentro de una aplicación web basada en Spring MVC.
