百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程文章 > 正文

关于PHP分页以及数字分页 php分页查询mysql

qiyuwang 2024-10-15 14:50 10 浏览 0 评论

1.普通分页

直接略过数据库连接步骤

查询数据:

$query = $conn->query("select *from 表");

首先统计数据总条数:

$num=($query->num_rows);

设置当前页数:

$limit=10;

分页总页数:

$pages=ceil($num/$limit);

设置翻页参数以及翻页显示数据:

$cPage = empty($_GET['cPage'])?1:$_GET['cPage'];//如果没有参数就为1

$start = ($cPage-1) * $limit;//显示从第n条到第n+10条

查询分页数据:

$result=$conn->query("select * from 表 order by id limit $start,$limit");

遍历数据:

foreach($result as $image) {

//遍历内容

}

设置分页按钮:

echo或者直接插入HTML文档中

<ul class="kongzhi">

<a href="当前页url?cPage=1"><li id="index" class="<?php echo $cPage==1?'disabled':'szfy1'; ?>">«首页</li></a>

<a href="当前页url?cPage=<?php echo $cPage>1?$cPage-1:1?>"><li data-i="1" class="<?php echo $cPage==1?'disabled':'szfy1'; ?>">上一页</li></a>

<a href="当前页url?cPage=<?php echo $cPage==$pages?$pages:$cPage+1?>"><li data-i="2" class="<?php echo $cPage==$pages?'disabled':'szfy1'; ?>">下一页</li></a>

<a href="当前页url?cPage=<?php echo $pages?>"><li data-i="3" id="end" class="<?php echo $cPage==$pages?'disabled':'szfy1'; ?>">尾页»</li></a>

<a href="##" id="total"><li class="disabled"><?php echo $cPage?>/<?php echo $pages?></li></a>

<div class="cl"></div>

</ul>//"disabled", 'szfy1'css样式表示无效按钮和有效按钮

这时普通翻页就实现了,下面就是数字翻页:

设置三个变量:

$starpage = 2;//第几页开始循环缩进

$star = $cPage<=$starpage?1:$cPage-1;//从哪开始

$end = $cPage<=$starpage?5:$cPage+3;//结束页

插入数字按键在上下页之间:

<?php

for($i=$star;$i<=$end;$i++) {

$disabled = $cPage==$i?'disabled':'szfy1';//css属性

echo '<a href="当前页url?cPage='.$i.'"><li class="'.$disabled.'">'.$i.'</li></a>';

if($i > $pages-1){

$end = $pages;

}

}

?>

好了数字分页实现,有个不足之处就是最后会随着显示页面的减少,相应的数字按键也会减少,再往上翻又会补足!!

相关推荐

你们想要的Python爬虫教程来了:从原理到实践

概述:网络世界的智能采集者Python爬虫是通过自动化程序模拟人类浏览网页行为的技术工具,其核心价值在于高效获取并解析网络数据。得益于Python丰富的第三方库(如requests、Beautiful...

你需要知道的 19 个 console 实用调试技巧

大家好,我是Echa。之前给大家介绍了《...

CSS布局必备技能

Flex是一种用于布局的CSS属性,它使得在容器中的子元素能够灵活地伸缩和排列,从而实现更加自适应和响应式的布局。使用Flex布局可以轻松地创建各种复杂的布局,而无需使用复杂的CSS或者...

我是如何使用ChatGPT和CoPilot作为编码助手的

...

jsoup Selector类学习笔记,快速提升你的HTML处理能力!

Selector类是jsoup库中的一个核心类,用于通过CSS选择器语法来查找HTML文档中的元素。选择器语法通用选择器*:匹配任何元素。标签选择器tag:匹配指定标签名的元素。...

CSS伪类选择器大全:提升网页交互与样式的神奇工具

CSS伪类选择器是前端开发中不可或缺的强大工具,它们允许我们根据元素的状态、位置或用户行为动态地应用样式。本文将全面介绍常用的伪类选择器,并通过代码示例展示其实际应用场景。一、基础交互伪类1.超链接...

简析JS中Document与CSS

如果你是一名前端人员,你单单的使用jq插件显然不够,js在大多时候比较搁置,但你如果前端技术想要提升,那么js的精通对你显得很重要,本文只是他到js的document与css。1.Document与E...

网页世界隐藏的神秘代码语言,竟能这样改变布局

CSS基础:选择器与属性CSS(CascadingStyleSheets)是用于控制网页外观的一门样式表语言。它通过定义HTML元素的显示方式来增强网页的表现力。CSS的选择器允许开发者精确地定位...

Thymeleaf 语法全面详解(史上最全)

Thymeleaf是一个现代化的服务器端Java模板引擎,支持HTML、XML、JavaScript、CSS甚至纯文本。以下是Thymeleaf语法的全面详解,包含所有属性和复杂用法。...

零基础学习HTML之CSS篇内联内部外部样式表和类型选择符

CSS简介CSS(CascadingStyleSheets)层叠样式表。CSS能做些什么?1.使用CSS样式可以有效地对页面进行布局。2.使用CSS样式可以对页面字体、颜色、背景和其他效果实现...

css 设置盒子阴影,阴影和背景图保持一致

预览图首先查看预览图:原理采用了background属性...

CSS中的定位(postion)详解

定义CSSposition属性用于指定一个元素在文档中的定位方式。top,right,bottom和left属性则决定了该元素的最终位置,z-index属性则决定了该元素所在的层级。定位类型1...

CSS selector 小知识学习分享

在设计器中,大家拾取网页元素后,在右侧的属性栏里都会有一个叫“查找路径”的选择框,一般也很少有人用到,打开后里面显示了一堆‘@#yen#%#yen@*T&’的玩意,那么这个“查找路径”到底是个什...

从网站检查中复制CSS代码的最简单方法

在处理网站项目时,您是否曾经对使用开发工具感到沮丧?必须在您正在处理的网页和检查器之间来回切换以查看CSS并进行调整通常可能是一个挑战。值得庆幸的是,有一个浏览器扩展程序可以简化该过程:CSSSca...

XPath 选择器

上篇《Selenium入门(基于Python)...

取消回复欢迎 发表评论: