CRUD 操作后，页面上的所有 .CSS 样式都会消失
有一个简单的 CRUD Web 应用程序。我想用 thymeleaf 绑定 UI 和后端。在我创建一些数据并获得服务器响应后 - 所有样式都消失了。我是 thymeleaf、CSS 和 HTML 的新手。有人可以帮我找出问题出在哪里吗？ 之前和之后：
保存操作方法：
@PostMapping("/user/save")
public ModelAndView save(@ModelAttribute("userDTO") @Valid UserDTO userDTO,
BindingResult bindingResult, WebRequest request, Errors errors) {
User registered = new User();
if (!bindingResult.hasErrors()) {
registered = createUserAccount(userDTO, bindingResult);
}
if (registered == null) {
bindingResult.rejectValue("email", "message.regError");
}
if (bindingResult.hasErrors()) {
bindingResult.getAllErrors().forEach(error -> log.error(error.toString()));
return new ModelAndView("authorization/registration", "error", bindingResult.getAllErrors());
} else {
return new ModelAndView("users", "user", userDTO);
}
}
注册.html
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>User Registration</title>
<div th:replace="fragments/css_fragments :: css_background_layer"></div>
</head>
<body>
<div style="text-align:center">
<div th:replace="fragments/menu_fragments :: header_menu"></div>
</div>
<div style="margin: 0 auto; width: 20%; padding-top: 18%;">
<div class="registration-form">
<!--/*@thymesVar id="userDTO" type="com.socnetw.socnetw.model.UserDTO"*/-->
<form id="form" method="post" action="/user/save" th:object="${userDTO}">
<label>
<input name="username" placeholder="Username" required="required" th:field="*{username}"
type="text">
</label>
青春有我1回答
-
子衿沉夜
您需要使用 css 的绝对 URL，而不是相对 URL。当你去那里时/user/save，它正在寻找/user/save/css/style.css——它可能不存在。th:href="@{/css/style.css}"
随时随地看视频慕课网APP
相关分类
Html5