精华内容
下载资源
问答
  • bootstrap-table中实现,翻页之后再返回,依然选中的情况,具体内容如下 //var productids = $("body",window.parent.frames[0].document).find('.ptids');//textarea存放数据 var productids = $('textarea'); var...
  • js实现web的翻页功能

    2017-04-26 18:16:06
    纯js实现web前端的翻页,实现、首页、尾页、上一页、下一页的功能实现
  • SpringMVC-01源码:整合Spring+SpringMVC+MyBatis ,实现增、删、查、改、翻页功能。 demo项目对应博文地址 :https://blog.csdn.net/tianyu00/article/details/90643271
  • 要实现翻页功能,只需要设置一个pageIndex即可,然后每次加载页面时通过pageIndex去加载数据就行。 那么我们可以设置一个隐藏的input框,用于传递pageIndex给下个页面。 当我们点击上一页的时候,通过js方法改变...
  • 主要介绍了JavaScript实现翻页功能(附效果图),在项目需求中经常遇到,今天小编抽时间给大家分享JavaScript实现翻页功能实例代码,需要的朋友参考下吧
  • 主要为大家详细介绍了微信小程序实现下滑到底部自动翻页功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • js翻页功能

    2014-03-07 14:03:33
    js翻页功能 漂亮的翻页功能实现 简单易用 呵呵
  • PHP页面使用jQuery实现不刷新页面翻页功能,
  • 总的来说,javaWeb翻页功能就是根据当前页(thisPage)来确定页面显示内容。 初始化页面:thisPage=1; 下一页:if(thisPage<MaxPage);thisPage++; startMessage=(thispage+1)*showMessage; 上一页:if(thisPage!=...

    总的来说,javaWeb翻页功能就是根据当前页(thisPage)来确定页面显示内容。
    初始化页面:thisPage=1;
    下一页:if(thisPage<MaxPage);thisPage++; startMessage=(thispage+1)*showMessage;
    上一页:if(thisPage!=0)thisPage–;startMessage=(thispage+1)*showMessage;
    尾页:thisPage=maxPage; startMessage=(thispage-1)*showMessage
    首页:thisPage=1;
    去哪一页:if(thisPage!=0&&thisPage<MaxPage) thisPage=goNum; startMessage=(thispage-1)*showMessage

    展开全文
  • 用js实现键盘方向键翻页功能的代码
  • javascript翻页功能

    2019-03-16 01:48:50
    NULL 博文链接:https://summerboy123456.iteye.com/blog/440599
  • 翻页功能测试点

    千次阅读 2020-05-09 14:11:47
    常见的翻页功能主要包含的功能有: 首页、上一页、下一页、尾页 总页数,当前页数 指定跳转页数 指定每页显示条数 列表数据可点击查看详情,从详细返回后,跳转到原来的列表页 接下来,我们对这几个主要功能分类来...

    常见的翻页功能主要包含的功能有:

    1. 首页、上一页、下一页、尾页
    2. 总页数,当前页数
    3. 指定跳转页数
    4. 指定每页显示条数
    5. 列表数据可点击查看详情,从详细返回后,跳转到原来的列表页

    接下来,我们对这几个主要功能分类来提取测试点:

    1. 首页、上一页、下一页、尾页
      (1)无数据时,控件的显示情况
      (2)只有一页数据时,控件的显示情况(如,不能出现X/Y页)
      (3)在首页时,首页和上一页是否能点击
      (4)在尾页时,尾页和下一页是否能点击
      (5)不在首页和尾页时,控件是否都能点击
      (6)翻页后,列表中的记录是否仍然按照排序规则进行排列显示
    2. 总页数,当前页数
      (1)总页数显示是否正确,是否总页数=总记录数/每页显示的记录数量
      (2)当前页数显示是否正确
    3. 指定跳转页数
      (1)指定页数,是否能正确跳转到指定页数
      (2)输入的指定页数格式不正确,系统会怎么处理
    4. 指定每页显示条数
      (1)是否有默认的指定页面显示条数,如有,系统显示是否正确,如无,系统如何处理
      (2)修改指定每页显示条数后,系统显示是否正确
      (3)输入的指定页数格式不正确,系统会怎么处理
    展开全文
  • Android提高篇之listView点击button翻页功能实现源码,最近的开发需要在手机上实现列表分页功能,可以设置每页显示的记录数,第一页和最后一页翻页按钮自动置灰。代码中包括RelativeLayout对视图(View)和按钮位置...
  • 今天小编就为大家分享一篇关于Django使用paginator插件实现翻页功能的实例,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
  • 本程序实现了书籍向后翻页与向前翻页功能,并且可以读取txt文件与pdf文件。
  • 行业分类-设备装置-具有翻页功能的书架.zip
  • 主要介绍了Android开发之手势检测及通过手势实现翻页功能的方法,结合实例形式分析了Android GestureDetector类实现手势检测功能的相关操作技巧,需要的朋友可以参考下
  • 主要介绍了python tkiner实现 一个小小的图片翻页功能,需要的朋友可以参考下
  • jsp实现翻页功能

    千次阅读 2017-12-15 01:35:00
    jsp实现翻页功能 要实现翻页功能,只需要设置一个pageIndex即可,然后每次加载页面时通过pageIndex去加载数据就行。 那么我们可以设置一个隐藏的input框,用于传递pageIndex给下个页面。 当我们点击上一页的时候...

    jsp实现翻页功能

    要实现翻页功能,只需要设置一个pageIndex即可,然后每次加载页面时通过pageIndex去加载数据就行。

    那么我们可以设置一个隐藏的input框,用于传递pageIndex给下个页面。

    当我们点击上一页的时候,通过js方法改变pageIndex的值,再提交表单即可

    二话不多说,看代码,代码里面写的还算比较清楚。

    这个是index.jsp的代码。

    index.jsp

      1 <%@page import="Bean.DBBean"%>
      2 <%@page import="Entity.Record"%>
      3 <%@page import="java.util.List"%>
      4 <%@ page language="java" contentType="text/html; charset=UTF-8"
      5     pageEncoding="UTF-8"%>
      6 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
      7 <html>
      8 <head>
      9 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
     10 <title>NoteBook of Eric Wu</title>
     11     <link rel="stylesheet" href="css/basic.css">
     12     <link rel="stylesheet" href="css/index.css">
     13 </head>
     14 <body>
     15 <%
     16     int allRecord=0;//总的记录条数,不包含查询后的
     17     int totalRecord=0;//总的记录条数,包含查询后的
     18     int totalPage=1;//总的页面数,包含查询后的
     19     int pageIndex=1;//当前页面号,用于控制页面翻转,默认为1
     20     List<Record> records=null;
     21     DBBean db=new DBBean();
     22     allRecord=db.getRecordCount();
     23     totalRecord=db.getRecordCount();
     24     totalPage=(totalRecord-1)/10+1;
     25     if(request.getParameter("pageIndex")!=null){//不是第一次加载
     26         //要做下数据类型转换
     27         pageIndex=Integer.valueOf(request.getParameter("pageIndex"));
     28         if(request.getParameter("keyword")!=null){
     29             String keyword=request.getParameter("keyword");
     30             records=db.getRecords(pageIndex,keyword);//获取查询内容一页的事件记录集,共10条
     31             totalRecord=db.getRecordCount(keyword);
     32             totalPage=(totalRecord-1)/10+1;
     33         }else{
     34             records=db.getRecords(pageIndex);//获取一页的事件记录集,共10条
     35         }
     36     }else{//第一次加载
     37         records=db.getRecords(pageIndex);//获取一页的事件记录集,共10条
     38     }
     39     session.setAttribute("records", records);//便于后面使用
     40 %>
     41     <div id="home">
     42     <div id="header">
     43         <div id="WebTitle">
     44             <div class="maintitle"><a href="index.jsp" target="_blank">NoteBook of Eric Wu</a></div>
     45             <div class="subtitle">The palest ink is better than the best memory !</div>
     46         </div>
     47 
     48         <div id="navigator">
     49             <ul id="navList">
     50                 <li><a href="index.jsp">首页</a></li>
     51                 <li><a href="add.jsp">新增</a></li>
     52                 <li><a href="change.jsp">修改</a></li>
     53                    <li><a href="delete.jsp">删除</a></li>
     54             </ul>
     55             <div id="Stats">
     56                 记录-<%=allRecord %>
     57             </div><!--end: Stats 状态-->
     58         </div><!-- end: navigator 导航栏 -->
     59     </div><!-- end: header 头部 -->
     60     
     61     <div id="main">
     62            <div id="content">
     63                <form id="searchForm" name="searchForm" action="index.jsp"  method="get">
     64                    <input type="hidden" name="pageIndex" id="pageIndex"  value="1">
     65                 <div id="search">
     66                     <div class="center"></div>
     67                     <input type="text" class="search" id="keyword" name="keyword" placeholder="请输入要查询的记录">
     68                     <img src="img/search.png" onclick="searchKeyword();" class="button">
     69                 </div>
     70             </form>
     71                <table>
     72                 <tr>
     73                     <th width="10%">序号</th>
     74                     <th width="60%">标题</th>
     75                     <th width="30%">时间</th>
     76                 </tr>
     77                 <%
     78                     int count=0;
     79                     if(records!=null){
     80                         for(Record r: records){
     81                             count++;
     82                 %>
     83                 <tr>
     84                     <td class="center"><%= count %></td>
     85                     <td><a href="content.jsp?recordId=<%= r.getId() %>"  target="_blank"><%= r.getTitle() %></a></td>
     86                     <td class="center"><%= r.getTime() %></td>
     87                 </tr>
     88                 <%    
     89                         }
     90                     }
     91                 %>
     92                  <tr class="alt" >
     93                     <td class="center" colspan="3">
     94<%= totalRecord %>条记录&nbsp;&nbsp;&nbsp;
     95<%= totalPage %>&nbsp;&nbsp;&nbsp;
     96                         每页10条&nbsp;&nbsp;&nbsp;
     97                         当前第<%= pageIndex %>&nbsp;&nbsp;&nbsp;
     98                         <a href="javascript:void(0);" class="turnPage" onclick="turnTopPage()">上一页</a>&nbsp;&nbsp;&nbsp;
     99                         <a href="javascript:void(0);" class="turnPage" onclick="turnBottomPage()">下一页</a>&nbsp;&nbsp;&nbsp;
    100                     </td>
    101                 </tr>
    102                </table>
    103         </div><!-- end: content 内容 -->
    104     </div><!-- end: main 主要部分 -->
    105 
    106     <div id="footer">     
    107         Copyright &copy;2017 汕大-吴广林
    108     </div><!-- end: footer底部-->
    109     </div><!-- end: home 自定义的最大容器 -->
    110 </body>
    111 
    112 <script type="text/javascript">
    113     var pageIndex=<%=pageIndex %>;
    114     var totalPage=<%=totalPage %>;
    115     console.log(pageIndex);
    116     //上一页
    117     function turnTopPage(){
    118         if(pageIndex==1){
    119             return;
    120         }else{
    121             document.getElementById("pageIndex").value=pageIndex-1;
    122             document.getElementById("searchForm").submit();
    123         }
    124     }
    125     //下一页
    126     function turnBottomPage(){
    127         if(pageIndex>=totalPage){    
    128             return;
    129            }else{
    130            document.getElementById("pageIndex").value=pageIndex+1;
    131            document.getElementById("searchForm").submit();
    132            }
    133     }
    134     function searchKeyword(){
    135         document.getElementById("pageIndex").value=1;
    136         document.getElementById("searchForm").submit();
    137     }
    138 </script>
    139 </html>

     

     

    效果图

    翻页后:pageIndex=1

    翻页后:pageIndex=2

     

    参考:

    jsp实现上一页下一页翻页功能 - 汕大小吴 - 博客园
    https://www.cnblogs.com/wuguanglin/p/fanye.html

     

    展开全文
  • 本文实例讲述了Android编程使用LinearLayout和PullRefreshView实现上下翻页功能的方法。分享给大家供大家参考,具体如下: 前看过网易云阅读客户端,里面的文章可以实现上下拉动实现上下翻页的效果,感觉体验效果很...
  • Django_实现翻页功能

    千次阅读 2020-07-24 10:54:49
    Django提供了翻页器。用Django的Paginator类实现 一、views模块导入Paginator类实现数据分页 ApiTest/apiviews.py 每行都加了注释,希望有助于理解。 from django.shortcuts import render from ApiTest.models ...

    Django提供了翻页器。用Django的Paginator类实现

    一、views模块导入Paginator类实现数据分页

    ApiTest/apiviews.py
    每行都加了注释,希望有助于理解。

    from django.shortcuts import render
    from ApiTest.models import ApiTest
    from django.contrib.auth.decorators import login_required
    from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger, InvalidPage
    
    
    @login_required
    def api_test_manage(request):
        username = request.session.get('user', '')
        # 获取所有接口测试数据
        apitest_list = ApiTest.objects.all().order_by('id')
        # 生成Paginator对象对数据分页,每页显示10条数据
        paginator = Paginator(apitest_list,10)
        # 使用request.GET.get()函数获取url中的page参数的数值。默认第1页
        page = request.GET.get('page', 1)
        # 把获取的当前页码数转换成整数类型
        current_page = int(page)
        try:
        	# 获取查询页数的接口数据列表,page()函数会判断page实参是否是有效数字。page()函数源码附在文章的最后
            apitest_list = paginator.page(page)
        except PageNotAnInteger:
            apitest_list = paginator.page(1)
        except (EmptyPage, InvalidPage):
        	# paginator.num_pages
            apitest_list = paginator.page(paginator.num_pages)
        return render(request, "apitest_manage.html", {'user': username, 'apitests': apitest_list})
    

    二、将views的数据渲染到前端模板上

    在对应的html文件中加入此段代码即可。

    <div class="container">
        <ul class="pagination" id="pager">
            {# 上一页链接 #}
            {% if apitests.has_previous %}
            <li class="previous"><a href="/apitest_manage/?page={{ apitests.previous_page_number }}">上一页</a></li>
            {% else %}
            <li class="previous disabled"><a href="#">上一页</a></li>
            {% endif %}
    
            {# 中间数字显示 #}
            {%  for num in apitests.paginator.page_range %}
                {%  if num == currentPage %}
                    <li class="item active"><a href="/apitest_manage/?page={{ num }}">{{ num }}</a></li>
                {% else %}
                    <li class="item"><a href="/apitest_manage/?page={{ num }}">{{ num }}</a></li>
                {% endif %}
            {% endfor %}
    
            {# 下一页链接 #}
            {% if apitests.has_next %}   {# 如果有下一页,则正常显示下一页链接 #}
                <li class="next"><a href="/apitest_manage/?page={{ apitests.next_page_number }}">下一页</a></li>
            {% else %}
                <li class="next disabled"><a href="#">下一页</a></li>
            {% endif %}
    
        </ul>
    </div>
    

    三、效果展示在这里插入图片描述

    四、Paginator类源码

    此类主要用在views文件

    class Paginator:
        def __init__(self, object_list, per_page, orphans=0,
                     allow_empty_first_page=True):
            self.object_list = object_list
            self._check_object_list_is_ordered()
            self.per_page = int(per_page)
            self.orphans = int(orphans)
            self.allow_empty_first_page = allow_empty_first_page
    
        def validate_number(self, number):
            """Validate the given 1-based page number."""
            try:
                if isinstance(number, float) and not number.is_integer():
                    raise ValueError
                number = int(number)
            except (TypeError, ValueError):
                raise PageNotAnInteger(_('That page number is not an integer'))
            if number < 1:
                raise EmptyPage(_('That page number is less than 1'))
            if number > self.num_pages:
                if number == 1 and self.allow_empty_first_page:
                    pass
                else:
                    raise EmptyPage(_('That page contains no results'))
            return number
    
        def get_page(self, number):
            """
            Return a valid page, even if the page argument isn't a number or isn't
            in range.
            """
            try:
                number = self.validate_number(number)
            except PageNotAnInteger:
                number = 1
            except EmptyPage:
                number = self.num_pages
            return self.page(number)
    
        def page(self, number):
            """Return a Page object for the given 1-based page number."""
            number = self.validate_number(number)
            bottom = (number - 1) * self.per_page
            top = bottom + self.per_page
            if top + self.orphans >= self.count:
                top = self.count
            return self._get_page(self.object_list[bottom:top], number, self)
    
        def _get_page(self, *args, **kwargs):
            """
            Return an instance of a single page.
    
            This hook can be used by subclasses to use an alternative to the
            standard :cls:`Page` object.
            """
            return Page(*args, **kwargs)
    
        @cached_property
        def count(self):
            """Return the total number of objects, across all pages."""
            c = getattr(self.object_list, 'count', None)
            if callable(c) and not inspect.isbuiltin(c) and method_has_no_args(c):
                return c()
            return len(self.object_list)
    
        @cached_property
        def num_pages(self):
            """Return the total number of pages."""
            if self.count == 0 and not self.allow_empty_first_page:
                return 0
            hits = max(1, self.count - self.orphans)
            return ceil(hits / self.per_page)
    
        @property
        def page_range(self):
            """
            Return a 1-based range of pages for iterating through within
            a template for loop.
            """
            return range(1, self.num_pages + 1)
    
        def _check_object_list_is_ordered(self):
            """
            Warn if self.object_list is unordered (typically a QuerySet).
            """
            ordered = getattr(self.object_list, 'ordered', None)
            if ordered is not None and not ordered:
                obj_list_repr = (
                    '{} {}'.format(self.object_list.model, self.object_list.__class__.__name__)
                    if hasattr(self.object_list, 'model')
                    else '{!r}'.format(self.object_list)
                )
                warnings.warn(
                    'Pagination may yield inconsistent results with an unordered '
                    'object_list: {}.'.format(obj_list_repr),
                    UnorderedObjectListWarning,
                    stacklevel=3
                )
    
    

    五、Page类源码

    此类主要用在html文件

    class Page(collections.abc.Sequence):
    
        def __init__(self, object_list, number, paginator):
            self.object_list = object_list
            self.number = number
            self.paginator = paginator
    
        def __repr__(self):
            return '<Page %s of %s>' % (self.number, self.paginator.num_pages)
    
        def __len__(self):
            return len(self.object_list)
    
        def __getitem__(self, index):
            if not isinstance(index, (int, slice)):
                raise TypeError(
                    'Page indices must be integers or slices, not %s.'
                    % type(index).__name__
                )
            # The object_list is converted to a list so that if it was a QuerySet
            # it won't be a database hit per __getitem__.
            if not isinstance(self.object_list, list):
                self.object_list = list(self.object_list)
            return self.object_list[index]
    
        def has_next(self):
            return self.number < self.paginator.num_pages
    
        def has_previous(self):
            return self.number > 1
    
        def has_other_pages(self):
            return self.has_previous() or self.has_next()
    
        def next_page_number(self):
            return self.paginator.validate_number(self.number + 1)
    
        def previous_page_number(self):
            return self.paginator.validate_number(self.number - 1)
    
        def start_index(self):
            """
            Return the 1-based index of the first object on this page,
            relative to total objects in the paginator.
            """
            # Special case, return zero if no items.
            if self.paginator.count == 0:
                return 0
            return (self.paginator.per_page * (self.number - 1)) + 1
    
        def end_index(self):
            """
            Return the 1-based index of the last object on this page,
            relative to total objects found (hits).
            """
            # Special case for the last page because there can be orphans.
            if self.number == self.paginator.num_pages:
                return self.paginator.count
            return self.number * self.paginator.per_page
    
    展开全文
  • QT QTablewidget实现翻页功能

    千次阅读 2020-07-27 16:03:21
    } 翻页 void MainWindow::on_pushButton_4_clicked() { if(max_data ) { return; } if(ui->lineEdit->text() == NULL) { return; } QVector<int> tmp_data; tmp_data.clear(); ui->tableWidget->setRowCount(page_...
  • Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库,它面向企业级的后台应用,能够帮助你快速地搭建网站,极大地减少研发的人力与...这篇文章主要介绍了Vue2.0+ElementUI实现表格翻页功能,需要的朋友可以参考下
  • 借鉴于github上的一些功能,借鉴下来然后自己创建来用
  • unity 左右翻页功能

    千次阅读 2020-01-11 11:19:42
    代码如下。Taget代表所有物体的父类,str是int类型的代表页数,LineCount代表一行有多少个物体。... /// 向左翻页 /// </summary> public void Z() { Debug.Log("向左" + str); if (str >= 0)...
  • 后台翻页代码 】 【前台代码如下】: /** * product 默认的子路由界面 */ import React ,{Component} from 'react'; import {Card,Select,Input,Button,Icon,Table} from 'antd' import {LinkButton} from...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 54,143
精华内容 21,657
关键字:

翻页功能