Bootstrap和Java分页实例第一篇

Bootstrap 前端之家
前端之家收集整理的这篇文章主要介绍了Bootstrap和Java分页实例第一篇，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

关于此文

　　bootstrap是前端很流行的框架，正在开发的项目，用bootstrap搭建起来的页面，自我感觉很完美，终于告别了苍白无力的白花花的难看的……的页面了。哈哈。

现在遇到了bootstrap的分页与Java后台结合起来的分页封装问题，对于我这个Java菜鸟来说，包装分页还没玩过。故此，在网上找了这个。觉得很不错，所以决定记录到博客里面。

还没有实践，决定写完博客去实践。在上图。祝我成功吧！

此人的博客没找到，代码中有email地址。

pagination

定义了分页常用的属性,方法

分页接口 * @author: super.wwz@hotmail.com * @ClassName: Pagination * @Version: v0.1 * @param */ public interface Pagination { /** * 判断是否是首页 * @return */ boolean isFirst(); /** * 判断是否是尾页 * @return */ boolean isLast(); /** * 判断是否有上一页 * @return */ boolean isPrevIoUs(); /** * 判断是否有下一页 * @return */ boolean isNext();

/**

/**

  • 获取当前页的数据
  • @return
    */
    List getCurrData();

/**

/**

/**

  • 设置每页的分页链接数量
  • @param pageLinkNumber
    */
    void setPageLinkNumber(int pageLinkNumber);
    }

BetweenIndex

该接口负责获取分页链接的开始和结尾索引

  • 开始链接-结束链接
  • @author: super.wwz@hotmail.com
  • @ClassName: BetweenIndex
  • @Version: v0.1
    */
    public interface BetweenIndex {
    /**
  • 获取开始分页链接索引
  • @return
    */
    int getBeginIndex();
    /**
  • 获取结束分页链接索引
  • @return
    */
    int getEndIndex();
    }

    • DefaultPagination

    Pagination接口的默认实现类

  • Pagination接口默认实现
  • @author: super.wwz@hotmail.com
  • @ClassName: DefaultPagination
  • @Version: v0.1
  • @param
    /
    public class DefaultPagination implements Pagination {
    private int totalElements;
    private int pageSize;
    private int totalPages;
    private int pageIndex;
    private QueryHandler queryHandler;
    private List currData;
    private int pageLinkNumber;
    public DefaultPagination(int pageIndex,int pageSize,QueryHandler queryHandler,int pageLinkNumber) {
    this(pageIndex,pageSize,queryHandler);
    setPageLinkNumber(pageLinkNumber);
    }
    public DefaultPagination(int pageIndex,QueryHandler queryHandler){
    //初始化数据访问回调接口
    this.queryHandler = queryHandler;
    //查询总行数
    setTotalElements();
    //修正页大小
    setPageSize(pageSize);
    //计算总页数:
    setTotalPages();
    //修正页码
    setPageIndex(pageIndex);
    //查询当前页数据
    setCurrData();
    }
    private void setCurrData() {
    // TODO Auto-generated method stub
    this.currData = queryHandler.getCurrData(pageIndex,pageSize);
    }
    private void setPageIndex(int pageIndex) {
    // TODO Auto-generated method stub
    if(pageIndex < 1) {
    this.pageIndex = 1;
    } else if(pageIndex > totalPages) {
    this.pageIndex = totalPages;
    } else {
    this.pageIndex = pageIndex;
    }
    }
    private void setTotalPages() {
    // TODO Auto-generated method stub
    if(pageSize > 0) {
    /    //普通算法:
    this.totalPages = totalElements % pageSize == 0 ?
    totalElements / pageSize : (totalElements / pageSize) + 1;*/
    //减一公式:
    this.totalPages = (totalElements + pageSize - 1) / pageSize;
    }
    }
    private void setPageSize(int pageSize) {
    // TODO Auto-generated method stub
    if(pageSize < 1) {
    this.pageSize = 1;
    } else if(pageSize > totalElements) {
    this.pageSize = totalElements;
    } else {
    this.pageSize = pageSize;
    }
    }
    private void setTotalElements() {
    // TODO Auto-generated method stub
    this.totalElements = queryHandler.getTotalElements();
    }
    @Override
    public boolean isFirst() {
    // TODO Auto-generated method stub
    return pageIndex == 1;
    }
    @Override
    public boolean isLast() {
    // TODO Auto-generated method stub
    return pageIndex == totalPages;
    }
    @Override
    public boolean isPrevIoUs() {
    // TODO Auto-generated method stub
    return pageIndex > 1;
    }
    @Override
    public boolean isNext() {
    // TODO Auto-generated method stub
    return pageIndex < totalPages;
    }
    @Override
    public int getPrevIoUsIndex() {
    // TODO Auto-generated method stub
    return isPrevIoUs() ? pageIndex - 1 : 1;
    }
    @Override
    public int getNextIndex() {
    // TODO Auto-generated method stub
    return isNext() ? pageIndex + 1 : totalPages;
    }
    @Override
    public int getPageIndex() {
    // TODO Auto-generated method stub
    return pageIndex;
    }
    @Override
    public int getPageSize() {
    // TODO Auto-generated method stub
    return pageSize;
    }
    @Override
    public int getTotalPages() {
    // TODO Auto-generated method stub
    return totalPages;
    }
    @Override
    public int getTotalElements() {
    // TODO Auto-generated method stub
    return totalElements;
    }
    @Override
    public List getCurrData() {
    // TODO Auto-generated method stub
    return currData;
    }
    @Override
    public BetweenIndex getBetweenIndex() {
    // TODO Auto-generated method stub
    return new BetweenIndex() {
    private int beginIndex;
    private int endIndex;
    {
    boolean isOdd = pageLinkNumber % 2 == 0;
    int val = pageLinkNumber / 2;
    beginIndex = pageIndex - (isOdd ? val - 1: val);
    endIndex = pageIndex + val;
    if(beginIndex < 1) {
    beginIndex = 1;
    endIndex = pageLinkNumber;
    }
    if(endIndex > totalPages) {
    endIndex = totalPages;
    beginIndex = endIndex - pageLinkNumber + 1;
    }
    }
    @Override
    public int getEndIndex() {
    // TODO Auto-generated method stub
    return endIndex;
    }
    @Override
    public int getBeginIndex() {
    // TODO Auto-generated method stub
    return beginIndex;
    }
    };
    }
    @Override
    public int getPageLinkNumber() {
    // TODO Auto-generated method stub
    return pageLinkNumber;
    }
    @Override
    public void setPageLinkNumber(int pageLinkNumber) {
    // TODO Auto-generated method stub
    if (pageLinkNumber < 0) {
    this.pageLinkNumber = 0;
    } else if (pageLinkNumber > totalPages) {
    this.pageLinkNumber = totalPages;
    } else {
    this.pageLinkNumber = pageLinkNumber;
    }
    }
    }
    　

    • QueryHandler

    用于DefaultPagination实现类的查询回调接口

  • 分页查询回调接口
  • @author: super.wwz@hotmail.com
  • @ClassName: QueryHandler
  • @Version: v0.1
  • @param
    */
    public interface QueryHandler {
    /**
  • 获取数据总行数
  • @return
    */
    int getTotalElements();

    • /**

    • 获取当前页的数据
    • @param pageIndex
    • @param pageSize
    • @return
      */
      List getCurrData(int pageIndex,int pageSize);
      }

    BookDaoImpl

    BookDao的实现类(BookDao接口已经省略)

    sql.sqlException; import java.util.List; import org.apache.commons.dbutils.handlers.BeanListHandler; import org.apache.commons.dbutils.handlers.ScalarHandler; import com.app.bean.Book; import com.app.dao.BaseDao; import com.app.dao.BookDao; public class BookDaoImpl extends BaseDao implements BookDao { @Override public int count() { // 查询数据总行数 String sql = "select count(1) from t_book"; try { return getQueryRunner().query(sql,new ScalarHandler()); } catch (sqlException e) { // TODO Auto-generated catch block e.printStackTrace(); } return 0; } @Override public List getBooks(int pageIndex,int pageSize) { // 关于sqlServer的查询分页sql StringBuffer sql = new StringBuffer(); sql.append("select * from ("); sql.append(" select row_number() over(order by(id)) new_id,* from t_book"); sql.append(") t where new_id between ? and ?"); try { return getQueryRunner().query(sql.toString(),new BeanListHandler(Book.class),pageSize * (pageIndex - 1) + 1,pageSize * pageIndex); } catch (sqlException e) { // TODO Auto-generated catch block e.printStackTrace(); } return null; } }

    BookServiceImpl

    BookService业务逻辑接口的实现类 (BookService已经省略)

  • 业务逻辑层查询分页数据示例
  • @author: super.wwz@hotmail.com
  • @ClassName: BookServiceImpl
  • @Version: v0.1
    */
    public class BookServiceImpl implements BookService {
    private BookDao bookDao = new BookDaoImpl();
    @Override
    public Pagination getBookList(int pageIndex,int pageLinkNumber) {
    // TODO Auto-generated method stub
    return new DefaultPagination(pageIndex,new QueryHandler() {
    @Override
    public int getTotalElements() {
    // TODO Auto-generated method stub
    return bookDao.count();
    }
    @Override
    public List getCurrData(int pageIndex,int pageSize) {
    // TODO Auto-generated method stub
    return bookDao.getBooks(pageIndex,pageSize);
    }
    },pageLinkNumber);
    }
    }

    • BookAction

    有关图书的Servlet控制器

    显示的分页链接个数 Pagination bookPagination = bookService.getBookList(pageIndex,6); request.setAttribute("bookPagination",bookPagination); request.getRequestDispatcher("index.jsp").forward(request,response); } }

    Jsp

    index.jsp 将Pagiation应用到bootstrap上的简单示例bootstrap版本: 3.3.5

    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> 图书信息列表
    # @H_502_123@
    图书名 单价

    实例数据

    说明:

    • 如果需要扩展分页功能,请扩展Pagiation接口以及其余实现类;
    • 此外,此分页不依赖任何数据库(重新实现QueryHandler查询回调接口即可),可适用于任何web项目中;

    使用List 集合模拟数据库的使用示例:

    <div class="jb51code">
    <pre class="brush:java;">
    package com.app.service.impl;
    import java.util.ArrayList;
    import java.util.List;
    import com.app.bean.Book;
    import com.app.pagination.Pagination;
    import com.app.pagination.impl.DefaultPagination;
    import com.app.service.BookService;
    /**

    • 使用List集合模拟数据库
    • @author: super.wwz@hotmail.com
    • @ClassName: BookServiceImpl2
    • @Version: v0.1
      /
      public class BookServiceImpl2 implements BookService {
      // private BookDao bookDao = new BookDaoImpl();
      private static List list = new ArrayList();
      //初始化List数据
      static {
      list.add(new Book(1,"书名1",18));
      list.add(new Book(2,"书名2",13));
      list.add(new Book(3,"书名3",18));
      list.add(new Book(4,"书名4",38));
      list.add(new Book(5,"书名5",18));
      list.add(new Book(6,"书名6",58));
      list.add(new Book(7,"书名7",12));
      list.add(new Book(8,"书名8",11));
      list.add(new Book(9,"书名9",13));
      list.add(new Book(10,"书名10",22));
      list.add(new Book(11,"书名11",19));
      list.add(new Book(12,"书名12",13));
      list.add(new Book(13,"书名13",19));
      list.add(new Book(14,"书名14",32));
      }
      @Override
      public Pagination getBookList(int pageIndex,int pageLinkNumber) {
      return new DefaultPagination(pageIndex,new QueryHandler() {
      @Override
      public int getTotalElements() {
      //return bookDao.count();
      return list.size();
      }
      @Override
      public List getCurrData(int pageIndex,int pageSize) {
      //return bookDao.list(pageIndex,pageSize);
      int fromIndex = (pageIndex - 1)       pageSize;
      int endIndex = fromIndex + pageSize;
      endIndex = endIndex > list.size() ? list.size() : endIndex;
      return list.subList(fromIndex,endIndex);
      }
      },pageLinkNumber);
      }
      }

    下一篇更精彩！

    以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。

    分页分页分页

    猜你在找的Bootstrap相关文章

    使用BootStrapValidator来完成前端输入验证
    BootStrapValidator可以用于完成基于BootStrap搭建的前端UI中的输入验证，由于本插件完全基...
    顶求网首页整体设计思路
    顶求网首页是一个web2.0博客类的网站首页，在该网站中用户可以发表博客，也可以推荐图书给...
    自己手写简约实用的Jquery tabs插件（基于bootstrap环境）
    一直想改版网站首页的图书展示部分，以前的展示是使用BootStrap的传统的collapse,网页篇幅...
    BootStrap中Affix控件的使用方法及如何保持布局的美观
    在视窗足够大的时候是没有任何问题的，但是当拖动改变视窗的大小后会发现布局又变乱了，这...
    针对BootStrap中tabs控件的美化和完善
    BootStrap中的tabs控件以其简单易用而很受广大开发者的欢迎。但是，它的样式比较单一，如何...
    使用BootStrap制作用户登录UI
    先看看劳动成果 布局 左右各一半（col-md-6） 左侧登录框占左侧一半的10/12 右侧是登录系统...
    打造简单实用的Thinkphp分页样式(Bootstrap版本)
    先吐槽一下ThinkPHP3.1版的分页样式，虽然看起来也很简单大方，但是所有的页码全是使用简单...
    Bootstrap轮播（carousel）插件中图片变形的终极解决方案——使用jqthumb.js
    在顶求网的首页中我使用了BootStrap的轮播（carousel）插件来展示文章中的图片。我在程序中...
    移动开发中单页异步加载所有列表项
    在做WEB开发的时候我们经常会遇到分页的处理，如果在PC上显示网页的话，使用传统的分页是可...
    仿豆瓣分类标签的实现
    为了和文章分类部分的样式进行区分，我决定自己动手写一个具有其他样式的分类标签集。刚好...
    HTMLHTML5JavaScriptCSSjQueryBootstrapAngularjsTypeScriptVueDojoJsonElectronNode.jsextjsExpress XMLES6AjaxFlashUnityReactFlexAnt DesignWeb前端微信小程序微信公众号
    关闭广告单独headers封装代码提示错误整数正则非0开头跳页出页码antd table提示URL未注册公众号支付vue hash模式iSlider车牌键盘循环图片echarts 双折左右布局DllPlugin对象创建打字游戏圈选两栏云函数蒙版ES2020橱窗无缝滚动轮播色块碰撞组件销毁文档操作