Maven中导入jQuery,前端页面中引用jQuery

除错:要想使用maven中jquery依赖,一定要重启tomcat,一定要重启tomcat,一定要!!!

具体操作:
第一步,在pom.xml中导入jQuery

<dependency>
      <groupId>org.webjarsgroupId>
      <artifactId>jqueryartifactId>
      <version>3.1.1version>
dependency>

第二步,在前端页面中引用jQuery

 <script src="webjars/jquery/3.1.1/jquery.min.js">script>

注:该前端页面需要在web根目录即webapp目录下。可认为在maven中导入jQuery后,jquery.min.js文件放在目录webapp/webjars/jquery/3.1.1下。

具体原因不清楚,推测和导入maven仓库的jar包中的路径有关
Maven中导入jQuery,前端页面中引用jQuery_第1张图片

  • 路径开头有’/'的引入方式
<script src="/ProjectName/webjars/jquery/3.1.1/jquery.min.js">script>

注:ProjectName为web项目名称

  • 路径开头有’/'的引入方式,在jsp中可这样写
<script src="<%=request.getContextPath() %>/webjars/jquery/3.1.1/jquery.min.js">script>

注:request.getContextPath() 用来获取“/项目名”

关于不带’/‘和带’/'路径的区别

你可能感兴趣的:(maven,javaScript,maven,web,tomcat,java,jquery)