Spring Boot + Thymeleaf: CSS не применяется в списке чтения.htmlHtml

Программисты Html
Ответить
Anonymous
 Spring Boot + Thymeleaf: CSS не применяется в списке чтения.html

Сообщение Anonymous »

Я учусь из книги «Spring Boot in Action» (глава 2) . Я выполняю шаги по созданию проекта по чтению . Все работает нормально , за исключением одной вещи : my External Style.css файл не применяется на страницу рендерированной. Вот что у меня есть: < /p>
Структура проекта: < /p>

Код: Выделить всё

src
└── main
├── java
└── resources
├── static
│   └── style.css
└── templates
└── readingList.html
< /code>
readinglist.html:


ReadingList
[*]

< /code>
style.css:
@charset "UTF-8";

body {
background-color: #f4f4f4 !important;
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 20px;
color: #333;
}

.bookHeadline {
font-size: 14pt;
font-weight: bold;
color: #2c3e50;
margin-bottom: 10px;
}

.bookDescription {
font-size: 12pt;
color: #7f8c8d;
}
< /code>
контроллер: < /p>
@RequestMapping(value = "/{reader}", method = RequestMethod.GET)
public String readerBooks(@PathVariable("reader") String reader, Model model) {
List readingList = readingListRepository.findByReader(reader);
if (readingList != null) {
model.addAttribute("books", readingList);
}
System.out.println("💡 Controller method executed, preparing to render readingList.html");
return "readingList";
}
Журнал в Application.properties :

Код: Выделить всё

logging.level.org.thymeleaf=DEBUG
logging.level.org.thymeleaf.templateresolver=DEBUG
logging.level.org.thymeleaf.TemplateEngine=DEBUG
logging.level.org.springframework.web.servlet.view=DEBUG
Что работает:
  • thymeleaf renders ardersist.html Правильно
  • reffring for/style.css возвращает htttp 200
    htttp 2001 /> Если я inline CSS непосредственно в HTML, стили применяются правильно
  • журналы подтверждают, что метод контроллера запускается и шаблон обрабатывается




  • Внешний файл CSS (

    Код: Выделить всё

    style.css
    ) загружается, но не применяется
  • В инструментах Dev Browser я вижу, что style.css присутствует в вкладке «Источники», но эти образцы не влияют на страницу

    < /li>
    < /ol>
    Что мне не хватает? < /p>

    Почему браузер загружает файл css успешно, но не применять стили? Я неправильно понимаю что -то о том, как Thymeleaf или Spring Boot обслуживает статические файлы? Или это проблема безопасности браузера?


Подробнее здесь: https://stackoverflow.com/questions/796 ... glist-html
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»