分页

分页逻辑代码

蓝咒 提交于 2019-12-07 10:09:03
###实现了如下图的分页效果 ###思路:生成哪些页码,例如1-6页,2-7页,是由后台控制生成的。 ###假设我们决定生成的分页条,上面有 9 个超链接供点击。 ###并且我们的分页信息包含总页数,当前为第几页等信息,那么我们可以计算生成分页条页面。 /** * 页面上的分页条数据 * @param tatal 分页条一共生成几条页码数据供点击 * @param pages 一共多少页数据 * @param pageNum 当前页是第几页 */ private List<String> pagesBar(int total, int pages, int pageNum) { List<String> list = new ArrayList<String>(); // 分页条第一个链接从几开始 int start = pageNum - total / 2; if (start <= 1) { start = 1; } // 分页条最后一个链接以几开始,注意此处减1,否则生成分页条数据个数大于total int end = start + total - 1; // 处理一些特殊情况,如分页条数据开头或者末尾处,保证一定会生成 total 条分页条数据超链接 if (end > pages) { end = pages; start = end - total + 1; if

Element-UI组件之分页el-pagination

早过忘川 提交于 2019-12-07 08:57:29
el-pagination 作用 当数据量过多时,使用分页分解数据。 el-pagination 使用说明 组件属性,如下图所示 组件事件,如下图所示 组件在一些时候也可以使用插槽,插入一些内容,如下图说明 el-pagination 使用案例 首先在页面的容器中放置一个分页组件,至于什么样式,得根据设计稿的要求,给组件添加响应的属性即可,在我的项目中需要展示总条数,每一页展示的条数并可以使用下拉列表进行随时的切换,可以显示的最大页面,上一页,下一页,总共几页,当前第几页等,代码如下: < h-page-footer > < el-pagination @size-change = " handlePageSizeChange " @current-change = " handleCurrentPageChange " :current-page = " pageNo " :page-sizes = " [10, 20, 50, 100] " :page-size = " pageSize " layout = " total, sizes, prev, pager, next, jumper " :total = " total " > </ el-pagination > </ h-page-footer > 响应的事件主要有改变每页的展示数据和改变显示的当前页,代码如下:

RESTful API 实践

删除回忆录丶 提交于 2019-12-07 06:43:26
欢迎访问陈同学 博客原文 猪齿鱼 REST API 规范 本文记录了 RESTful API 的一些实践经验,内容综合了部分 后端圈.研习小组 关于 REST 的探讨结果,仅简单带一下理论知识,更多可参考: Roy Thomas Fielding 2000年的 博士论文 中 Chapter 5: Representational State Transfer (REST) 阮一峰:理解 RESTful 架构 简介 REST 是 Representational State Transfer 首字母缩写,翻译为 表现层状态转化 ,加上主语 资源 ,应为: 资源通过表现层进行状态转化 。 例如:服务端提供接口查询单个用户,返回数据格式可以是:JSON、XML、文本、HTML等,这就是资源的表现形式。客户端通过HTTP(HTTPS)协议传递某种格式(表现层)的数据给服务端来完成对资源的状态变更。 技术团队理解并统一遵循 RESTful 接口的规范,可避免杂乱的接口定义,使得接口顾名思义,提高效率。 接口组成 接口由HTTP动词、域名、版本、Endpoint组成。 GET https://example.com/api/v1/users Endpoint Endpoint 在 RESTful 中理解为资源,使用复数名词来命名。例如:用户 users。 版本 表示接口版本号,可直接放入URL

解决FlexPaper分页分段加载问题

家住魔仙堡 提交于 2019-12-06 19:10:31
FlexPaper是一个开源的PDF文档在线查看控件。用户查看PDF文档不需要安装Acrobat Reader,但需要利用像 SwfTools 这样的工具预先将PDF文档转成SWF格式的文件。FlexPaper能够对需要查看的文档进行分页、搜索、打印、缩放、全屏查看等 但对于一次性加载 整个大型文档会导致加载时间过长和内存过渡消耗。在新的FlexPaper版本中已经能够解决这个问题。首先需要将你的文档拆分成多份swf文件,然后在调用FlexPaper的时候设置好相关参数,这样在浏览的时候就能够分页/分段加载。下面将介绍如何将文档拆分成多份swf文件和怎么设置FlexPaper参数: 关于如何拆分文档,在FlexPaper 1.4.5中已经提供了一个开箱即用的示例。只要在支持PHP的服务器上运行其提供的'split_document.php'文件能够自动进行分页。对于服务器上不支持PHP运行的,可以在调用PDF2SWF程序时,在原来调用的命令行基础上稍微修改一下具体如下: C:\SWFTools\pdf2swf.exe Paper.pdf -o Paper % .swf -f -T 9 -t -s storeallcharacters 大家可以看到上面的命令行比原来只多了一个 % 符号,这个符号表示在PDF2SWF转换文档时,将为每一个页创建一个swf文件。如:"Paper1.swf

Django+boostrap分页(1)

元气小坏坏 提交于 2019-12-06 18:11:11
源起 我想要优雅地使用 bootstrap + django pagination 来实现分页,忽然发现不知道该如何做起 我照葫芦画瓢知道了 bootstrap 怎么使用列表组件,也大概知道怎么使用 pagination ,但是放到一起我就彻底懵逼了。 资料收集 bootstrap 基本分页演示 <div class="pagination"> <ul> <li><a href="#">Prev</a></li> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">Next</a></li> </ul> </div> 如果想使用禁用和活动状态,可以使用 ".disable" 和 ".active" 选项。 参见: bootstrap分页说明 . Pageination 可以做的事情 首先,Paginator是一个类,它初始化时接受一个列表或者元组或者是Django的查询结果集( queryset ),以及分组大小,然后生成一个具有一系列属性的对象。下面的代码演示了如何初始化以及操作 Pageination 对象

thinkphp5内置分页功能第二页没有拿到参数,如何解决?

ⅰ亾dé卋堺 提交于 2019-12-06 16:05:18
本文转自: https://www.yunyingxbs.com/article/detail/id/342.html 感谢作者的无私分享! 最近在做项目,使用的是thinkphp5(tp5)开发的,使用tp5内置的分页功能。 那么,问题来了,我使用paginate函数生成分页时,若没有第二页是没有关系的,但是当出现分页时,结果没有请求参数。 也就是说,分页如何添加参数,搜索的时候第二页没有参数了,不可能每次手动添加吧? 查找paginate函数 细细看paginate函数包括三个参数,如下: /** *分页查询 *@paramint|array$listRows每页数量数组表示配置参数 *@paramint|bool$simple是否简洁模式或者总记录数 *@paramarray$config配置参数 *page:当前页, *path:url路径, *query:url额外参数, *fragment:url锚点, *var_page:分页变量, *list_rows:每页数量 *type:分页类名 *@return\think\Paginator *@throwsDbException */ publicfunctionpaginate($listRows=null,$simple=false,$config=[]) { 原来我们可以传配置参数的。那么就很好实现了。 解决办法

分页查询表格逻辑 及源码

别说谁变了你拦得住时间么 提交于 2019-12-06 14:14:50
前台写数据展现时 有时需要用到分页 以下是自己写的分页源码 HTML页面的 格式 给DIv加一个ID 在给分页写个框架 <div class="row" id="imglist"> </div> <%--分页控件--%> <div class="row"> <div class="col-md-12 text-right"> <nav aria-label="Page navigation"> <ul class="pagination pagination-lg" id="fenye" > </ul> </nav> </div> </div> 然后添加JQ引用 在写一个Jq 编写 写入正则方法 加入引用 //获取Url参数 function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); return null; } 然后取值并使用Ajax方法传入后台 <%--展现图片列表及分页--%> <script type="text/javascript"> //记录每页有多少条数据 默认4条 var

sql存储过程分页

半腔热情 提交于 2019-12-06 13:58:10
Create PROC [dbo].[ProcPageList] ( @pageSize INT = 20, --每页记录数 @pageNo INT =1, --当前页 @tableName VARCHAR(50), --表名 @whereString VARCHAR(800) = ' 1=1 ',--WHERE条件 @orderString VARCHAR(200), --排序条件(倒序需要带desc) @recordTotal INT OUTPUT --输出记录总数 ) AS BEGIN DECLARE @tempSql NVARCHAR(4000) --输出参数@recordTotal为总记录数 SET @tempSql = N'select @recordTotal = count(*) from ' + @tableName + ' where '+ @whereString EXEC sp_executesql @tempSql,N'@recordTotal INT OUTPUT',@recordTotal OUTPUT --主查询返回结果集 SET @tempSql = N'select * from (select *,Row_number() over(order by '+@orderString+') as rows from '+@tableName+'

test

故事扮演 提交于 2019-12-06 13:54:13
回归后端分页本质,理清后端分页思路--测试 采用后端分页的方式不管用了什么插件或者框架,回归本质,底层还是sql。这里提供mysql 和 SQL Server 分页sql 实现。 分页需要的知道的几个参数: 当前页 一页多少行 总记录数 总页数 上面的4个参数可以先自己定义默认值,但是总记录数和总行数需要查询数据库之后计算 php+mysql: $pageNow = 1;//当前页 $pageSize = 5;//一页多少行 $lineCount = 0;//总记录书 $pageCount = 0;//总页数 //从get请求中获取前端需要请求的当前页 if(isset($_GET['pageNow'])){ $pageNow = $_GET['pageNow']; } //统计总记录数 $sql = "select count(*) as count from table_test"; //执行查询 $res=$conn->query($sql); while($row=$res->fetch_assoc()){ $lineCount = $row['count']; } //向上取整,统计总页数 $pageCount = ceil($lineCount/$pageSize); //动态生成sql $sql = "select * from table_test limit ".