Автор оригинала: mkyong.

В этом уроке мы покажем вам, как включить статические ресурсы, такие как JavaScript или CSS , на страницу JSP.

Краткое описание шагов:

1. Поместите статические ресурсы, такие как cs, js или изображения, в эту папку webapp\ресурсы
2. Создайте пружину mvc:ресурсы сопоставление
3. Включить в страницу JSP с помощью тега JSTL c:url или Весенний тег весна:url

P.S Этот проект тестируется с выпуском Spring 4.1.6.

1. Каталог проектов

Стандартная структура папок Maven помещает статические ресурсы, такие как файлы js и css, в папку webapp\resources .

2. Весеннее сопоставление ресурсов

Объявляет mvc:ресурсы , чтобы сопоставить “url-путь” с местоположением физического пути к файлу.

    

    
	
		/WEB-INF/pages/
	
	
		.jsp
	
    

    

    
	

В приведенном выше примере любые запросы из этого шаблона URL /ресурсы/** , Spring будет искать ресурсы из /ресурсов/мифема1/ вместо этого.

В будущем вы можете легко перейти на новую тему, обновив mvc:ресурсы

3. Включить в страницу JSP

Чтобы включить CSS или JS на страницу JSP, вы можете использовать тег JSTL c:url или тег Spring spring:url .

3.1 Тег JSTL c:url пример.

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>




    " rel="stylesheet">
    ">
    ">


1. Test CSS

2. Test JS

3.2 Тег Spring spring:url пример.

<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>




	
	
	
	
	
    
    


1. Test CSS

2. Test JS

3.3 Файл Javascript.

jQuery(document).ready(function($) {

	$('#msg').html("This is updated by jQuery")

});

3.4 Файл CSS.

h1{
	color:red;
}

4. Демонстрация

Запустите проект с помощью команды Maven: $ mvn jetty: бежать

URL: http://localhost:8080/spring-css/

5. Статические ресурсы в WEB-INF?

Вопрос: Могу ли я поместить статические ресурсы в папку WEB-INF? A: Да, вы можете, весеннее отображение все равно будет работать, например,

Но это не очень хорошая практика. Вы можете игнорировать это правило, но многие разработчики и плагины будут искать статические ресурсы на том же уровне WEB-INF , а не внутри WEB-INF .

Скачать Исходный Код

Ссылка

1. Spring MVC, обслуживающий статические ресурсы

Оригинал: “https://mkyong.com/spring-mvc/spring-mvc-how-to-include-js-or-css-files-in-a-jsp-page/”