码迷,mamicode.com
首页 > 编程语言 > 详细

以Jar形式为Web项目提供资源文件

时间:2016-12-04 07:32:04      阅读:228      评论:0      收藏:0      [点我收藏+]

标签:color   ajax   应用   span   依赖   bootstrap   等等   静态   jar   

以Jar形式为Web项目提供资源文件 http://www.webjars.org/

Web前端使用了越来越多的JS或CSS如jQuery, Backbone.js 和Twitter Bootstrap等等,平时我们是将这些Web资源拷贝到Java的目录下,这种通过人工方式拷贝可能会产生版本误差,拷贝版本错误,前端页面就无法正确展示。

WebJars是以Jar形式为Web项目提供资源文件,然后借助Maven这些依赖库的管理,保证这些Web资源版本唯一性。
Webjars多应用于基于Spring Boot创建微服务项目,需要打包所有资源为可执行的jar。

 

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

1、使用依赖

      <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、打包

           <plugin>
               <groupId>org.apache.maven.plugins</groupId>
               <artifactId>maven-war-plugin</artifactId>
               <version>2.2</version>
               <configuration>
                   <failOnMissingWebXml>false</failOnMissingWebXml>
               </configuration>
           </plugin>

 

3、应用

a、静态页面

<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 

<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>

 

以Jar形式为Web项目提供资源文件

标签:color   ajax   应用   span   依赖   bootstrap   等等   静态   jar   

原文地址:http://www.cnblogs.com/tarena/p/6130058.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!