快捷導(dǎo)航

SpringBoot中關(guān)于static和templates的注意事項以及webjars的配置

更新時間：2019年01月31日 09:11:54 作者：裴星宙

今天小編就為大家分享一篇關(guān)于SpringBoot中關(guān)于static和templates的注意事項以及webjars的配置，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧

1. 默認(rèn)情況下, 網(wǎng)頁存放于static目錄下, 默認(rèn)的"/"指向的是~/resouces/static/index.html文

2. 如果引入了thymeleaf, 則默認(rèn)指向的地址為~/resouces/templates/index.html

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

代碼結(jié)構(gòu):

3.在引入thymeleaf后, 如果仍需要訪問~/static/index.html, 則可以使用重定向

return "redirect:/index.html"

代碼樣例:

 import org.springframework.stereotype.Controller;
 import org.springframework.ui.Model;
 import org.springframework.web.bind.annotation.GetMapping;
 import org.springframework.web.bind.annotation.RequestMapping;
 import javax.servlet.http.HttpServletRequest;
 import javax.servlet.http.HttpServletResponse;
 import java.io.IOException;
 @Controller
 public class HomeCtrl {
   @GetMapping("/")
   public String homePage(Model model, HttpServletRequest request, HttpServletResponse response) throws IOException {
     return "/index";
   }
   @RequestMapping("/static")
   public String navigatorToStatic() {
     return "redirect:/static.html";
   }

 <!DOCTYPE html>
 <html>
 <head>
   <script src="webjars/jquery/3.1.1/jquery.min.js"></script>
   <script src="webjars/bootstrap/3.3.7/js/bootstrap.min.js"></script>
   <link rel="stylesheet" href="webjars/bootstrap/3.3.7/css/bootstrap.min.css" rel="external nofollow" rel="external nofollow" />
 </head>
 <body>
 <div class="container"><br/>
   <div class="alert alert-success">
     Hello, <strong>BootStarp & WebJars!</strong>
   </div>
 </div>
 </body>
 </html>

4. HTML中引入webjars時, 需導(dǎo)入類似下面的包

 <dependency>
  <groupId>org.webjars</groupId>
  <artifactId>bootstrap</artifactId>
  <version>3.3.7</version>
 </dependency>
 <dependency>
  <groupId>org.webjars</groupId>
  <artifactId>jquery</artifactId>
  <version>3.1.1</version>
 </dependency>

5. HTML樣例

 <!DOCTYPE html>
 <html>
 <head>
   <script src="webjars/jquery/3.1.1/jquery.min.js"></script>
   <script src="webjars/bootstrap/3.3.7/js/bootstrap.min.js"></script>
   <link rel="stylesheet" href="webjars/bootstrap/3.3.7/css/bootstrap.min.css" rel="external nofollow" rel="external nofollow" />
 </head>
 <body>
 <div class="container"><br/>
   <div class="alert alert-success">
     Hello, <strong>BootStarp & WebJars!</strong>
   </div>
 </div>
 </body>
 </html>

6. 結(jié)果: