更改分页形式

d7v8vwbk 于 2021-08-09 发布在 Java

关注(0)|答案(1)|浏览(293)

你能帮我改一下页码吗？
完美的外观：
<上一个12 3 4 5下一个>
我提前感谢大家为我的问题所花的时间。谢谢。
我的代码：

<?php } else echo 'Ничего не найдено!';
//вывод страниц-ссылок для переходов, если результатов больше 10, 
if($pages) {
    for($i=1;$i<=$pages;$i++) { ?>
    <a href="<?echo $url.'&page='.$i;?>">[<?=$i?>]</a>
    <?php } } ?>

sql php

来源：https://stackoverflow.com/questions/61930892/change-of-a-form-of-a-pagination

1条答案

按热度按时间

6yoyoihd1#

扩展解决方案：

<? if (isset($pages) && $pages > 1) : ?>
    <? $left_pages = 4; $right_pages = 4; ?>
    <? $_GET['page'] = (int)@$_GET['page']; ?>
    <? $_GET['page'] = $_GET['page'] < 1 ? 1 : $_GET['page']; ?>
    <? $_GET['page'] = $_GET['page'] > $pages ? $pages : $_GET['page']; ?>
    <? $left = $_GET['page'] - $left_pages; ?>
    <? $right = $_GET['page'] + $right_pages; ?>
    <? if ($left <= 0) {$right += (-1)*$left; $left = 1;} ?>
    <? if ($right > $pages) $right = $pages; ?>
    <? $pages_range = range($left, $right); ?>
    <ul class="pagination">
        <? if ($left > 1) : ?>
            <li><a href="<?= $url.'&page=1' ?>">1</a></li>
        <? endif; ?>
        <? if ($_GET['page'] > 1) : ?>
            <li><a href="<?= $url.'&page='.($_GET['page']-1) ?>">&lt; PREV</a></li>
        <? endif; ?>
        <? foreach($pages_range as $page) : ?>
            <? $class = ''; if ($_GET['page'] === $page) $class = 'current'; ?>
            <li class="<?= $class ?>"><a href="<?= $url.'&page='.$page?>"><?= $page ?></a></li>
        <? endforeach; ?>
        <? if ($_GET['page'] < $pages) : ?>
            <li><a href="<?= $url.'&page='.($_GET['page']+1) ?>">NEXT &gt;</a></li>
        <? endif; ?>
        <? if ($right < $pages) : ?>
            <li><a href="<?= $url.'&page='.$pages ?>"><?= $pages ?></a></li>
        <? endif; ?>
        <? if ($pages > 20) : ?>
        <li>
            <form method="get">
                or jump to page: <input type="text" name="page" size="3" value="<?= $_GET['page'] ?>" maxlength="<?= strlen($pages) ?>">
                <button>ok</button>
            </form>
        </li>
        <? endif; ?>
    </ul>
<? endif; ?>

<style>
    ul.pagination {
      list-style: none;
    }
    ul.pagination>li {
      float: left;
      padding: 4px;
      margin: 0 4px 0 4px;
      border: 0;
    }
    ul.pagination>li>a {
      text-decoration: none;
      color: #03adfc;
    }
    ul.pagination>li>a:hover {
      text-decoration: underline;
    }
    ul.pagination>li.current>a {
      text-decoration: none;
      color: black;
    }
    ul.pagination>li.current>a:hover {
      text-decoration: none;
    }
</style>

链接示例：http://anarjafarov.me/pagination.php?&page=30

ul.pagination {
  list-style: none;
}
ul.pagination>li {
  float: left;
  padding: 4px;
  margin: 0 4px 0 4px;
  border: 0;
}
ul.pagination>li>a {
  text-decoration: none;
  color: #03adfc;
}
ul.pagination>li>a:hover {
  text-decoration: underline;
}
ul.pagination>li.current>a {
  text-decoration: none;
  color: black;
}
ul.pagination>li.current>a:hover {
  text-decoration: none;
}

<ul class="pagination">
    <li><a href="?&page=1">1</a></li>
    <li><a href="?&page=49">&lt; PREV</a></li>
    <li class=""><a href="?&page=46">46</a></li>
    <li class=""><a href="?&page=47">47</a></li>
    <li class=""><a href="?&page=48">48</a></li>
    <li class=""><a href="?&page=49">49</a></li>
    <li class="current"><a href="?&page=50">50</a></li>
    <li class=""><a href="?&page=51">51</a></li>
    <li class=""><a href="?&page=52">52</a></li>
    <li class=""><a href="?&page=53">53</a></li>
    <li class=""><a href="?&page=54">54</a></li>
    <li><a href="?&page=51">NEXT &gt;</a></li>
    <li><a href="?&page=200">200</a></li>
    <li>
        <form method="get">
            or jump to page: <input type="text" name="page" size="3" value="50" maxlength="3">
            <button>ok</button>
        </form>
    </li>
</ul>

展开查看全部

赞(0）回复(0）举报 2021-08-09

我来回答

更改分页形式

1条答案

相关问题

热门标签

最新问答