Содержание
Некоторое время назад я написал учебник по Hello World Spring MVC . Spring MVC web — это модель управления представлением моделей, и вы можете найти больше информации здесь .
Как вы могли видеть Sayan
а также Arturo
задал несколько вопросов во время работы над учебником Spring MVC о том, как добавить JavaScript/.js
а также CSS/.css
файл в свой проект.
И .js, и .css являются статическими ресурсами. У вас также есть похожие вопросы, как:
- Весной mvc куда положить файлы css / js / img?
- Почему мой проект не может найти css, изображения и js статические файлы и т. Д.?
В этом уроке мы рассмотрим все подробные шаги по включению обоих в ваш Java- проект Spring MVC. simplest way
,
Давайте начнем:
Ниже updated project
структура для вашей справки.
Шаг 1
Пожалуйста, продолжайте и реализуйте свои HelloWorld Spring MVC project
следуя всем подробным шагам . Убедитесь, что у вас есть working correctly
,
Теперь, в следующих шагах мы собираемся — create 1
папка, add 2
файлы, modify 2
файлы.
Шаг 2
Создайте resources
папка под WebContent
папка.
Шаг 3
Создайте crunchify.js
файл под resources
папка.
1
2
3
4
5
|
JQuery ( документ ) . готов ( функция ( $ ) {
$ ( '#crunchifyMessage' ) . html (
Это сообщение приходит из файла 'crunchify.js' … h4>) } ) ;
|
Шаг 4
Создайте crunchify.css
файл под resources
папка.
1
2
3
4
5
6
|
h2 {
цвет : # dd7127;
}
h4 {
цвет : # DD2727;
}
|
Шаг 5
изменять welcome.jsp
файл с содержанием ниже. Пожалуйста оформить заказ highlighted lines
,
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
|
<% @ TagLib префикс = весна uri = http://www.springframework.org/tags %>
< ! DOCTYPE html >
< html >
< голова >
< ! — давайте добавим тег srping: url ->
|