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。

阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页