zoukankan      html  css  js  c++  java
  • 关于网站分页

    今天写代码遇到写一个分页,而以前写的分页自己又不太满意,就重新写了一个。

    效果如图:

    写完后,感觉代码太多,不太完善,不过功能实现了

          <?php
            switch ($page)
            {
                case 1:
                  echo '<div class="movie_page"><a href="?page=1#all">首页</a><span >1</span><a href="?page=2#all" >2</a><a href="?page=3#all"> 3</a> <a href="?p              age=4#all">4</a> <a href="?page=5#all">5</a> <a href="?page='.$total_page.'#all">末页</a>
                          <div class="movie_page_total"><font>1</font><font>/</font><font>'.$total_page.'</font></div>
                          </div>';
                  break;
                case 2:
                   echo '<div class="movie_page"><a href="?page=1#all">首页</a><a href="?page=1#all">1</a><span >2</span><a href="?page=3#all">3</a> <a href="?pa              ge=4#all">4</a> <a href="?page=5#all">5</a> <a href="?page='.$total_page.'#all">末页</a>
                          <div class="movie_page_total"><font>2</font><font>/</font><font>'.$total_page.'</font></div>
                          </div>';
                  break;
                case 3:
                   echo '<div class="movie_page"><a href=?page=1#all"">首页</a><a href="?page=1#all">1</a><a href="?page=2#all">2</a><span >3</span><a href="?pag              e=4#all">4</a> <a href="?page=5#all">5</a> <a href="?page='.$total_page.'#all">末页</a>
                          <div class="movie_page_total"><font>3</font><font>/</font><font>'.$total_page.'</font></div>
                          </div>';
                  break;
                case 4:
                      echo '<div class="movie_page"><a href="?page=1#all">首页</a><a href="?page=1#all">1</a><a href="?page=2#all">2</a><a href="?page=3#all">3</              a><span >4</span> <a href="?page=5#all">5</a> <a href="?page='.$total_page.'#all">末页</a>
                          <div class="movie_page_total"><font>4</font><font>/</font><font>'.$total_page.'</font></div>
                          </div>';
                      break;
                case 5:
                          echo '<div class="movie_page"><a href="?page=1#all">首页</a><a href="?page=1#all">1</a><a href="?page=2#all">2</a><a href="?page=3#all">3</a> <a href="?page=4#all">4</a><span >5</span> <a href="?page='.$total_page.'#all">末页</a>
                        <div class="movie_page_total"><font>5</font><font>/</font><font>'.$total_page.'</font></div>
                          </div>';
                          break;
                default:
                  echo '<div class="movie_page"><a href="?page=1#all">首页</a><a href="?page=1#all"><span>1</span onclick="showMovieChange("'.$arr_cinema[($page-            1)*$pageSize][0].'");"></a><a href="?page=2#all">2</a><a href="?page=3#all">3</a> <a href="?page=4#all">4</a> <a href="?page=5#all">5</a            > <a href="?page='.$total_page.'#all">末页</a>
                        <div class="movie_page_total"><font>1</font><font>/</font><font>'.$total_page.'</font></div>
                          </div>';
            }
            ?>

    其中的#all,是为了点击页码,页面刷新时加的锚点,我用的是Id。

    代码太多,而且还不通用,先记下来,以后有时间写成一个分页类。

    加油,↖(^ω^)↗!

    千里之行,始于足下。改变现在,就是改变未来。改变未来,从现在开始。 个人网站:http://www.wangkongming.cn
  • 相关阅读:
    存储过程调用API
    Visual Studio 2019 添加不了区域 解决办法
    .NET Core 3.1 IIS其它网站出现HTTP503无法访问解决方法
    串口数据处理分包处理
    树莓派实践总和
    mysql定期任务
    Newtonsoft.Json.Linq 序列化 反序列化等知识
    使用IDbCommandInterceptor解决EF-CORE-3.x-使用MYSQL时,未正常的生成LIKE查询语句
    .Net Core自定义读取配置文件信息appsettings.Json
    .Net Core Cors跨域
  • 原文地址:https://www.cnblogs.com/wangkongming/p/2717247.html
Copyright © 2011-2022 走看看