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

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

Сообщение Anonymous »

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

📁 Структура проекта: < /h4>
[code]src
└── main
├── java
└── resources
├── static
│ └── style.css
└── templates
└── readingList.html
< /code>
📄 html -файл (readingList.html[/code])

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


ReadingList
[*]

< /code>
[h4] 🎨 CSS -файл (style.css
) [/h4]

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

@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>
 🎯 Controller < /h4>
@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";
}
📝 Восхождение в приложении.

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

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
✅ What works

Thymeleaf renders the readingList.html page correctly ✅

[*]The request for /style.css returns HTTP status 200 ✅

[*] Если i inline CSS непосредственно в HTML, применяются правильно ✅

[*] logs подтверждают, что метод контроллера запускается, и шаблон обрабатывается ✅ p> p> p> p>
p> p>
p>
p>
precom /> < /ul>

❌ Что не работает < /h3>

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

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

style.css
) загружается, но не применяется

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

< /li>
< /ul>

🧩 То, что я попробовал < /p>
1.ceced file и размещение в ресурсах /Static ✅ < /p>
. ✅
33.Verified Spring Boot обслуживает статические ресурсы ✅
4. /> ❓ Что мне не хватает? Или это проблема безопасности браузера? Любая помощь будет высоко оценена 🙏


Заранее - я только начинаю, и эта проблема действительно сбивает меня с толку.>

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

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

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

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

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

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