美好的一天,堆叠。
我一直坚持这个问题,有很多重复,但我的略有不同,因为我的代码和层次结构看起来与其他类似,但拒绝工作。我会跳进去展示我的代码。
该应用
@SpringBootApplication
public class BookstoreApplication {
public static void main(String[] args) {
SpringApplication.run(BookstoreApplication.class, args);
}
}
控制器
@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显示。
非常感谢一些建议。
答案 0 :(得分:1)
解决方案是将/ WEB-INF /下的css文件夹移动到/ WEB-INF / css,出于某种原因,将文件置于静态不会部署。我现在就这样离开。