我是
靠谱客的博主
友好皮卡丘,这篇文章主要介绍
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内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复