当前位置: 首页 > 知识库问答 >
问题:

我的视图似乎看不到我的css,JS。我用的是Spring靴和麝香草

艾浩穰
2023-03-14

这是我的login.html文件(视图)

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">

<head>
<title>The Login Page</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <script type="application/x-javascript" th:inline="javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:600italic,400,300,600,700' media="screen" rel='stylesheet' type='text/css' />
    <link rel="stylesheet" th:href="@{/css/style.css}" media="screen" href="../public/css/style.css" />
   </head>
   <body>

             <!--  start-main -->
            <div class="container-fluid" style="border: 1px solid red;">
                <!--start of the login form-->
                <div class="login-form">
                    <div class="head">
                        <img th:src ="@{/images/mem2.jpg}" src="../public/images/mem2.jpg" alt=""/>

                    </div>
                    <form action="#" method="post" th:action="@{/login}" th:object="${user}">
                        <li>
                            <input type="text" class="text" name="username" placeholder="Username" th:field="*{username}" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Username';}" /><a href="#" class=" icon user" ></a>
                            <p th:if="${#fields.hasErrors('username')}" th:errors="*{username}">Username Error</p>
                        </li>
                        <li>
                            <input type="password"  name="password" placeholder="Password" th:field="*{password}" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Password';}" /><a href="#" class=" icon lock"></a>
                            <p th:if="${#fields.hasErrors('password')}" th:errors="*{password}">Password Error</p>
                        </li>
                        <div class="p-container">
                                    <label class="checkbox"><input type="checkbox" name="checkbox" checked="checked" /><i></i>Remember Me</label>
                                    <input type="submit" value="SIGN IN" />
                                <div class="clear"> </div>
                        </div>
                    </form>
                </div>
                <!--//End-login-form-->
            <!--start-copyright-->
            <div class="copy-right">
                        <p th:include="footer :: footer"></p>
                </div>
                <!--//end-copyright-->
        </div>
  </body>
  </html>
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
<modelVersion>4.0.0</modelVersion>

<groupId>com.social.manager</groupId>
<artifactId>Social-Manager</artifactId>
<version>0.0.1-SNAPSHOT</version>
<packaging>war</packaging>

<name>SocialManagement</name>
<description>Social Management App</description>

<parent>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-parent</artifactId>
    <version>1.2.5.RELEASE</version>
    <relativePath/> <!-- lookup parent from repository -->
</parent>

<properties>
    <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
    <java.version>1.8</java.version>
</properties>

<dependencies>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-aop</artifactId>
    </dependency>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-data-jpa</artifactId>
    </dependency>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-security</artifactId>
    </dependency>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-social-facebook</artifactId>
    </dependency>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-social-linkedin</artifactId>
    </dependency>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-social-twitter</artifactId>
    </dependency>

    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-thymeleaf</artifactId>
    </dependency>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-web</artifactId>
    </dependency>

    <dependency>
        <groupId>mysql</groupId>
        <artifactId>mysql-connector-java</artifactId>
        <scope>runtime</scope>
    </dependency>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-tomcat</artifactId>
        <scope>provided</scope>
    </dependency>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-test</artifactId>
        <scope>test</scope>
    </dependency>
</dependencies>

<build>
    <plugins>
        <plugin>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-maven-plugin</artifactId>
        </plugin>
    </plugins>
</build>


</project>

请我需要帮助,我已经通过了关于这个主题的另一个帖子,但没有一个似乎有效。

我的css文件放在src/main/resources/public下

src/main/resources/pubic/css

共有1个答案

蒋硕
2023-03-14

如果没有处理这些路径的资源处理程序,@{/css/style.css}将获得源代码src/main/webapp/css/style.css中的文件;它不是相同的文件夹结构,你最终war包。

默认的maven war打包配置将把src/main/resources内容放入WEB-INF/classes/

 类似资料:
  • 我使用spring boot 1.5.6版本和thymeleaf 3.0.0。 我有一个控制器,很简单: start应用程序如下: 当我运行该应用程序时,我将http://localhost:8080放在chrome地址栏中。我得到的是你好世界。所以我想spring boot&thymeleaf模板解析器可以找到index.html文件。但是根本不解析和。我通过chrome开发工具检查了页面的源代

  • 问题内容: 我需要在我的老师不让我们使用IDE的前提下对此进行开头。我们使用TextPad。我要单击此标签,然后将其从“ H”更改为“ T”。目前,当我单击标签时,没有执行任何操作。我忘记了什么? 问题答案: 您的工具,但您还需要告知将事件发送给自己。在构造函数的最后,您需要说 如果您还记得可以将 任何 类放入,并且必须将您的侦听器连接到,则这更有意义。本身是侦听器这一事实并不能免除您的这种责任。

  • 当我运行(Windows 7命令行)时: C:\rest-app\src\main\java\com\mycompany\app\test>java org.testng.testng testng.xml Suite1运行的测试总数:0,失败:0,跳过:0 ================================================== 此时我的testng.xml文件如下所

  • 而不是亚洲字符。即使是欧洲文本,我也用表示 奇怪的胡言乱语(mojibake?)如或的

  • 我以为我了解Docker。我把它理解为一种打包软件的方法,其中包含很多依赖项。。基本上创建一个小世界,在这个小世界里,软件的每一件事情都会得到处理。然后我在DockerHub上偶然发现了这个 https://hub.docker.com/_/busybox/ 这是BusyBox的一个映像,它是一个用于嵌入式系统的小型Linux二进制文件。然后上面的评论说: Busybox是真棒:)到目前为止,在整