爪哇.百里香叶.CRUD 操作后,页面上的所有 .CSS 样式都消失了 [英] Java. Thymeleaf. After CRUD operation all .CSS styles on page disappearing
问题描述
一个简单的 CRUD Web 应用程序.我想用 thymeleaf 绑定 UI 和后端.在我创建一些数据并获得服务器响应之后 - 所有样式都消失了.我是 thymeleaf、CSS 和 HTML 的新手.有人可以帮我找出问题出在哪里吗?之前和之后:
保存操作方法:
@PostMapping("/user/save")public ModelAndView save(@ModelAttribute("userDTO") @Valid UserDTO userDTO,BindingResult bindingResult, WebRequest 请求, Errors 错误) {用户注册 = new User();如果 (!bindingResult.hasErrors()) {注册 = createUserAccount(userDTO, bindingResult);}如果(注册 == 空){bindingResult.rejectValue("email", "message.regError");}如果(bindingResult.hasErrors()){bindingResult.getAllErrors().forEach(error -> log.error(error.toString()));return new ModelAndView("授权/注册", "错误", bindingResult.getAllErrors());} 别的 {return new ModelAndView("users", "user", userDTO);}}
注册.html
<html lang="en" xmlns:th="http://www.thymeleaf.org"><头><meta charset="UTF-8"><title>用户注册</title><div th:replace="fragments/css_fragments::css_background_layer"></div>头部><身体><div style="text-align:center"><div th:replace="fragments/menu_fragments::header_menu"></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}"><标签><input name="username" placeholder="Username" required="required" th:field="*{username}"类型=文本">标签><ul><li th:each="err : ${#fields.errors('username')}" th:text="${err}"></li><标签><input name="realName" placeholder="真实姓名"type="text" th:field="*{realName}">标签><ul><li th:each="err : ${#fields.errors('realName')}" th:text="${err}"></li><span></span><br><标签><input name="email" placeholder="Email" required="required" th:field="*{email}"类型=电子邮件">标签><ul><li th:each="err : ${#fields.errors('email')}" th:text="${err}"></li><标签><input name="phoneNumber" placeholder="电话号码" required="required" th:field="*{phoneNumber}"类型=电话">标签><ul><li th:each="err : ${#fields.errors('phoneNumber')}" th:text="${err}"></li><span></span><br><标签><input name="password" placeholder="密码" th:field="*{password}"required="required" type="密码">标签><ul><li th:each="err : ${#fields.errors('password')}" th:text="${err}"></li><标签><input name="passwordMatcher" placeholder="重复密码" th:field="*{matchingPassword}"required="required" type="密码">标签><ul><li th:each="err : ${#fields.errors('matchingPassword')}" th:text="${err}"></li><span></span><br><button type="submit" style="margin-top: 20px">注册</button></表单>