В JSP не подключается CSS

@K0T · Регистрация: 28.10.2013

Студворк — интернет-сервис помощи студентам

Привет всем! Я новичок среди новичков в Java и многим мой вопрос, возможно, покажется глупым, но всё же, я находил сотни подобных тем на разных форумах и никакое решение не помогло мне.
Проблема следующая:
Есть jsp файл, где я пытаюсь подключить css

HTML5
1
<link rel="stylesheet" type="text/css" href="<c:url value="/styles/style.css"/>">

В результате, после деплоя получаю jsp страница без css, в логах сервера также получаю:

22-May-2017 21:22:24.824 WARNING [http-nio-8080-exec-4] org.springframework.web.servlet.PageNotF ound.noHandlerFound No mapping found for HTTP request with URI [/styles/style.css] in DispatcherServlet with name 'spring'

XML
1
2
3
4
5
6
7
8
9
10
11
12
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:context="http://www.springframework.org/schema/context"
       xsi:schemaLocation="http://www.springframework.org/schema/beans [url]http://www.springframework.org/schema/beans/spring-beans.xsd[/url] [url]http://www.springframework.org/schema/context[/url] http://www.springframework.org/schema/context/spring-context.xsd">
    <context:component-scan base-package="com.spring"/>
 
    <bean id="viewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/"/>
        <property name="suffix" value=".jsp"/>
    </bean>
</beans>

Прошу о помощи!

@DavidKarchikyan · 22.05.2017, 21:55

Java
1
<link href="${contextPath}/styles/style.css" rel="stylesheet">

Добавлено через 8 минут

Java
1
<property name="prefix" value="/"/>

укажи полный путь к файлам

@K0T · 22.05.2017, 21:56 **[ТС]**

Cannot resolve variable 'contextPath' (
Где её объявить?

XML
1
<property name="prefix" value="/WEB-INF/views/"/>

так норм?

@DavidKarchikyan · 22.05.2017, 22:04

web.xml

Добавлено через 3 минуты
или

Java
1
<%@include file="/styles/style.css"%>

вверху

Java
1
<link href="styles/style.css" rel="stylesheet">

Добавлено через 1 минуту

Java
1
<c:set var="contextPath" value="${pageContext.request.contextPath}"/>

это в файле JSP

@K0T · 22.05.2017, 22:22 **[ТС]**

Получилась забавная вещь: содержимое CSS просто вылезло сверху над содержимым JSP

@DavidKarchikyan · 22.05.2017, 22:23

файл JSP кинь)

@K0T · 22.05.2017, 22:27 **[ТС]**

HTML5
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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="/styles/style.css"%>
 
<!DOCTYPE html>
<html>
<head>
    <meta charset = "utf-8">
    <link href="styles/style.css" rel="stylesheet">
  <!--  <script type="text/javascript" src=""></script>
    <script type="text/javascript" src=""></script> -->
    <title>Traveler - главная</title>
</head>
<body>
<div id = "navigator">
    <ul>
        <li>
         <!--   <a id = "main_link" href = "index.jsp"><img src=""></a> -->
        </li>
        <li><a class = "menu_link" href = "">Библиотека</a></li>
        <li><a class = "menu_link" href = "">Поиск</a></li>
        <li id = "account_btn"><a class = "menu_link" href = "#sign_in_block">Вход</a></li>
    </ul>
</div>
<a href = "" class = "overlay" id = "sign_in_block"></a>
<div class = "sign_in_popup">
    <form action = "" method = "get">
        <input type = "text" placeholder = "Логин" class = "sign_in_input"><br>
        <input type = "text" placeholder = "Пароль" class = "sign_in_input"><br>
        <button id = "sign_in_btn" type = "submit">
            Вход
        </button>
        <button id = "sign_up_btn" type = "submit">
            <a class = "sign_up_link" href = "#sign_up_block">Регистрация</a>
        </button>
    </form>
</div>
<a href = "" class = "overlay" id = "sign_up_block"></a>
<div class = "sign_up_popup">
    <form action = "" method="post">
        <input id="login" type = "text" placeholder = "Логин" class = "sign_in_input" name="login"><br>
        <input id="password" type = "text" placeholder = "Пароль" class = "sign_in_input" name="password"><br>
        <input id="re_password" type = "text" placeholder = "Повторите пароль" class = "sign_in_input" name="rePassword"><br>
        <input id = "sign_up_confirm" type = "submit" formmethod="post" value="Зарегестрироваться">
       <!--     <a class = "sign_up_link" href = "#sign_in_block">Зарегестрироваться</a>-->
    </form>
</div>
<div class = "main_content">
    <ul>
        <li><a class = "links_bar" href = "#">Рекомендуемые</a></li>
        <li><a class = "links_bar" href = "#">Лучшее</a></li>
        <li><a class = "links_bar" href = "#">Новинки</a></li>
        <li><a class = "links_bar" href = "#">Подборки</a></li>
    </ul>
    <h2 id = "hat">
        Давно мечтаешь отдохнуть но никак не можешь понять где провести отпуск?
    </h2>
    <div id = "question">
        ?
    </div>
    <div id = "shoe">
        <b style = "color: #DDD8E4; font-size: 20pt;">Traveler</b> — это персональные рекомендации, основанные на ваших собственных оценках.
        Здесь вы сможете подобрать месте отдыха оптимально подходящие под ваши вкусовые пристрастия. Испытайте рекомендательную магию наших роботов!
    </div>
</div>
</body>
</html>

@K0T · 22.05.2017, 22:29 **[ТС]**

Структура

@DavidKarchikyan · 22.05.2017, 22:40

Сообщение от K0T

<%@include file="/styles/style.css"%>

побробуй в head перенести, но лучше через contextPath делать

@K0T · 22.05.2017, 22:44 **[ТС]**

Сообщение от DavidKarchikyan

побробуй в head перенести, но лучше через contextPath делать

Результат такой же
Извините, пожалуйста за моё незнание, я действительно в самом начале пути обучения и не совсем понял как мне объявить contextPath в web.xml(

Так выглядит мой Веб

XML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://java.sun.com/xml/ns/javaee"
           xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
           xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
          http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
           version="3.0">
    <servlet>
        <servlet-name>spring</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>spring</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>
   <context-param>
        <param-name>contextConfigLocation</param-name>
        <param-value>WEB-INF/spring-servlet.xml</param-value>
    </context-param>
    <listener>
        <listener-class>org.springframework.web.context.ContextLoader</listener-class>
    </listener>
 
</web-app>

@DavidKarchikyan · 22.05.2017, 22:47

Java
1
<c:set var="contextPath" value="${pageContext.request.contextPath}"/>

это объявляешь в JSP
а это в web.xml

Java
1
2
3
4
5
6
7
8
9
10
11
12
13
14
    <servlet>
        <servlet-name>dispatcher</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value></param-value>
        </init-param>
        <load-on-startup>1</load-on-startup>
    </servlet>
 
    <servlet-mapping>
        <servlet-name>dispatcher</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>

@K0T · 22.05.2017, 22:58 **[ТС]**

Добавил вышеописанное, не получилось(
web.xml стал таким:

XML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://java.sun.com/xml/ns/javaee"
           xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
           xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
          http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
           version="3.0">
    <servlet>
        <servlet-name>dispatcher</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>WEB-INF/spring-servlet.xml</param-value>
        </init-param>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>dispatcher</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>
    <listener>
        <listener-class>org.springframework.web.context.ContextLoader</listener-class>
    </listener>
 
</web-app>

по прежнему в сервер логе выводится: 22-May-2017 22:56:42.052 WARNING [http-nio-8080-exec-5] org.springframework.web.servlet.PageNotF ound.noHandlerFound No mapping found for HTTP request with URI [/styles/style.css] in DispatcherServlet with name 'dispatcher' (

@DavidKarchikyan · 22.05.2017, 23:58

кинь проект на git

Добавлено через 42 минуты

XML
1
2
3
<mvc:annotation-driven/>
 
<mvc:resources mapping="/resources/**" location="/resources/"/>

@K0T · 23.05.2017, 20:48 **[ТС]**

Сообщение от DavidKarchikyan

<mvc:annotation-driven/>
<mvc:resources mapping="/resources/**" location="/resources/"/>

Не помогло, но, кстати, сообщение в логе сервера пропало

https://github.com/Cat95/Traveler - ГИТ

Добавлено через 1 час 38 минут
Переделал под XML-free версию

Добавлено через 1 час 17 минут
РАБОТАЕТ БЛИН!)))

XML
1
<mvc:resources mapping="/resources/**" location="/resources/"/>

это помогло, но только когда я переделал проект под аннотации, не знаю почему, но только так заработало)
в Config

Java
1
registry.addResourceHandler("/resources/**").addResourceLocations("/resources/");

в JSP

HTML5
1
 <link rel = "stylesheet" href = "resources/styles/style.css">

Давид, спасибо вам огромное!)

@DavidKarchikyan · 23.05.2017, 22:20

Да не за что я сам новичок в JEE))

@Jacemon · 14.12.2022, 05:49

Возможно кому-то будет интересно, но есть ещё одно решение этой проблемы, как по мне более лёгкое...

Можно просто в заголовок добавить

HTML5
1
<style><%@include file="/styles/style.css"%></style>

Это всё в тег <head>.

Сообщение от K0T

Получилась забавная вещь: содержимое CSS просто вылезло сверху над содержимым JSP

Если не добавить теги <style> то как раз получается вот такая забавная вещь

@Tip.the.besT · 14.12.2022, 10:52

Сообщение от K0T

РАБОТАЕТ БЛИН!)))

А может кто объяснить, как это помогло:

XML
1
<mvc:resources mapping="/resources/**" location="/resources/"/>

если исходя из структуры проекта, в ресурсах ничего нет, а этой строкой просто деплоится папка ресурсов?

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@K0T 2 / 2 / 1 Регистрация: 28.10.2013 Сообщений: 114
	22.05.2017, 22:22 [ТС]
	Получилась забавная вещь: содержимое CSS просто вылезло сверху над содержимым JSP Миниатюры 0

@DavidKarchikyan 64 / 64 / 26 Регистрация: 07.01.2016 Сообщений: 374
	22.05.2017, 22:23
	файл JSP кинь) 1

@K0T 2 / 2 / 1 Регистрация: 28.10.2013 Сообщений: 114
	22.05.2017, 22:29 [ТС]
	Структура Миниатюры 0

@DavidKarchikyan 64 / 64 / 26 Регистрация: 07.01.2016 Сообщений: 374
	23.05.2017, 22:20
	Да не за что я сам новичок в JEE)) 0

В JSP не подключается CSS

Решение