分页查询前端

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

• 前言
• 一、实例代码
• 二、使用步骤
• • 1.引入库
  • 2.读入数据
• 总结

---

前言

提示：这里可以添加本文要记录的大概内容：

分页查询的前端界面

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、实例代码

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<form id="subPage_form" method="post" action="${pageInfo.url}">
    <input type="hidden" name="method" value="${pageInfo.method}">
    <input id="page_currentPage" type="hidden" name="currentPage" value="">
</form>
<script>
    function pageDirect(currentPage){
        $("#page_currentPage").val(currentPage)
        $("#subPage_form").submit();
    }
</script>
<nav aria-label="Page navigation example">
    <ul class="pagination justify-content-lg-end">
        <li class="page-item disabled">
            <a class="page-link">总记录数：${pageInfo.recordCount}</a>
        </li>

        <c:choose>
            <c:when test="${1==pageInfo.currentPage}">
                <li class="page-item disabled">
                    <a class="page-link" onclick="pageDirect(${pageInfo.currentPage-1})">上一页</a>
                </li>
            </c:when>
            <c:otherwise>
                <li class="page-item">
                    <a class="page-link" onclick="pageDirect(${pageInfo.currentPage-1})">上一页</a>
                </li>
            </c:otherwise>
        </c:choose>
        <c:forEach begin="1" end="${pageInfo.pageCount}" var="pageNum">
            <c:choose>
                <c:when test="${pageNum==pageInfo.currentPage}">
                    <li class="page-item disabled">
                        <a class="page-link" href="javascript:void(0)" id="page2">${pageNum}</a>
                    </li>
                </c:when>
                <c:otherwise>
                    <li class="page-item"><a class="page-link" href="javascript:void(0)" id="page1" onclick="pageDirect(${pageNum})">${pageNum}</a></li>
                </c:otherwise>
            </c:choose>

        </c:forEach>

        <%--            <li class="page-item"><a class="page-link" href="javascript:void(0)" id="page1">1</a></li>--%>
        <%--            <li class="page-item"><a class="page-link" href="javascript:void(0)" id="page2">2</a></li>--%>
        <%--            <li class="page-item"><a class="page-link" href="javascript:void(0)" id="page3">3</a></li>--%>
        <c:choose>
            <c:when test="${pageInfo.pageCount==pageInfo.currentPage}">
                <li class="page-item disabled">
                    <a class="page-link" href="javascript:void(0)">下一页</a>
                </li>
            </c:when>
            <c:otherwise>
                <li class="page-item">
                    <a class="page-link" href="javascript:void(0)" onclick="pageDirect(${pageInfo.currentPage+1})">下一页</a>
                </li>
            </c:otherwise>
        </c:choose>
    </ul>
</nav>

二、使用步骤

1.引入库

代码如下（示例）：

import numpy as np
import pandas as pd
import matplotlib.pyplot as plt
import seaborn as sns
import warnings
warnings.filterwarnings('ignore')
import  ssl
ssl._create_default_https_context = ssl._create_unverified_context

2.读入数据

代码如下（示例）：

data = pd.read_csv(
    'https://labfile.oss.aliyuncs.com/courses/1283/adult.data.csv')
print(data.head())

该处使用的url网络请求的数据。

---

总结

提示：这里对文章进行总结：
例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。