美好的一天,堆栈。
我已经在这个问题上停留了一段时间,有很多重复项,但我的略有不同,因为我的代码和层次结构看起来与其他人相似,但无法正常工作。我会直接进入并展示我的代码。
应用程序
@SpringBootApplication
public class BookstoreApplication {
public static void main(String[] args) {
SpringApplication.run(BookstoreApplication.class, args);
}
}
Controller
@Controller
public class HomeController {
@RequestMapping("/")
public ModelAndView showHome() {
System.out.println("Showing home page");
return new ModelAndView("test");
}
}
配置
@Configuration
@EnableWebMvc
@ComponentScan("com.sean.books")
public class WebConfig extends WebMvcConfigurerAdapter {
@Bean
public ViewResolver getViewResolver() {
System.out.println("Settings up view resolver");
InternalResourceViewResolver resolver = new InternalResourceViewResolver();
resolver.setPrefix("/WEB-INF/html/");
resolver.setSuffix(".html");
return resolver;
}
@Override
public void configureDefaultServletHandling(
DefaultServletHandlerConfigurer configurer) {
System.out.println("Configuring servlet handling");
configurer.enable();
}
}
html
<!doctype html>
<html lang="en" ng-app>
<head>
<meta charset="utf-8">
<title>Welcome to BooKart</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"/>
<link rel="stylesheet" href="css/app.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
</head>
<body>
<div id="header-wrapper">
<span class="logo pull-left">Book cart</span>
<span class="tagline pull-left">We have 1 million books</span>
<div class="nav-wrapper pull-left">
<ul class="nav nav-pills">
<li class="active"><a href="#">Books</a></li>
<li><a href="#">Kart</a></li>
</ul>
</div>
</div>
</body>
</html>
文件夹结构
一切似乎都是正确的,我已经尝试通过几种不同的方式访问 css 文件,但我似乎无法显示我的 css。
一些建议将不胜感激。
最佳答案
解决方案是将/WEB-INF/下的 css 文件夹移动到/WEB-INF/css,由于某些原因,static 下的文件将无法部署。我现在就这样吧。
关于html - Spring Boot 不提供来自 html 文件的 css 内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35265004/