springboot下静态资源的处理

最新推荐文章于 2024-06-02 17:15:32 发布

帅天下

最新推荐文章于 2024-06-02 17:15:32 发布

阅读量1.9w

点赞数 11

分类专栏： springboot 文章标签： springboot 静态资源 js css

本文链接：https://blog.csdn.net/songhaifengshuaige/article/details/54137330

版权

  在SpringBoot中有默认的静态资源文件相关配置，需要通过如下源码跟踪： 

  WebMvcAutoConfiguration-->configureResourceChain（method）-->ResourceProperties中配置了默认的静态资源路径： 

  其默认的优先级： 
 META/resources > resources > static > public  

  下面通过案例实践验证静态资源的应用 

 
 章节要点： 

  1、传统静态资源引入； 

  2、WebJar使用； 

  3、版本管理； 

  4、静态资源配置抽取； 

  5、WAR包常规容易部署； 

  1、 
 传统静态资源文件的引入： 

  1.1、在默认的路径下添加jquery.js: 

  1.2、修改原jsp目录下的home.jsp页面： 

  <%@ page contentType="text/html;charset=UTF-8" %> 

  <!DOCTYPE html> 

  <html> 

  <head lang="en"> 

  <meta charset="UTF-8" /> 

  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> 

  <title>JSP</title> 

 
 <script type="text/javascript" src="/js/jquery/jquery-1.11.3.min.js"></script> 

 
 <script type="text/javascript"> 

 
 $(document).ready(function() {
   

 
 var myDate = new Date(); 

 
 $("#dateInput").val(myDate.toLocaleString()); 

});

 
 function increase(){
   

 
 var currentPage=$("#currentPage"); 

 
 currentPage.val(Number(currentPage.val())+1); 

 
 alert($("#currentPage").val()); 

}

 
 </script> 

  </head> 

  <body> 

  <h1>Hello ${name} from JSP!</h1> 

 
 <div> 

 
 <label id="showLab">进入页面时间</label> 

 
 <input type="text" id="dateInput" style="width: 200px"/>  

 
 <input type="text" id="currentPage" style="width: 200px" value=1> 

 
 <a href="#" οnclick="increase()">增一</a> 

 
 </div> 

  </body> 

  </html> 

  1.3、此时我们直接访问请求页面： 

关注

专栏目录