分页

jq分页插件

匿名 (未验证) 提交于 2019-12-03 00:20:01
分页样式如下: < div id = "page1" class = "page_div" ></ div > < script src = "js/paging.js" ></ script > js: $( "#page1" ).paging({ totalPage: 2 //总条数 callback: function (num) { } }) CSS: /* */ .page_div { margin-top : 20px ; margin-bottom : 20px ; font-size : 15px ; font-family : "microsoft yahei" ; color : #666666; margin-right : 30px ; padding-left : 20px ; box-sizing : border-box; float : right; } /* * 页数按钮样式 */ .page_div a { min-width : 30px ; height : 28px ; border : 1px solid #dce0e0 !important ; text-align : center; margin : 0 4px ; cursor : pointer; line-height : 28px ; color : #666666;

分页语句

匿名 (未验证) 提交于 2019-12-03 00:18:01
-----表结构 create table emplyee ( id varchar(10) not null primary key, name varchar(10) not null , age int not null, sex char(2) not null, remark varchar(30) not null default '', ) ---分页sql语句实现 SELECT TOP(5)* FROM emplyee WHERE id NOT IN(SELECT TOP(15) id FROM emplyee ORDER BY ID DESC) ORDER BY ID DESC 文章来源: 分页语句

原生 JS实现一个简单分页插件

匿名 (未验证) 提交于 2019-12-03 00:17:01
最近做的一个 PC 端的需求,这个需求中有一个小点,页面底部有一块列表区域,这个列表的数据量比较大,需要进行分页控制,切换页码的时候,发送一个 ajax 请求,在页面无刷新的情况下,实现列表数据的刷新,所以就涉及到了前端分页功能,到网上看了一圈,发现那些开源的相关插件要么有各种依赖,要么太复杂用不上,要么上手有点困难,所以就想着应该也不太难,自己写个得了。 关于这种分页功能,平时很常见,不过需要自己动手做的需求却很少,所以一直停留在知道应该就是那么回事,但实际上自己从来没怎么探究过的层面上,知道应该会涉及到一些逻辑判断,不会实现起来应该没什么难度,然而,真的等到自己着手实现的时候,才知道什么叫想得美。 简单介绍 先上效果图: 有点类似于 Github 搜索结果页的底部分页,可能部分逻辑有点出入,但总体应该差不多 代码使用 ES6 语法,这个插件其实是一个 class , babel 打包后可兼容到 IE9 ,原生js无任何依赖。 整个插件类代码 SimplePagination 加上空行注释什么的共约 200 行左右,不过其中有部分代码是辅助代码,例如初始化、选择器、增删类等方法,再除去空行注释,最后剩下的核心代码也就不到 100 行的样子。 主要的判断逻辑都在 gotoPage 这个方法中,因为需要考虑到各种情况,所以里面写了很多的 if.. else... 判断

EFCore中SQLSERVER 的分页问题

匿名 (未验证) 提交于 2019-12-03 00:15:02
自SQLSERVER 2012起新增了 Offset Fetch 语法,因此EFCore默认是以此语法生成相应的分页语句的。 如果我们的目标数据库低于 2012,那么EFCore默认生成的语句在执行的时候肯定会报语法错误。为了兼容旧版本数据库,EFCore提供了 Row_Number( ) 分页方法。 在DB_DZZHContext.cs中修改如下配置,加上红色标记部分. protected override void OnConfiguring(DbContextOptionsBuilder optionsBuilder) { if (!optionsBuilder.IsConfigured) { optionsBuilder.UseSqlServer(Common.Utils.Configuration.GetConnectionString("LegalDB"),b=>b.UseRowNumberForPaging()); } } 来源:博客园 作者: 万万万W 链接:https://www.cnblogs.com/wxxf/p/11770307.html

SpringBoot项目集成PageHelper使用

匿名 (未验证) 提交于 2019-12-03 00:14:01
https://github.com/pagehelper/Mybatis-PageHelper <dependency> <groupId>org.mybatis.spring.boot</groupId> <artifactId>mybatis-spring-boot-starter</artifactId> <version>2.0.0</version> </dependency> <dependency> <groupId>tk.mybatis</groupId> <artifactId>mapper-spring-boot-starter</artifactId> <version>2.1.5</version> </dependency> <dependency> <groupId>com.github.pagehelper</groupId> <artifactId>pagehelper-spring-boot-starter</artifactId> <version>1.2.10</version> </dependency> //[pageNum, pageSize] 页码 每页显示数量 PageHelper.startPage(pageNum,pageSize); PageInfo<UserInfo> pageInfo = new PageInfo<>

vue2.0 + element-ui2实现分页

匿名 (未验证) 提交于 2019-12-03 00:13:02
当我们向服务端请求大量数据的时候,并要在页面展示出来,怎么办?这个时候一定会用到分页。 本次所使用的是vue2.0+element-ui2.12实现一个分页功能,element-ui这个组件特别丰富,它给我提供了很多Pagination分页方式,这里使用其中一个快速完成分页功能。 最终效果展示: 下面说说实现原理及附上完整的代码,包括服务端代码(python)。 页面中的当前数据、分页中的当前页码、每页显示的数据条数及数据总条数需要先在data中定义: 页面中的实际数据需要通过异步的方式从后台读取,这里使用的是axios,methods中后面两个函数是分页用到的,作用是什么?代码中有说明: 服务端代码如下(通过django实现): 来源:博客园 作者: Samve 链接:https://www.cnblogs.com/samve/p/11626480.html

jsp中分页技术的实现

匿名 (未验证) 提交于 2019-12-03 00:11:01
分页目的:为了防止服务器一次性将数据库全部数据读出,提高效率。(数据库数据以文件形式存在,从硬盘读取速度慢) 需要使用到限制查询,限制查询的两种表示方法: limit n:从0开始查询n条数据 limit(n,m): n―:偏移量(每页显示的第一条数据) m―:分页量(每页显示的数据条数) 设计需考虑: 当前分页数:currentPage 分页量:pageSize 偏移量:offset 数据总条数:pageTotal 总页数:pages 偏移量:int offset = (currentPage -1)* pageSize; 总页数: int pages= (int)Math.ceil(total*1.0 /pageSize); 分页技术的具体实现如下: servlet中的处理 service中的处理 dao层的处理 utils的处理 .jsp文件的处理 StudentServlet (get请求中分页实现关键代码) case "look" : //int currentPage = 1; int currentPage = req . getParameter ( "p" )== null ? 1 : Integer . parseInt ( req . getParameter ( "p" )); //页码值 int pageSize = 10 ; //分页量 List <