我是spring框架工作和spring boot的新手。我正在尝试使用CSS,javascript,js添加静态html文件。文件结构是
和我的html文件头看起来像这样
<html xmlns:th="http://www.thymeleaf.org"> <head> <title>HeavyIndustry by HTML5Templates.com</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <link rel="stylesheet" type="text/css" media="all" href="css/5grid/core.css" th:href="@{css/5grid/core}" /> <link rel="stylesheet" type="text/css" href="css/5grid/core-desktop.css" /> <link rel="stylesheet" type="text/css" href="css/5grid/core-1200px.css" /> <link rel="stylesheet" type="text/css" href="css/5grid/core-noscript.css" /> <link rel="stylesheet" type="text/css" href="css/style.css" /> <link rel="stylesheet" type="text/css" href="css/style-desktop.css" /> <script src="css/5grid/jquery.js" type="text/javascript"></script> <script src="css/5grid/init.js?use=mobile,desktop,1000px&mobileUI=1&mobileUI.theme=none" type="text/javascript"></script> <!--[if IE 9]><link rel="stylesheet" href="css/style-ie9.css" /><![endif]--> </head>
当我运行spring项目时,仅显示内容且未应用CSS。然后浏览器在控制台中显示以下错误 .css,.js文件的404 Not Found错误
有人帮助我解决了这个问题。
你需要放入CSS /resources/static/css。此更改为我解决了问题。这是我当前的目录结构。
/resources/static/css
src main java controller WebAppMain.java resources views index.html static css index.css bootstrap.min.css
这是我的模板解析器:
public class WebAppMain { public static void main(String[] args) { SpringApplication app = new SpringApplication(WebAppMain.class); System.out.print("Starting app with System Args: [" ); for (String s : args) { System.out.print(s + " "); } System.out.println("]"); app.run(args); } @Bean public ViewResolver viewResolver() { ClassLoaderTemplateResolver templateResolver = new ClassLoaderTemplateResolver(); templateResolver.setTemplateMode("XHTML"); templateResolver.setPrefix("views/"); templateResolver.setSuffix(".html"); SpringTemplateEngine engine = new SpringTemplateEngine(); engine.setTemplateResolver(templateResolver); ThymeleafViewResolver viewResolver = new ThymeleafViewResolver(); viewResolver.setTemplateEngine(engine); return viewResolver; } }
以防万一,这是我的index.html:
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring3-3.dtd"> <html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"> <head> <title>Subscribe</title> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <!-- Bootstrap --> <link type="text/css" href="css/bootstrap.min.css" rel="stylesheet" /> <link type="text/css" href="css/index.css" rel="stylesheet" /> </head> <body> <h1> Hello</h1> <p> Hello World!</p> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body> </html>