jqgrid分页php技巧_WebJar的打包和运用

文章目录 [+]

　　官网上面已经有很多热门webjar，但有时候还是不能知足我们的须要，我们须要自己打包WebJar，本文记录如何WebJar的打包、利用

　　打包

　　首先创建一个maven工程，干干净净什么都没有

jqgrid分页php技巧_WebJar的打包和运用

　　把一下常用的web资源（比如：jquery、bootstrap前端框架、layer弹出层、jqgrid分页插件）放在resources文件夹下面，为了更直不雅观的区分，我们先新建一个plugin文件夹

（图片来自网络侵删）

　　编写pom.xml，指定打包办法，以及构建工具

<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"> <modelVersion>4.0.0</modelVersion>  <packaging>jar</packaging> <groupId>cn.huanzi</groupId> <artifactId>webjar</artifactId> <version>1.0.1</version>  <build> <resources> <resource> <directory>${project.basedir}/src/main/resources</directory> <targetPath>META-INF/resources/</targetPath> </resource> </resources> </build></project>

　　打开maven工具栏，package打包

　　打包成功

　　target目录下面就会天生jar包

　　jar包构造是这样子滴

　　有了jar包后我们就可以引入jar利用这些web静态资源了，上传到maven私服利用maven引入或者直接引入jar文件都行

　　利用

　　首先须要引入jar，如果是直接把jar放在项目里面就不多说了直接复制进去就行，如果是要maven引入，则先须要把jar包发到maven私服，在pom中配置私服地址，然后引入

　　利用办法就跟我们利用resources下面的资源一样，我们看一下thymeleaf引入例子：

<script th:src="@{/plugin/jquery.min.js}"></script>　　总结

　　利用WebJar有什么好处呢？

　　1、打成jar包方便管理，统一资源版本，如需升级资源版本，修正webjar工程、升级版本号，重新打包上传maven私服即可，项目无需做修正

　　2、减少项目大小，提高打包、支配项目的效率，例如本例中：没打包之前 14.4MB，打包之后 5.62MB，减少8.78MB