jsp-basic

Jsp引入bootstrap样式

参考：https://blog.csdn.net/qq_43254488/article/details/85099244

下载：https://www.bootcss.com/

点某个版本中文文档：https://v3.bootcss.com/
进入下载页

下载用于生产环境的bootstrap

将下载的压缩包解压，在jsp项目webapp目录下新建static文件夹，将解压的文件夹放到static目录下：

在jsp页面中引用：
方式1：用basepath

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%
    String path=request.getContextPath();
    String bathPath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<link rel="stylesheet" type="text/css" href="<%=bathPath%>/static/bootstrap-3.4.1-dist/css/bootstrap.min.css">
<script type="text/javascript" src="<%=bathPath%>/static/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>

方式2：直接引用
head:

<link rel="stylesheet" type="text/css" href="static/bootstrap-3.4.1-dist/css/bootstrap.min.css">
<script type="text/javascript" src="static/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>

body:

<nav aria-label="Page navigation">
    <ul class="pagination">
        <li>
            <a href="#" aria-label="Previous">
                <span aria-hidden="true">&laquo;</span>
            </a>
        </li>
        <li><a href="#">1</a> </li>
        <li><a href="#">2</a> </li>
        <li><a href="#">3</a> </li>
        <li><a href="#">4</a> </li>
    </ul>
</nav>

<button type="button" class="btn btn-default">默认样式</button>
<button type="button" class="btn btn-primary">首选项</button>
<button type="button" class="btn btn-success">成功</button>

添加json依赖

引入以下jar包：
commons-lang-2.5.jar
commons-collections-3.1.jar
commons-beanutils-1.7.0.jar
json-lib-2.4-jdk15.jar
ezmorph-1.0.3.jar
commons-logging-1.1.1.jar

在tomcat 的lib目录下也要放置

Bootstrap开关按钮

bootstrap4-toggle：
https://gitbrent.github.io/bootstrap4-toggle/

---

转载请注明来源，欢迎对文章中的引用来源进行考证，欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论，也可以邮件至 changzeyan@foxmail.com