JavaWeb开发分享:WebJars

原创 2014年12月13日 17:17:00

换了新工作之后,忙了好多,基本没什么时间上网了,写Blog也变少了,还是以前那种技术驱动的环境好,大家都在积极学新技术,分享新技术。现在技术环境少了好多,学习激情也少了好多。不说了,写写自己学习的WebJars。


Java Web前端通常需要使用JS或CSS技术,例如jQuery, Backbone.js,Twitter Bootstrap等等。以前我都是将这些Web资源拷贝到Java Web项目的Webapp相应目录下,这种通过人工方式拷贝可能会产生版本误差,拷贝版本错误,漏拷等现象,前端页面就无法正确展示。

当然对我自己这个一定程度的强迫症人员来说,一大堆文件夹和文件变成了一个jar,感觉非常良好。


WebJars是将Web前端Javascript和CSS等资源打包成Java的Jar包,这样在Java Web开发中我们可以借助Maven这些依赖库的管理,保证这些Web资源版本唯一性。基本原理如下:

With any Servlet 3 compatible container, the WebJars that are in the WEB-INF/lib directory are automatically made available as static resources. This works because anything in a META-INF/resources directory in a JAR in WEB-INF/lib is automatically exposed as a static resource.

下面说说如何具体使用WebJars,非常简单。

1.在maven的配置文件中定义要使用的js或者css对于的jar包
                <dependency>

                        <groupId>org.webjars</groupId>

                        <artifactId>bootstrap</artifactId>

                </dependency>

                <dependency>

                        <groupId>org.webjars</groupId>

                        <artifactId>jquery-cookie</artifactId>

                </dependency>

                <dependency>

                        <groupId>org.webjars</groupId>

                        <artifactId>dojo</artifactId>

                </dependency>

2. 在jsp文件中按以下路径获取jar中的文件 (webjars/js or css jar name/version/detail file name)
<script type="text/javascript" src="<%=request.getContextPath() %>/webjars/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/webjars/bootstrap/3.0.2/js/bootstrap.min.js"></script> 
<script type="text/javascript" src="<%=request.getContextPath() %>/webjars/jquery-cookie/1.3.1/jquery.cookie.js"></script>
PS:处理静态资源大型网站肯定不是Java服务器,基本都是用apache或者nginx等来处理静态处理,性能更好。对于小网站,可以直接使用WebJars。

WebJars——web端静态资源的jar包

1、WebJars介绍Web前端使用了越来越多的JS或CSS,如jQuery,Backbone.js和Bootstrap。一般情况下,我们是将这些Web资源拷贝到Java Web项目的webapp相应...
  • eff666
  • eff666
  • 2017年04月15日 11:42
  • 3467

SpringMVC引入静态org.webjars中资源404

SpringMVC引入静态org.webjars中资源404
  • chao_1990
  • chao_1990
  • 2016年12月04日 00:44
  • 1989

Maven 打成 Webjar的方法

1. 先把要打包成webjar的文件放到你新建的maven结构的项目的/src/main/resources目录下 2.编写该项目的pom.xml文件,如下: ...
  • sxdtzhaoxinguo
  • sxdtzhaoxinguo
  • 2015年05月12日 11:00
  • 5105

深入 Spring 系列之静态资源处理

前一段时间,WebIDE 开源的过程中,无意间接触到 webjars,觉得比较有趣,于是研究并整理了一下。webjars 是将前端的库(比如 jQuery)打包成 Jar 文件,然后使用基于 JVM ...
  • chen517611641
  • chen517611641
  • 2016年10月12日 10:27
  • 5531

以Jar形式为Web项目提供资源文件(JS、CSS与图片)

一、背景二、分析1、把我需要的JS、CSS与图片等资源copy到Web工程中。2、通过程序采用流的方式读取Jar中的资源流再输出到页面流。三、分析结果四、核心代码开发(Jar端)1、org.noahx...
  • zhangdaiscott
  • zhangdaiscott
  • 2015年09月29日 23:12
  • 4596

springboot中webjars的打包与调用

springboot中webjars的打包与调用
  • dbqp99
  • dbqp99
  • 2017年02月20日 14:32
  • 2061

Spring Boot 静态资源处理

Spring Boot 默认为我们提供了静态资源处理,使用 WebMvcAutoConfiguration 中的配置各种属性。建议大家使用Spring Boot的默认配置方式,如果需要特殊处理的再通过...
  • catoop
  • catoop
  • 2016年01月12日 09:23
  • 92074

WebJars 记录

WebJarsWebJars是一个很神奇的东西,可以让大家以jar包的形式来使用前端的各种框架、组件。什么是WebJars什么是WebJars?WebJars是将客户端(浏览器)资源(javascri...
  • qq_27261333
  • qq_27261333
  • 2017年06月30日 18:37
  • 310

java项目与javaweb项目导入jar包的区别

现在的项目基本上都是java web项目,所以导入jar包会出现问题,主要介绍一下java项目与javaweb项目的区别: java项目: 在classLoader加载jar和class的...
  • u011165335
  • u011165335
  • 2016年02月15日 20:23
  • 3796

客户端web库——WebJars

WebJars资源 WebJars简介 WebJars的特点 为什么要使用WebJars 传统的Web资源管理方式 WebJars的优点 创建WebJars项目 WebJars的jar文件结构...
  • ZZY1078689276
  • ZZY1078689276
  • 2018年01月10日 15:38
  • 142
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JavaWeb开发分享:WebJars
举报原因:
原因补充:

(最多只允许输入30个字)