我是靠谱客的博主 友好皮卡丘,最近开发中收集的这篇文章主要介绍WebJars 进行 css js 资源文件管理,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

WebJars是将这些通用的Web前端资源打包成Java的Jar包,然后借助Maven工具对其管理,保证这些Web资源版本唯一性,升级也比较容易。关于webjars资源,有一个专门的网站http://www.webjars.org/,我们可以到这个网站上找到自己需要的资源,在自己的工程中添加入maven依赖,即可直接使用这些资源了

1. 使用

      添加依赖

      

1

2

3

4

5

6

7

8

9

10

<dependency>

            <groupId>org.webjars</groupId>

            <artifactId>webjars-locator</artifactId>

            <version>0.1</version>

        </dependency>

        <dependency>

            <groupId>org.webjars</groupId>

            <artifactId>bootstrap</artifactId>

            <version>2.1.1</version>

        </dependency>

  

2. 打包:

      

1

2

3

4

5

6

7

8

<plugin>

               <groupId>org.apache.maven.plugins</groupId>

               <artifactId>maven-war-plugin</artifactId>

               <version>2.2</version>

               <configuration>

                   <failOnMissingWebXml>false</failOnMissingWebXml>

               </configuration>

           </plugin>

  

3. 引用

   a.静态页面:

 

   

1

2

3

4

5

6

<link rel='stylesheet' href='webjars/bootstrap/2.1.1/css/bootstrap.min.css'>

   <script type='text/javascript' src='webjars/jquery/1.8.2/jquery.min.js'></script>

   <script type='text/javascript' src='webjars/bootstrap/2.1.1/js/bootstrap.min.js'></script>

    

    <script type='text/javascript' src='webjars/ajax-form/2.1.3/ajax-form.js'></script>

 b.jsp 

 

  

1

2

3

4

5

6

7

8

9

<link rel='stylesheet' href='<%= org.webjars.AssetLocator.getWebJarPath("css/bootstrap.min.css") %>'>

    <script type='text/javascript' src='<%= org.webjars.AssetLocator.getWebJarPath("jquery.min.js") %>'></script>

    <script type='text/javascript' src='<%= org.webjars.AssetLocator.getWebJarPath("js/bootstrap.min.js") %>'></script>

     

     

     

     

      <script type='text/javascript' src='<%= org.webjars.AssetLocator.getWebJarPath("ajax-form.js") %>'></script>

    

最后

以上就是友好皮卡丘为你收集整理的WebJars 进行 css js 资源文件管理的全部内容,希望文章能够帮你解决WebJars 进行 css js 资源文件管理所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(34)

评论列表共有 0 条评论

立即
投稿
返回
顶部