Question

我是春季靴子的新手。下图显示了Spring Boot thymeleaf模板上的bootstrap css文件和jquery js文件的文件夹位置。

这些是我的家庭html脚本

<html xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head>
    <div th:fragment="header-css">

        <title>Spring Boot Blog</title>

        <script th:src="@{/js/jquery-2.1.4.min.js}"></script>
        <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" />
        <link rel="stylesheet" type="text/css" href="/css/main.css" th:href="@{/css/main.css}" />

    </div>
</head>
<body>
    <div th:fragment="header">
   .....

但是CSS和JS脚本根本没有链接。任何想法，请！

==更新==

我正在评估the spring blog example。我认为我的问题与登录控制器有关。首先，这是登录控制器代码。

@Controller
public class LoginController {

    @GetMapping("/login")
    public String login(Principal principal) {

        String username = (principal != null ? principal.getName() : "ANONYMOUS");

        if(principal != null) {
            return "redirect:/home";
        }

        // ALWAYS PRINTING "ANONYMOUS is WRONG!!!!" 
        System.out.println(username + "  is WRONG!!!!"); 

        return "/login";
    }
}

甚至更多

return "/login"

行带来了错误的文件。在下面的login.html文件中，

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <div th:replace="/fragments/header :: header-css"/>
</head>
<body>

<div th:replace="/fragments/header :: header"/>

<div class="container">

    <div class="row" style="margin-top:20px">
        <div class="col-xs-12 col-sm-8 col-md-6 col-sm-offset-2 col-md-offset-3">
            <form th:action="@{/login}" method="post">
                <fieldset>

控制器调用以下css文件并显示其内容。

<link rel="stylesheet" type="text/css" href="/css/main.css" th:href="@{/css/main.css}" />

bootstrap css文件和jquery js文件未在thymeleaf标头文件中链接

0 个答案: