后台框架：jfinal + velocity、前台框架：jquery

 页面

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <link rel="stylesheet" type="text/css" href="./student.css"/>

    <script type="text/javascript" src="./jquery.min.js"></script>

    <script type="text/javascript" src="./common.js"></script>

    <style >

       .pager a{display:inline-block;background: red;color:#ffffff;padding: 10px;text-decoration: none;}

   </style>

</head>

<body>

                <table cellpadding="0" cellspacing="0">

                    <tr>

                        <th>序号</th>

                        <th>姓名</th>

                        <th>性别</th>

                    </tr>

                  #foreach($!stu in $!pager.list)

                    <tr>

                        <td>

                           $velocityCount

                        </td>

                        <td>

                            $!stu.name

                        </td>

                        <td>

                            $!stu.sex

                        </td>

                    </tr>

                    #end

                </table>

            </div>

          <div class ="pager">

            <a href="javascript:void(0);" onclick="firstPage();" >首页</a>

            <a href="javascript:void(0);" onclick="previousPage();" >上一页</a>

            <a href="javascript:void(0);" onclick="nextPage();" >下一页</a>

            <a href="javascript:void(0);" onclick="lastPage();" >尾页</a>

         </div>

         <div class="pager-info">

         当前页数：<span>$!pager.currentPage</span>

         总记录数：<span>$!pager.totalRecord</span>

         总记页数：<span>$!pager.totalPage</span>

         </div>

       <script type="text/javascript">

            var currentPage = "$!pager.currentPage";

            if(!currentPage){

              currentPage = 1;

            }

            var totalPage = "$!pager.totalPage";

            //首页

            function firstPage(){

              if(currentPage == 1){

                alert("已经是第一页数据");

                return

              }else{

                common.requestForm({

                url:"/oaweb/datatask/paginate",

                data:{pageSize:5,pageNo:1}

                });

              }

            }

            //上一页

            function previousPage(){

              if(currentPage == 1){

                alert("已经是第一页数据");

                return

              }else{

                common.requestForm({

                url:"/oaweb/datatask/paginate",

                data:{pageSize:5,pageNo:parseInt(currentPage)-1}

                });

              }

            }

            //下一页

            function nextPage(){

              if(currentPage == totalPage){

                alert("已经是最后一页数据");

                return

              }else{

                common.requestForm({

                url:"/oaweb/datatask/paginate",

                data:{pageSize:5,pageNo:parseInt(currentPage)+1}

                });

              }

            }

            //尾页

            function lastPage(){

              if(currentPage == totalPage){

                alert("已经是最后一页数据");

                return

              }else{

                common.requestForm({

                url:"/oaweb/datatask/paginate",

                data:{pageSize:5,pageNo:totalPage}

                });

              }

            }

            </script>

</body>

</html>

js封装请求方法(common.js)

function Common(){

}

Common.prototype = {

requestForm:function(option) {

        var _option = {

            url : "",

            data : {}

        };

        $.extend(_option, option);

        var form = $("<form>").attr("action",_option.url).attr("method","POST").appendTo($("body"));

        $.each(_option.data,function(k,v){

            $("<input>").attr("type","hidden").attr("name",k).attr("value",v).appendTo(form)

        });

        form.submit();

    }

}

Controller

public class StudentController extends Controller{

public void paginate(){

        Integer pageNo = getParaToInt("pageNo");

        pageNo = pageNo==null?1:pageNo;

        Integer pageSize =getParaToInt("pageSize");

        pageSize = pageSize==null?5:pageSize;

        Record record = new Record();

        Pager<Record> pager = StudentService.myPaginate(record,pageNo,pageSize);

        setAttr("page", pager);

        render("/school/html/student/student_index.htm");

    }

}

Service

public class StudentService{

public static Pager<Record> myPaginate(Record record,int pageNo,int pageSize){

        List<Record> list = getDataList();

        Pager<Record> pager = new Pager<Record>(pageNo,pageSize,list);

        return pager;

    }

}

 Pager类封装分页信息

import java.util.List;

public class Pager<T> {

    private Integer pageSize;

    private Integer totalRecord;

    private Integer totalPage;

    private Integer currentPage;

    private List<T> list;

    public Integer getPageSize() {

        return pageSize;

    }

    public void setPageSize(Integer pageSize) {

        this.pageSize = pageSize;

    }

    public Integer getTotalRecord() {

        return totalRecord;

    }

    public void setTotalRecord(Integer totalRecord) {

        this.totalRecord = totalRecord;

    }

    public Integer getTotalPage() {

        return totalPage;

    }

    public void setTotalPage(Integer totalPage) {

        this.totalPage = totalPage;

    }

    public Integer getCurrentPage() {

        return currentPage;

    }

    public void setCurrentPage(Integer currentPage) {

        this.currentPage = currentPage;

    }

    public List<T> getList() {

        return list;

    }

    public void setList(List<T> list) {

        this.list = list;

    }

    public Pager(Integer pageNo,Integer pageSize,List<T> sourceList){

         if(sourceList==null){

             return;

         }

         //总记录数

         this.totalRecord = sourceList.size();

         //每页显示多小条数据

         this.pageSize = pageSize;

         //总页数

         this.totalPage = this.totalRecord % this.pageSize == 0?this.totalRecord/this.pageSize:this.totalRecord/this.pageSize+1;

         //当前第几页

         if(this.totalPage < pageNo){

             this.currentPage = this.totalPage;

         }else{

             this.currentPage = pageNo;

         }

         //起始索引

         Integer fromIndex = this.pageSize * (this.currentPage - 1);

         //结束索引

         Integer endIndex = null;

         if(this.pageSize * this.currentPage >this.totalRecord){

             endIndex = this.totalRecord;

         }else{

             endIndex = this.pageSize * this.currentPage;

         }

         this.list = sourceList.subList(fromIndex, endIndex);

    }

}

总结：

此实例用subList功能分页，后续会用数据库SQL来完成分页。

java后台分页实例一的更多相关文章

  1. JAVA RMI 实例

    下面我将介绍一个完整的实例,让初学者能快速体验RMI的功用. 分为以下四个步骤 1. 创建远程接口及声明远程方法(HelloInterface.java)2. 实现远程接口及远程方法(继承Unicas ...

  2. Java多线程-实例解析

    Java多线程实例 3种实现方法Java中的多线程有三种实现方式:1.继承Thread类,重写run方法.Thread本质上也是一个实现了Runnable的实例,他代表一个线程的实例,并且启动线程的唯 ...

  3. Thrift入门初探--thrift安装及java入门实例

    什么是thrift? 简单来说,是Facebook公布的一款开源跨语言的RPC框架. 那么问题来了. 什么是RPC框架? RPC全称为Remote Procedure Call,意为远程过程调用. 假 ...

  4. [Java初探实例篇02]__流程控制语句知识相关的实例练习

    本例就流程控制语句的应用方面,通过三个练习题来深入学习和巩固下学习的流程控制语句方面的知识,设计到,if条件判断语句,switch多分支语句,for循环语句及其嵌套多层使用,while循环语句. 练习 ...

  5. 【thrift】thrift入门初探--thrift安装及java入门实例

    转载:https://www.cnblogs.com/fingerboy/p/6424248.html 公司的一些平台服务框架底层封装了thrift提供服务,最近项目不是很紧,于是研究了一下,刚刚入门 ...

  6. Redis缓存Mysql模拟用户登录Java实现实例[www]

    Redis缓存Mysql模拟用户登录Java实现实例 https://jingyan.baidu.com/article/09ea3ede1dd0f0c0aede3938.html redis+mys ...

  7. Flex Socket与Java通信实例说明（转）

    Flex Socket与Java通信实例说明(转) 这两天一直在flex的Socket ,现在终于懂了很多.由浅到深一步一步深入.慢慢体会实例,虽然实例都是在网上找的,但也经过了我的测试.我比较喜欢注 ...

  8. Java 正则表达式实例操作

    Regular Expression正则表达式,简称RegExp,常规通用的表达式,在多个开发语言中都有它的实现,可以通过正则表达式来快速的检索.匹配.查找.替换字符串中的文本. 简单实例 匹配网址 ...

  9. 从Java String实例来理解ANSI、Unicode、BMP、UTF等编码概念

    转(http://www.codeceo.com/article/java-string-ansi-unicode-bmp-utf.html#0-tsina-1-10971-397232819ff9a ...

随机推荐

  1. 【微信小程序】view顶部固定或底部固定 + scroll-view中的元素view也可以使用position:fixed;固定选中元素位置

    1.顶端固定核心代码如下: <view class="page__hd" style="position:fixed; top:0;width: 750rpx;&q ...

  2. FIS3中使用less

    安装插件: npm install -g fis-parser-less npm install -g fis3-postpackager-loader 配置:fis-conf.js 使用fis-pa ...

  3. Androidclient与服务端交互之登陆演示样例

    今天了解了一下androidclient与服务端是如何交互的,发现事实上跟web有点类似吧,然后网上找了大神的登陆演示样例.是基于IntentService的 1.后台使用简单的servlet,支持G ...

  4. Android开发project师，前行路上的14项技能

    导读: 你是否曾渴望回到宋朝? 或者什么朝,反正就是男耕女织的古代. 哦,那时的首都在汴梁(开封),房价想必没有如今这么高,工作?无非就是给你把锄头,去,种地去.夕阳西下了,麦子垛后,你和翠姑搂抱在一 ...

  5. MySQL year函数

    mysql的日期函数,示例如下:

  6. OpenCV学习(8) 分水岭算法(2)

        现在我们看看OpenCV中如何使用分水岭算法.     首先我们打开一副图像:    // 打开另一幅图像   cv::Mat    image= cv::imread("../to ...

  7. 二十道经典C#面试题

    1.在下面的代码中,如何引用命名空间fabulous中的great? namespace fabulous{// code in fabulous namespace}namespace super{ ...

  8. c:forEach实现换行

    Map<String,String> map = new TreeMap<String,String>(); map.put("key1", "v ...

  9. （算法）二叉树的第m层第k个节点

    题目: 给定以下二叉树: struct node { node *left, *right; int value; }; 要求编写函数 node* foo(node *node, unsigned i ...

  10. OpenERP7.0中非admin帐号新增其它用户问题

    在OpenERP7.0中,通过admin新增了一个管理员帐号,然后登录管理员帐号,再新增其它用户时提示错误,系统提示对users没有create权限. 经测试了解,是因为安装了多公司模块后,在记录规则 ...