maven项目引入jQuery和bootstrap

一、引入jQuery的maven依赖

<dependency>
      <groupId>org.webjars.bower</groupId>
      <artifactId>jquery</artifactId>
      <version>3.4.1</version>
    </dependency>

二、jsp页面引入jQuery和bootstrap

三个标签的顺序一定要和下方代码块中的顺序保持一致。

<!-- 最新的jquery本地文件 -->
<script type="text/javascript"  src="webjars/jquery/3.4.1/dist/jquery.min.js"  charset="UTF-8"/>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.jsdelivr/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.jsdelivr/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

其中jQuery的引入通过定位本地仓库相关包下resources文件夹下的jquery.min.js来获取。

bootstrap的引入参考官网。

参考网址：bootstrap起步
补充一个JSTL的引用和识别EL表达式的配置：

<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@taglib uri="http://java.sun/jstl/core_rt" prefix="c"%>

完整的表头配置格式为：

<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@taglib uri="http://java.sun/jstl/core_rt" prefix="c"%>
<html lang="zh-CN">
<!-- 最新的jquery本地文件 -->
<script type="text/javascript"  src="webjars/jquery/3.4.1/dist/jquery.min.js"  charset="UTF-8"/>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.jsdelivr/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.jsdelivr/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<head>
balabalabala.......

更多推荐

maven项目引入jQuery和bootstrap