为了账号安全,请及时绑定邮箱和手机立即绑定

CRUD 操作后,页面上的所有 .CSS 样式都会消失

CRUD 操作后,页面上的所有 .CSS 样式都会消失

青春有我 2023-08-21 17:00:52
有一个简单的 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 回答

?
子衿沉夜

TA贡献1828条经验 获得超3个赞

您需要使用 css 的绝对 URL,而不是相对 URL。当你去那里时/user/save,它正在寻找/user/save/css/style.css——它可能不存在。

th:href="@{/css/style.css}"


查看完整回答
反对 回复 2023-08-21
  • 1 回答
  • 0 关注
  • 72 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信