IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 大数据 -> 使用Mybites实现分页效果 -> 正文阅读

[大数据]使用Mybites实现分页效果

一、创建分页的工具类PageUti,存储分页所需要的五个数据:pageIndex(当前页码),pageSize(每页记录条数),count(总记录数),pageNum(总页数),list(每一页的内容)。

/**
 * @param <T> 泛型类
 */
public class PageUtil<T> {
    //当前页码
    private int pageIndex;
    //每页记录数
    private int pageSize;
    //总记录数
    private int count;
    //总页数
    private int pageNum;
    //每一页的内容
    private List<T> list;
}

二、xml文件:MySQL对分页的支持是通过limit子句。
如:
# 每页10条记录,取第一页,返回的是前10条记录?
select * from?books limit (1-1)*10,10;
# 每页10条记录,取第二页,返回的是第11条记录,到第20条记录,?
select * from?books limit (2-1)*10,10;?
所以:limit的第一个参数=(当前页码-1)*每页记录数

<!--分页,查询当前页的内容-->
    <select id="getBooksPage" resultType="list" parameterType="map">
        select * from books limit #{pageIndex},#{pageSize}
    </select>
<!--查询总记录数-->
    <select id="getCount" resultType="int" parameterType="map">
        select count(*) from books
</select>

三、BooksServiceImpl.java:将limit需要的两个参数存入map集合中,再将分页所需要的五个数据封装。

public PageUtil<Books> getBooksPage(int pageIndex, int pageSize) {
        PageUtil<Books> pageUtil=new PageUtil<>();
        SqlSession sqlSession= MybatisUtil.getSqlSession();
        try {
            //booksMapper是使用动态代理模式,运行反射机制,创建的一个代理对象
            BooksMapper booksMapper=sqlSession.getMapper(BooksMapper.class);
            Map map=new HashMap();
            int row=booksMapper.getCount(map);
            //计算总页数
            int pageCount= (int) Math.ceil((double) row / pageSize);
            //limit的第一个参数=(当前页码-1)*每页记录数
            map.put("pageIndex",(pageIndex - 1) * pageSize);
            map.put("pageSize", pageSize);
            List<Books> list=booksMapper.getBooksPage(map);
            //将数据封装
            pageUtil.setPageIndex(pageIndex);
            pageUtil.setPageSize(pageSize);
            pageUtil.setCount(row);
            pageUtil.setPageNum(pageCount);
            pageUtil.setList(list);
        }catch (Exception e){
            e.printStackTrace();
        }finally {
            sqlSession.close();
        }
        return pageUtil;
    }

四、servlet:

protected void getBooks(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        if(request.getParameter("pageIndex")!=null) {
            int pageIndex=Integer.parseInt(request.getParameter("pageIndex"));
            show(response,pageIndex,search);
        }else {
            show(response);
        }

    }
private void show(HttpServletResponse response,Object ...ages) throws IOException {
        int pageIndex = 1;//默认第一页
        if(ages.length>0){
            pageIndex=(int)ages[0];
        }
        PageUtil pageUtil=new PageUtil();
        //每页10条数据
        pageUtil=new BooksServiceImpl().getBooksPage(pageIndex,10);
        String js= JSON.toJSONString(pageUtil);
        PrintWriter pw=response.getWriter();
        pw.write(js);
    }

五、前段页面
显示分页:

var page = "<li>共" + data.count + "条,共" + data.pageNum + "页,当前第" + data.pageIndex + "页</li>";
            page += "<li><a href='#' onclick='myPage(1)'>首页</a></li>";

            if (data.pageIndex == 1) {
                page += "<li><a href='#' onclick='myPage(1)'>上一页</a></li>";
            } else {
                page += "<li><a  href='#'  onclick='myPage(" + (data.pageIndex - 1) + ")'>上一页</a></li>";
            }
            // for (var i = 1; i <= data.pageNum; i++) {
            //     page += "<a href='#' onclick='myPage(" + i + ")'>" + i + "</a>"
            // }
            if (data.pageIndex < data.pageNum) {
                page += "<li><a href='#' onclick='myPage(" + (data.pageIndex + 1) + ")'>下一页</a></li>";
            } else {
                page += "<li><a href='#' onclick='myPage(" + data.pageNum + ")'>下一页</a></li>";
            }
            page += "<li><a href='#' onclick='myPage(" + data.pageNum + ")'>末页</a></li>";

点击分页(myPage):通过ajax请求将页码传到servlet

function myPage(index) {
            console.log(index)
            $.getJSON("books/getBooks.do", {"pageIndex": index}, function (data) {
                showBooks(data)
            });
}

六、MybatisUtil.java工具类:向外提供一个方法,可以获取SqlSession对象

public class MybatisUtil {
    static SqlSessionFactory sqlSessionFactory;

    // 加载主配置文件,并创建 sqlSessionFactory
    static {
        String resource = "com/xmx/config/mybatis-config.xml";
        InputStream inputStream = null;
        try {
            inputStream = Resources.getResourceAsStream(resource);
        } catch (IOException e) {
            e.printStackTrace();
        }
        sqlSessionFactory = new SqlSessionFactoryBuilder().build(inputStream);
    }

    /**
     * @Description: 向外提供一个方法,可以获取SqlSession对象
     * @Return: org.apache.ibatis.session.SqlSession
     */
    public static SqlSession getSqlSession() {
//        return sqlSessionFactory.openSession(true);
        return sqlSessionFactory.openSession();
    }
}

  大数据 最新文章
实现Kafka至少消费一次
亚马逊云科技:还在苦于ETL?Zero ETL的时代
初探MapReduce
【SpringBoot框架篇】32.基于注解+redis实现
Elasticsearch:如何减少 Elasticsearch 集
Go redis操作
Redis面试题
专题五 Redis高并发场景
基于GBase8s和Calcite的多数据源查询
Redis——底层数据结构原理
上一篇文章      下一篇文章      查看所有文章
加:2021-12-06 15:20:17  更:2021-12-06 15:21:55 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 9:24:05-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码