页面的效果

页面的css

 @CHARSET "UTF-8";

 *{

     margin:0;

     padding:0;

 }

 body{

     width:800px;

     margin:0 auto;

     border:1px solid green;

 }

 #content ul{

     background:gray;

     width:300px;

     height:400px;

     list-style-type:none;

 }

 #content ul li{

     width:250px;

     height:20px;

     line-height:20px;

     background:orange;

     margin-top:2px;

 }

 #fenye ul{

     list-style-type:none;

 }

 #fenye li{

     width:20px;

     height:20px;

     text-align:center;

     border:1px solid red;

     margin-right:2px;

     float:left;

 }

 #fenye ul li a{

     text-decoration:none;

     display:block;

     width:20px;

     height:20px;

     line-height:20px;

     background:orange;

     color:black;

 }

 #fenye ul li a:hover{

     cursor:pointer;

 }

页面的主体部分

 <?php 

 header('Content-type:text/html;charset="utf-8"');

 define('DB_HOST','****');

 define('DB_USER','****');

 define('DB_PWD','***');

 define('DB_NAME','*****');

 //初始化数据库

 if(!$_conn = @mysql_connect(DB_HOST,DB_USER,DB_PWD)){

     exit('数据库连接失败');

 }

 //选择数据库

 if(!mysql_select_db(DB_NAME,$_conn)){

     exit('找不到指定的数据库');

 }

 //设置字符集

 if (!mysql_query("SET NAMES UTF8")){

     exit('字符集错误！');

 }

 /*下面是分页参数*/

 //设置当前页数:$_pageNum;

 if(isset($_GET['page'])){

     $_pageNum = $_GET['page'];

 }else {

     $_pageNum=1;

 }

 //设置每页显示几条数据:$everyRows

 $evryRows = 3;

 //设置总页数:$pageCount;

 $pageNums=mysql_num_rows(mysql_query("SELECT id FROM grade"));

 if ($pageNums==0){

     $pageCount=1;

 }else {

     $pageCount = ceil($pageNums/$evryRows);

 }

 //设置第几页开始的页码:$startcount

 $startcount = ($_pageNum-1)*$evryRows;

 //执行sql语句

 $_sql="SELECT id,name,address FROM grade Limit $startcount,$evryRows";

 if(!$_result = mysql_query($_sql)){

     exit('SQL执行失败！');

 }

 ?>

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 <title>分页</title>

 <link rel="stylesheet" type="text/css" href="includes/index.css"/>

 </head>

 <body>

     <div id="content">

         <ul>

             <?php while (!!$_rows = mysql_fetch_array($_result,MYSQL_ASSOC)) {?>

             <li><?php echo $_rows['id'].'---'.$_rows['name'].'---'.$_rows['address']?></li>

             <?php }?>

         </ul>

     </div>

     <div id="fenye">

     <ul>

         <?php for ($count=0;$count<$pageCount;$count++){

             echo '<li><a href="?page='.($count+1).'">'.($count+1).'</a></li>';

         }

         ?>            

     </ul>

     </div>

 </body>

 </html>

PHP的分页的更多相关文章

  1. 记一次SQLServer的分页优化兼谈谈使用Row_Number()分页存在的问题

    最近有项目反应,在服务器CPU使用较高的时候,我们的事件查询页面非常的慢,查询几条记录竟然要4分钟甚至更长,而且在翻第二页的时候也是要这么多的时间,这肯定是不能接受的,也是让现场用SQLServerP ...

  2. js实现前端分页页码管理

    用JS实现前端分页页码管理,可以很美观的区分页码显示(这也是参考大多数网站的分页页码展示),能够有很好的用户体验,这也是有业务需要就写了一下,还是新手,经验不足,欢迎指出批评! 首先先看效果图: 这是 ...

  3. JdbcTemplate+PageImpl实现多表分页查询

    一.基础实体 @MappedSuperclass public abstract class AbsIdEntity implements Serializable { private static ...

  4. MVC如何使用开源分页插件shenniu.pager.js

    最近比较忙,前期忙公司手机端接口项目,各种开发+调试+发布现在几乎上线无问题了:虽然公司项目忙不过在期间抽空做了两件个人觉得有意义的事情,一者使用aspnetcore开发了个人线上项目(要说线上其实只 ...

  5. NET Core-TagHelper实现分页标签

    这里将要和大家分享的是学习总结使用TagHelper实现分页标签,之前分享过一篇使用HtmlHelper扩展了一个分页写法地址可以点击这里http://www.cnblogs.com/wangrudo ...

  6. 套用JQuery EasyUI列表显示数据、分页、查询

    声明,本博客从csdn搬到cnblogs博客园了,以前的csdn不再更新,朋友们可以到这儿来找我的文章,更多的文章会发表,谢谢关注! 有时候闲的无聊,看到extjs那么肥大,真想把自己的项目改了,最近 ...

  7. php实现的分页类

    php分页类文件: <?php /** file: page.class.php 完美分页类 Page */ class Page { private $total; //数据表中总记录数 pr ...

  8. C#关于分页显示

    ---<PS:本人菜鸟,大手子还请高台贵手> 以下是我今天在做分页时所遇到的一个分页显示问题,使用拼写SQL的方式写的,同类型可参考哦~ ------------------------- ...

  9. JAVA 分页工具类及其使用

    Pager.java package pers.kangxu.datautils.common; import java.io.Serializable; import java.util.List; ...

  10. 分页插件--根据Bootstrap Paginator改写的js插件

    刚刚出来实习,之前实习的公司有一个分页插件,和后端的数据字典约定好了的,基本上是看不到内部是怎么实现的,新公司是做WPF的,好像对于ASP.NET的东西不多,导师扔了一个小系统给我和另一个同事,指了两 ...

随机推荐

  1. 杭电 1013 Digital Roots

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1013 反思:思路很简单,但是注意各位数加起来等于10的情况以及输入0的时候结束程序该怎么去表达 #in ...

  2. CSS3实现1前端常用Loading效果

    此页动画效果都是gif图的,不想用代码写的话,下载图片就可使用. 第1种效果: 代码如下 <div class="loading"> <span></ ...

  3. trigger事件就是继承某一个类的事件.

    <html><head><script type="text/javascript" src="/jquery/jquery.js" ...

  4. mongoDB 介绍（特点、优点、原理）

    介绍:MongoDB是一个基于分布式文件存储的数据库.由C++语言编写.旨在为WEB应用提供可扩展的高性能数据存储解决方案. 特点:高性能.易部署.易使用,存储数据非常方便. 主要功能特性有: Ø 面 ...

  5. 转载：移动端自适应：flexible.js可伸缩布局使用

    阿里团队开源的一个库.flexible.js,主要是实现在各种不同的移动端界面实现一稿搞定所有的设备兼容自适应问题. 实现方法: 通过JS来调整html的字体大小,而在页面中的制作稿则统一使用rem这 ...

  6. 移动端开发-Day1

    什么是Node? 它是一个基于Chrome v8引擎的js运行环境,采用高效轻量级的事件驱动,非阻塞式的I/O模型. 非阻塞I/O? 例如,当程序运行到某一函数时,调用后立即返回,不需要等待函数执行完 ...

  7. 无法打开文件"CChart_d.lib"

    把4个.lib文件删掉重新加一遍就好了

  8. 前端开发—CSS

    CSS 基础概念 致命三问: 它是什么?  层叠样式表,主要作用是对html标签进行装饰. 它的作用:再 html 框架的基础上 ,对标签内容做美化工作. 注释方法:/*单行注释*/ 多行注释同理与h ...

  9. Linux下mysql 忘记密码的解决办法

    >mysql -u root -p Enter password: ******** Welcome to the MySQL monitor. Commands end with ; or \ ...

  10. leetCode 929 独特的电子邮件地址

    题目: 每封电子邮件都由一个本地名称和一个域名组成,以 @ 符号分隔. 例如,在 alice@leetcode.com中, alice 是本地名称,而 leetcode.com 是域名. 除了小写字母 ...