Saltar al contenido

Cómo incluir js y CSS en JSP con Spring MVC

Solución:

Primero debe declarar sus recursos en el archivo dispatcher-servlet como este:

<mvc:resources mapping="/resources/**" location="/resources/folder/" />

Cualquier solicitud con mapeo de URL / recursos / ** buscará directamente / recursos / carpeta /.

Ahora, en el archivo jsp, debe incluir su archivo css como este:

<link href="https://foroayuda.es/<c:url value="/resources/css/main.css" />" rel="stylesheet">

Del mismo modo, puede incluir archivos js.

Espero que esto resuelva tu problema.

Ponga su style.css directamente en el webapp/css carpeta, no en la WEB-INF carpeta.

Luego agregue el siguiente código en su spring-dispatcher-servlet.xml

<mvc:resources mapping="/css/**" location="/css/" />

y luego agregue el siguiente código en su página jsp

<link rel="stylesheet" type="text/css" href="https://foroayuda.es/css/style.css"/>

Espero que funcione.

En una situación en la que esté usando solo spring y no spring mvc, adopte el siguiente enfoque.

Coloque lo siguiente en el despachador de servlets

<mvc:annotation-driven />               
<mvc:resources mapping="/css/**" location="/WEB-INF/assets/css/"/>
<mvc:resources mapping="/js/**" location="/WEB-INF/assets/js/"/>

Como notará / css para la ubicación de la hoja de estilo, no tiene que estar en la carpeta / resources si no tiene la estructura de carpeta requerida para Spring MVC como es el caso con una aplicación Spring. Lo mismo se aplica a los archivos javascript, fuentes si los necesitas, etc.

A continuación, puede acceder a los recursos cuando los necesite.

<link rel="stylesheet" href="https://foroayuda.es/css/vendor/swiper.min.css" type="text/css" />
<link rel="stylesheet" href="css/styles.css" type="text/css" />

Estoy seguro de que a alguien le resultará útil, ya que la mayoría de los ejemplos son con spring mvc

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *