zoukankan      html  css  js  c++  java

  • SpringBoot之前端文件管理

    WebJars能使Maven的依赖管理支持OSS的JavaScript库/CSS库，比如jQuery、Bootstrap等。 

    （1）添加js或者css库 
    pom.xml 

    Xml代码  收藏代码
    1. <dependency>  
    2.     <groupId>org.webjars</groupId>  
    3.     <artifactId>bootstrap</artifactId>  
    4.     <version>3.3.7-1</version>  
    5. </dependency>  
    6. <dependency>  
    7.     <groupId>org.webjars</groupId>  
    8.     <artifactId>jquery</artifactId>  
    9.     <version>3.1.1</version>  
    10. </dependency>  



    src/main/resources/static/demo.html 

    Html代码  收藏代码
    1. <html>  
    2.     <head>  
    3.         <script src="/webjars/jquery/3.1.1/jquery.min.js"></script>  
    4.         <script src="/webjars/bootstrap/3.3.7-1/js/bootstrap.min.js"></script>  
    5.         <title>WebJars Demo</title>  
    6.         <link rel="stylesheet" href="/webjars/bootstrap/3.3.7-1/css/bootstrap.min.css" />  
    7.     </head>  
    8.     <body>  
    9.         <div class="container"><br/>  
    10.             <div class="alert alert-success">  
    11.                 <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>  
    12.                 Hello, <strong>WebJars!</strong>  
    13.             </div>  
    14.         </div>  
    15.     </body>  
    16. </html>  



    启动应用后可以看到以下log： 

    引用
    2017-02-09 13:52:48.117  INFO 6188 --- [           main] o.s.w.s.handler.SimpleUrlHandlerMapping  : Mapped URL path [/webjars/**] onto handler of type [class org.springframework.web.servlet.resource.ResourceHttpRequestHandler]



    启动应用访问 http://localhost:8080/demo.html 
     

    （2）省略版本号 

    很少在代码中硬编码版本号，所以需要隐藏它。 

    pom.xml添加webjars-locator 
    org.springframework.web.servlet.resource.WebJarsResourceResolver 

    Java代码  收藏代码
    1. <dependency>  
    2.     <groupId>org.webjars</groupId>  
    3.     <artifactId>webjars-locator</artifactId>  
    4.     <version>0.31</version>  
    5. </dependency>  



    src/main/resources/static/demo.html 

    引用
    <script src="/webjars/jquery/3.1.1/jquery.min.js"></script> 
    <script src="/webjars/bootstrap/3.3.7-1/js/bootstrap.min.js"></script> 
    <title>WebJars Demo</title> 
    <link rel="stylesheet" href="/webjars/bootstrap/3.3.7-1/css/bootstrap.min.css" /> 

    -> 

    <script src="/webjars/jquery/jquery.min.js"></script> 
    <script src="/webjars/bootstrap/js/bootstrap.min.js"></script> 
    <title>WebJars Demo</title> 
    <link rel="stylesheet" href="/webjars/bootstrap/css/bootstrap.min.css" />



    启动应用再次访问 http://localhost:8080/demo.html 结果和上边一样。 

    引入的开源JavaScript库/CSS库将会以jar的形式被打包进工程! 
    spring-boot-demo1-0.0.1-SNAPSHOT.jarBOOT-INFlib 

    引用
    bootstrap-3.3.7-1.jar 
    └─ META-INF 
        └─ resources 
            └─ webjars 
                └─ bootstrap 
                    └─ 3.3.7-1 
                        ├─ css 
                        |   ├─ bootstrap.min.css 
                        |   ├─ bootstrap.min.css.gz # Gzip文件 
                        ...



    引用
    jquery-3.1.1.jar 
    └─ META-INF 
        └─ resources 
            └─ webjars 
                └─ jquery 
                    └─ 3.1.1 
                        ├─ jquery.min.js 
                        ...
  • 相关阅读:
    springcloud(十五)：搭建Zuul微服务网关
    springcloud(十四）、ribbon负载均衡策略应用案例
    springcloud(十三)：Ribbon客户端负载均衡实例
    springcloud(十二)：Ribbon客户端负载均衡介绍
    springcloud(十)：熔断监控Hystrix Dashboard
    springcloud(九)：熔断器Hystrix和Feign的应用案例
    springcloud(八)：熔断器Hystrix
    springcloud(七)： 使用Feign调用Eureka Server客户端服务
    springcloud(六)：Eureka提供数据的客户端连接Docker的mysql
    雏龙计划
  • 原文地址：https://www.cnblogs.com/smiler/p/6857213.html
Copyright © 2011-2022 走看看