0

Задача: добавить фон (картинкой) на страничку + кнопку(картинкой). Проблема: В jsp - не работает отображение картинок и фон, которые загружаются картинкой, если взять просто фон - то работает.

AppConfig выглядит так:

@Bean
public UrlBasedViewResolver setupViewResolver() {
    UrlBasedViewResolver resolver = new UrlBasedViewResolver();
    resolver.setPrefix("WEB-INF/pages/");
    resolver.setSuffix(".jsp");
    resolver.setViewClass(JstlView.class);
    resolver.setOrder(1);
    return resolver;
}

 @Override
    public void addResourceHandlers( final ResourceHandlerRegistry registry ) {
        registry.addResourceHandler( "/resources/**" ).addResourceLocations( "/resources/" ).setCachePeriod(180);
        registry.addResourceHandler("/resources/css/**").addResourceLocations("resources/css/");
        registry.addResourceHandler("/images/**").addResourceLocations("/images/");
        registry.addResourceHandler("/images/levelOne/**").addResourceLocations("/images/levelOne");
        registry.addResourceHandler("/images/levels/**").addResourceLocations("/images/levels");
        registry.addResourceHandler("/images/mainMenu/**").addResourceLocations("/images/mainMenu");
    }

Через css указываю путь к картинкам для background и для кнопки:

body {
    background: url(/images/mainMenu/sky.jpg);
}

.buttons {
    background: url(/images/mainMenu/button.png);
}

Страничка jsp:

<link href="<c:url value="/resources/css/levels.css" />" rel="stylesheet">
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html lang="en">
<head>
    <title>Play</title>
    <meta charset="utf-8">
   <link href="<c:url value="/resources/css/levels.css" />" rel="stylesheet">
</head>

<body>
<form action="/LevelOne" method="post">
    <table width="100%" height="100%" cellspacing="0">
        <tr>
            <td height="100%" width="100%" >
                <div align="center" class="buttons">
                    <a href="LevelOne.html">
                        <div id="buttons"></div>
                    </a>
                </div>
            </td>
        </tr>
    </table>
</form>
</body>
</html>

2) Вот моя структура проекта...правильно? или что то не так?

введите сюда описание изображения

вот так выглядит Facets: введите сюда описание изображения

Подскажите, пожалуйста, как мне правильно сделать визуальное отображение картинок в jsp? Что я делаю не так?

2
  • объясните проблему. что у вас не работает? текст из ответа скопируйте в ваш вопрос нажав на ПРАВИТЬ. покажите что у вас лежит в facets 6 фев 2017 в 20:53
  • спасибо за помощь
    – Olga
    6 фев 2017 в 22:03

2 ответа 2

0

resolver.setSuffix(".jsp") поменяй на resolver.setSuffix(".html")

9
  • увы...не работает...получаю HTTP Status 404 -
    – Olga
    6 фев 2017 в 20:07
  • а файлы поменяла на .html ? 6 фев 2017 в 20:09
  • да, поменяла, и меняла - не работает.. и вот я это тоже не понимаю почему.
    – Olga
    6 фев 2017 в 20:12
  • а что, собственно, пишет, когда выбивает ошибка? 6 фев 2017 в 20:18
  • HTTP Status 404 - type Status report message description The requested resource is not available Apache Tomcat/8.0.39. Скриншот: prntscr.com/e5cn6f
    – Olga
    6 фев 2017 в 20:19
-1

Тема больше не актуальна. Нашла свою ошибку, была не правильная структура проекта.

На всякий случай напишу как я пофиксила свою багу, может еще кто то столкнется с такой же проблемой: 1. У меня заработала такая структура проекта - тоесть папки resources (из стилями) and WEB-INF (из страничками jsp) - должны быть на одном уровне: http://prntscr.com/e5t3bn

  1. AppConfig - поменяла пути к папке с ресурсами(стилями)

package ua.kiev.prog;

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.ComponentScan;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.EnableWebMvc;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter;
import org.springframework.web.servlet.view.JstlView;
import org.springframework.web.servlet.view.UrlBasedViewResolver;


@Configuration
@ComponentScan("ua.kiev.prog")
@EnableWebMvc
public class AppConfig extends WebMvcConfigurerAdapter {
    @Bean
    public UrlBasedViewResolver setupViewResolver() {
        UrlBasedViewResolver resolver = new UrlBasedViewResolver();
        resolver.setPrefix("WEB-INF/pages/");
        resolver.setSuffix(".jsp");
        resolver.setViewClass(JstlView.class);
        resolver.setOrder(1);
        return resolver;
    }

    @Override
    public void addResourceHandlers( final ResourceHandlerRegistry registry ) {
        registry.addResourceHandler( "resources/css/**" ).addResourceLocations( "/resources/css/" );
        registry.addResourceHandler("resources//img/**").addResourceLocations("/resources/img/");

    }

    }

  1. Поменяла путь к css в head в jsp страничке.

    <link href="/resources/css/main.css" rel="stylesheet"  type="text/css"/>

1
  • Зачем вы делаете не рабочие снипеты?
    – And
    1 мая 2018 в 2:18

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.