精华内容
下载资源
问答
  • 上下翻页

    2008-06-03 15:52:00
    public class Page implements Serializable { private static int DEFAULT_PAGE_SIZE = 20; private int pageSize = DEFAULT_PAGE_SIZE; // 每页的记录数 private long start; // 当前页第一条数据在List中的...

    public class Page implements Serializable {

     private static int DEFAULT_PAGE_SIZE = 20;

     private int pageSize = DEFAULT_PAGE_SIZE; // 每页的记录数

     private long start; // 当前页第一条数据在List中的位置,从0开始

     private Object data; // 当前页中存放的记录,类型一般为List

     private long totalCount; // 总记录数

     /**
      * 构造方法,只构造空页.
      */
     public Page() {
      this(0, 0, DEFAULT_PAGE_SIZE, new ArrayList());
     }

     /**
      * 默认构造方法.
      *
      * @param start  本页数据在数据库中的起始位置
      * @param totalSize 数据库中总记录条数
      * @param pageSize  本页容量
      * @param data   本页包含的数据
      */
     public Page(long start, long totalSize, int pageSize, Object data) {
      this.pageSize = pageSize;
      this.start = start;
      this.totalCount = totalSize;
      this.data = data;
     }

     /**
      * 取总记录数.
      */
     public long getTotalCount() {
      return this.totalCount;
     }

     /**
      * 取总页数.
      */
     public long getTotalPageCount() {
      if (totalCount % pageSize == 0)
       return totalCount / pageSize;
      else
       return totalCount / pageSize + 1;
     }

     /**
      * 取每页数据容量.
      */
     public int getPageSize() {
      return pageSize;
     }

     /**
      * 取当前页中的记录.
      */
     public Object getResult() {
      return data;
     }

     /**
      * 取该页当前页码,页码从1开始.
      */
     public long getCurrentPageNo() {
      return start / pageSize + 1;
     }

     /**
      * 该页是否有下一页.
      */
     public boolean hasNextPage() {
      return this.getCurrentPageNo() < this.getTotalPageCount() - 1;
     }

     /**
      * 该页是否有上一页.
      */
     public boolean hasPreviousPage() {
      return this.getCurrentPageNo() > 1;
     }

     /**
      * 获取任一页第一条数据在数据集的位置,每页条数使用默认值.
      *
      * @see #getStartOfPage(int,int)
      */
     protected static int getStartOfPage(int pageNo) {
      return getStartOfPage(pageNo, DEFAULT_PAGE_SIZE);
     }

     /**
      * 获取任一页第一条数据在数据集的位置.
      *
      * @param pageNo   从1开始的页号
      * @param pageSize 每页记录条数
      * @return 该页第一条数据
      */
     public static int getStartOfPage(int pageNo, int pageSize) {
      return (pageNo - 1) * pageSize;
     }
    }

    展开全文
  • 支持水平上下翻页

    2021-04-04 14:18:20
    该源码案例是一个不错的支持水平上下翻页效果,源码freepager,一个ViewPager的库,支持水平翻页,上下翻页,无限翻页,希望这个能够帮到大家的学习和使用。
  • 实现sqlplus上下翻页

    2019-01-17 17:49:31
    实现sqlplus上下翻页
  • CentOs上下翻页

    千次阅读 2018-12-28 18:04:25
    在windows上虚拟机中安装的CentOS,在命令窗口输入某个命令后,显示的内容较多,但是我想看前面几行的内容,可以使用...向下翻页查看 Shift + PgDn 亲测有效哦! A little bit of progress every day!Come on! ...

    在windows上虚拟机中安装的CentOS,在命令窗口输入某个命令后,显示的内容较多,但是我想看前面几行的内容,可以使用下面的按键进行上下翻页的操作:

    • 向上翻页查看
    Shift + PgUp 
    

    • 向下翻页查看
    Shift + PgDn 
    

    亲测有效哦!


    A little bit of progress every day!Come on!

    展开全文
  • h5上下翻页动画

    2018-03-07 10:02:28
    h5年报是一个上下翻页的动画,并伴有音乐,翻页后的动后是一帧一帧地加载。
  • 上下翻页效果

    2013-12-09 19:26:06
    android上下翻页效果源码,经常用到,觉得挺有用的,就分享给各位朋友。
  • 本篇文章给大家带来的内容是关于原生js实现可以带上下翻页翻页功能(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。翻页功能在渲染数据时经常用到,下面是使用原生JS去实现的一个翻页功能...

    5268f80b9b1e01f982625ef6fac83ca1.png

    本篇文章给大家带来的内容是关于原生js实现可以带上下翻页的翻页功能(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

    翻页功能在渲染数据时经常用到,下面是使用原生JS去实现的一个翻页功能,带上下翻页功能,效果图如下:

    651a32bd2dd1af73bc9e4b250c2a7fd6.png

    主要步骤/思路:实现页面效果;

    点击页码时,根据情况判断,控制翻页变化,有以下几种情况:

    (a).总页数 > 限制页数 =》有10页,限制每次只显示5页

    (a).总页数 = 限制页数 =》只返回1页,显示每次只显示5页

    (a).总页数 < 限制页数 =》返回的总页数和每次显示的页数是相同的

    3. 上下翻页功能,根据翻页情况,第一页和最后一页时,应该移除翻页的功能等;

    页面效果实现:

    html

    css/** 分页 */

    .pagination{

    display: inline-block;

    }

    .pagination>ul{

    padding: 0;

    margin: 0;

    display: inline-block;

    border: 1px solid #e2e2e2;

    }

    .pagination>ul>li{

    float: left;

    border-right-width: 1px;

    border-right-style: solid;

    border-right-color: #e2e2e2;

    }

    .pagination>ul>li:first-child{

    background-color: rgb(30, 159, 255);

    }

    .pagination>ul>li:last-child{

    border-right-width: 0px;

    }

    .pagination>ul>li>a{

    display: inline-block;

    width: 38px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    color: #333;

    }

    .pagination>ul>li>a:hover{

    opacity: 0.7;

    }

    .pagination>a{

    display: inline-block;

    width: 50px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    color: #333;

    border: 1px solid #e2e2e2;

    }

    .pagination a.page-pre{

    margin-right: -1px;

    float: left;

    color: #d2d2d2;

    cursor: not-allowed;

    border-right-width: 0px;

    }

    .pagination a.page-next{

    float: right;

    border-left-width: 0px;

    }

    /* 分页 end **/

    实现翻页效果var pagination = function (o){

    /**

    * 翻页会出现的情况:

    * 总页数 > 限制页数 30 > 10

    * 总页数 < 限制页数 5 < 10

    * 总页数 = 限制页数 10 = 10

    * @var pnCount - 显示多少页码 => 限制显示页码 < 页码总数 (按限制显示) : 限制显示页码 > 页码总数 (按页码总数显示)

    * @var midN - 翻页的中间页码位置

    *

    */

    var config = {

    count: o.count || 10,

    limit: o.limit || 5, //每页显示的条数

    };

    var count = config.count,

    limit = config.limit,

    eUl = dorea(".pagination ul")[0],

    ePre = dorea(".pagination .page-pre")[0],

    eNext = dorea(".pagination .page-next")[0],

    eUlChild = eUl.children,

    pnCount = limit < count ? pnCount = limit : pnCount = count,

    midN = Math.ceil( pnCount / 2 );

    /* 初始化上下翻页的页码 */

    ePre.setAttribute("data-page","1");

    eNext.setAttribute("data-page","1");

    /*

    * @func renderPag

    * @desc 渲染分页

    * @param { string } startN - 页码起始数

    * @param { string } currP - 当前页数 ,初始化该函数时可不传

    * @var childLen - 所有的子元素(页码)的长度

    */

    var renderPag = function (startN,currP){

    var childLen = eUlChild.length;

    /* 渲染前先清空所有页码 */

    for ( var d = childLen-1; d>=0; d-- ) {

    eUlChild[d].parentNode.removeChild(eUlChild[d]);

    }

    /* 渲染页码 */

    for ( var i = startN; i

    var eLi = creatEle("li"),

    eA = creatEle("a");

    eA.innerHTML = i;

    eA.setAttribute("href","javascript:;");

    eLi.setAttribute("data-page",i);

    eLi.appendChild(eA);

    eUl.appendChild(eLi);

    /* 添加页码的点击事件,获取当前页码currPage */

    eLi.addEventListener("click",function (){

    var currPage = this.getAttribute("data-page");

    turnPag(currPage);

    ePre.setAttribute("data-page",currPage);

    eNext.setAttribute("data-page",currPage);

    });

    }

    /* 每次重新渲染翻页时,判断当前页情况(是否属于首页和尾页) */

    if (currP!==undefined) {

    if (currP=="1") {

    ePre.style.color = "#d2d2d2";

    ePre.style.cursor = "not-allowed";

    ePre.removeEventListener("click",preFn,false);

    }else if(currP==count){

    eNext.style.color = "#d2d2d2";

    eNext.style.cursor = "not-allowed";

    eNext.removeEventListener("click",nextFn,false);

    }else{

    ePre.style.color = "#333";

    ePre.style.cursor = "pointer";

    eNext.style.color = "#333";

    eNext.style.cursor = "pointer";

    ePre.addEventListener("click",preFn,false);

    eNext.addEventListener("click",nextFn,false);

    }

    }

    };

    /**

    * @func turnPag

    * @desc 翻页事件判断,主要用于点击事件发生后,进行页码渲染前的判断

    * @param { string } cp - 传入一个点击所获得的当前页数

    * 情况:1) count > limit

    * a). limit的前半部分页码,例如 10,5 ,前半部分是 1,2 => 起始页为 1

    * b). limit的后半部分页码,例如 10,5 ,后半部分是 9,10 => 起始页为 (count-limit)+1

    * b). limit的中间部分,例如 10,5 ,中间部分是 4-7 => 起始页为 (当前页 - (limit/2))+1

    * 情况:2) count = limit => 起始页为 1

    * 情况:3) count < limit => 限制10条,但真实数据确只有5条

    * a). 发生这类情况,限制条数应以总数据条数为准则

    *

    */

    var turnPag = function (cp){

    console.log("当前第 "+cp+" 页");

    if (count>limit) {

    if ( cp<=midN ) { //判断是否属于前部分

    renderPag(1,cp);

    }else if( cp<=count && cp>count - midN ){ //判断是否属于后部分

    renderPag( (count - limit)+1 ,cp) ;

    }else{

    renderPag( (cp-midN)+1 ,cp);

    }

    }else if (count===limit || count

    renderPag(1);

    }else{

    renderPag( (count - midN)-1 ,cp);

    }

    for (var i = 0; i

    eUlChild[i].style.backgroundColor = "#fff";

    if (eUlChild[i].getAttribute("data-page") == cp) {

    eUlChild[i].style.backgroundColor = "#1E9FFF"; /* 选中状态 */

    }

    }

    };

    /**

    * @func preFn

    * @desc 上翻页

    * @func nextFn

    * @desc 下翻页

    */

    var preFn = function (){

    var currPage = this.getAttribute("data-page");

    currPage--;

    turnPag(currPage);

    ePre.setAttribute("data-page",currPage);

    eNext.setAttribute("data-page",currPage);

    };

    var nextFn = function (){

    var currPage = this.getAttribute("data-page");

    currPage++;

    turnPag(currPage);

    ePre.setAttribute("data-page",currPage);

    eNext.setAttribute("data-page",currPage);

    };

    renderPag(1);

    /*

    * 初次渲染翻页时,判断当前的总页数情况,初始化翻页功能

    * 情况: 1) count > limit 上翻页:暗色,删除事件 - 下翻页:亮色,点击事件

    * 情况: 2) count = limit 上下翻页:暗色,删除事件

    * 情况: 3) count < limit 上下翻页:暗色,删除事件

    */

    if (count>limit) {

    ePre.style.color = "#d2d2d2";

    ePre.style.cursor = "not-allowed";

    ePre.removeEventListener("click",preFn,false);

    eNext.addEventListener("click",nextFn,false);

    }else{

    ePre.style.color = "#d2d2d2";

    ePre.style.cursor = "not-allowed";

    ePre.removeEventListener("click",preFn,false);

    eNext.style.color = "#d2d2d2";

    eNext.style.cursor = "not-allowed";

    eNext.removeEventListener("click",nextFn,false);

    }

    }

    相关推荐:

    原生JS如何实现翻页功能

    js 拖拽翻页实现代码_javascript技巧

    Js实现网页键盘控制翻页的方法_javascript技巧

    展开全文
  • Android ListView上下翻页效果
  • jsp上下翻页

    2011-11-14 17:27:06
    jsp上下翻页 数据库采用MySql 采用分层架构 jsp/servlet
  • 上下翻页新闻代码

    2013-05-26 22:31:55
    上下翻页新闻代码
  • js+css实现上下翻页相册代码
  • 带上下翻页的焦点图片切换效果
  • H5 上下 翻页

    2018-11-27 13:37:31
    H5 滑动 翻页
  • ListView上下翻页效果

    2013-07-12 10:00:14
    实现ListView的上下翻页效果,并实现选择跳转到指定的页面
  • Linux命令行界面上下翻页

    千次阅读 2020-01-09 10:35:41
    有时候我们查看的信息有多行,而恰好我们使用的linux系统是server版,不能使用鼠标去翻页 shift+pageuo/pagedn 实现上下翻页的效果

    有时候我们查看的信息有多行,而恰好我们使用的linux系统是server版,不能使用鼠标去翻页

    shift+pageup/pagedn

    实现上下翻页的效果

    展开全文
  • 在Windowns上通过sqlplus登陆oracle数据库,可以通过向上 ↑ 和向下 ↓ 按钮实现曾经执行过语句的向上向下翻页,非常方便。但Linux默认是不支持的,如果想也支持,处理步骤如下: 1、安装rlwrap包,可以使用yum ...
  • 该代码是andrid 不是很常见但是很炫的效果的项目 demo jar包,Flipeboad 很好的上下翻页效果
  • 重写的viewpager,实现了上下翻页的同时具有左右翻页的功能
  • HTML模板支持左右翻页和上下翻页两种翻页方向模式。仿真翻页和滑动翻页都支持设置翻页方向。...仿真翻页下的上下方翻页(推荐关闭自动双页显示设置) 滑页模式的左右翻页 滑页模式的上下翻页 ...
  • flash图片轮播可上下翻页的焦点图代码 flash图片轮播可上下翻页的焦点图代码
  • 附上下翻页和暂停按钮的Flash焦点图
  • 带上下翻页的Flash+Xml焦点图代码
  • Linux终端下翻页操作

    千次阅读 2019-09-11 15:12:03
    在终端tty1下查询某目录时,内容太多,前面的内容看不到解决方案 Shift+PgUp向上翻页 Shift+PgDn向下翻页
  • 主要介绍了js+css实现上下翻页相册特效,相册可以从上方或者下方随意切换,推荐给大家,有需要的小伙伴可以参考
  • Android仿苹果的上下翻页效果Android仿苹果的上下翻页效果
  • Android仿苹果iso系统的上下翻页效果源码实例,据说是失传已久的江湖秘笈,哈哈~~建议使用跨平台的UDE来进行查看、调试.统一开发环境是一款HTML5跨平台一站式应用开发、调试和部署工具, 它支持HTML5跨平台开发,原有...
  • 在很多电子商务网站中,在详情页展示的内容很多, 往往展示不完,所以会上下翻页显示,这是我找的 一个上下翻页的例子,希望和大家交流学习。
  • HTML5手机页面触屏滑动上下翻页特效
  • 本文实例讲述了wordpress利用键盘左右键实现上下翻页的方法。分享给大家供大家参考。具体分析如下: 利用键盘左右键翻页效果其实只是我们利用了一款js效果,用键盘左右键实现wordpress上下翻页,其实原理和ctrl+enter...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 5,608
精华内容 2,243
关键字:

下翻页