jsp引入并使用bootstrap和jquery——javaweb系列(五)

anjushi_

1685人浏览 · 2022-05-12 10:13:33

anjushi_ · 2022-05-12 10:13:33 发布

jsp引入并使用bootstrap和jquery——javaweb系列(五)

系列文章
eclipse新建javaweb项目——javaweb系列(一)
eclipse下javaweb简单servlet调用——javaweb系列(二)
eclipse下javaweb连接mysql数据库-以用户登陆为例——javaweb系列(三)
jsp引入jstl并使用——javaweb系列(四)
jsp引入并使用bootstrap和jquery——javaweb系列(五)

jsp引入并使用bootstrap和jquery

浏览器对jquery的支持

下载

https://v3.bootcss.com/getting-started/

项目导入bootstrap文件

将下载的文件解压，然后放入项目根目录/WebContent/bootstrap路径下，如下图所示：

页面中引入js和css

其中basePath可以替换成指定路径

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
 <base href="<%=basePath%>">
 
 <link rel="stylesheet" type="text/css" href="<%=basePath%>/bootstrap/css/bootstrap.min.css">
 <link rel="stylesheet" type="text/css" href="<%=basePath%>/bootstrap/css/bootstrap-theme.min.css">
 <script type="text/javascript" src="<%=basePath%>/bootstrap/jquery-3.6.0/jquery-3.6.0.min.js"></script>
 <script type="text/javascript" src="<%=basePath%>/bootstrap/js/bootstrap.min.js"></script>
</head>