JavaWeb开发分享：WebJars

换了新工作之后，忙了好多，基本没什么时间上网了，写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。