联系官方销售客服

1835022288

028-61286886

开发框架 版主:迅睿框架研发组
资讯列表页,上一页与下一页的标签以及对应的链接,怎么写呢
类型:迅睿CMS 更新时间:2022-10-20 15:23:47


请问,资讯列表页面,上一页与下一页,当前页和总页面的标签以及对应的链接,怎么写呢?

<div class="pagebar">
            <div class="pagination">
              <a class="page-item page-link st" href="javascript:;" title="上一页" target="_blank"><<</a>
              <a href="/dongtai/" class="page-num page-num-current" target="_blank">1</a>
              <a class="page-item page-link" href="javascript:;" title="当前页/总页数" target="_blank">1/1</a>
              <a class="page-item page-link st" href="javascript:;" title="下一页" target="_blank">>></a>
            </div>
          </div>


回帖
  • 迅睿框架联合创始人
    #1楼    迅睿框架联合创始人
    2022-10-17 17:53:39
    诺基亚手机 0
    栏目页的模板标签生成工具:https://www.xunruicms.com/doc/code/lists.html 这种标签就简单了。参考文档:《分页标签问题》
  • 难忍
    #2楼    难忍
    2022-10-17 18:32:13
    Chrome 0
    如果需要修改样式 在config/page/pc下修改page.php 里面按对应样式修改 调用使用{$pages}
  • 难忍
    #3楼    难忍
    2022-10-17 18:37:32
    Chrome 0
    {module catid=$catid order=updatetime page=1 return=rs} // 列表分页固定写法不可增加参数当前行数(从1开始):{$key_rs+1} 当前行数(从0开始):{$key_rs}标题:{$rs.title}地址:{$rs.url}描述:{$rs.description} 截取20字 {dr_strcut($rs.description, 20)}缩略图剪切: {dr_thumb($rs.thumb, 200, 200)} 判断有无缩略图:{if $rs.thumb}有的{else}没有{/if}缩略图原图: 判断有无缩略图:{if $rs.thumb} {dr_get_file($rs.thumb)} {else}没有{/if}时间:{$rs.updatetime} 自定义时间:{dr_date($rs._updatetime, 'Y-m-d')}所属栏目;{dr_cat_value($rs.catid, 'name')} 栏目地址:{dr_cat_value($rs.catid, 'url')}=====其他字段调用方式:请点击下方《 模块内容在循环中的字段调用方式 》{/module}分页数量:栏目管理,找到对应的栏目,点修改,切换到模板选项,设置分页显示数量分页字符串:{$pages_rs}调试排错诊断信息:{$debug_rs} (开发者模式下才可用)记录总数量:{$total_rs}总的页数:{$nums_rs}当前页数编号:{$page_rs}每页显示数量:{$pagesize_rs}分页规则URL:{$pagerule_rs}手动下一页:{str_replace('{page}', min($page_rs+1, $nums_rs), $pagerule_rs)}手动上一页:{str_replace('{page}', max($page_rs-1, 1), $pagerule_rs)}
  • 芝麻通
    #4楼    芝麻通
    2022-10-17 19:08:21
    Chrome 0
    <a href="/dongtai/" class="page-num page-num-current" target="_blank">1</a>
    这个是要显示所有页码吗?
  • 淇云科技
    #5楼    淇云科技
    2022-10-18 09:54:14
    Edge 0
    如果没有太复杂的要求的话,直接调用官方的{$pages}标签即可
  • 逆水行舟
    #6楼    逆水行舟
    2022-10-18 10:39:51
    Edge 0
    以下代码可直接使用,module需要带page=1:
    <div class="pagebar">
                <div class="pagination">
                  <a class="page-item page-link st" href="{str_replace('{page}', max($page-1, 1), $pagerule)}" title="上一页" target="_blank"><<</a>
                  <a href="#" class="page-num page-num-current" target="_blank">{$page}</a>
                  <a class="page-item page-link" href="javascript:;" title="当前页/总页数" target="_blank">{$page}/{$nums}</a>
                  <a class="page-item page-link st" href="{str_replace('{page}', min($page+1, $nums), $pagerule)}" title="下一页" target="_blank">>></a>
                </div>
              </div>
  • shijian
    #7楼    shijian
    2022-10-18 14:06:07
    Chrome 0
    当前页码:{$page}
    总页数:{$nums}
    总条数:{$total}
    下一页:{str_replace('{page}', min($page+1, $nums), $pagerule)}
    上一页:{str_replace('{page}', max($page-1, 1), $pagerule)}
    官方人员回复你的链接里就有这些
  • 阿提亚
    #8楼    阿提亚
    2022-10-18 15:16:56
    Firefox 105.0 0
    前段调取标签:{module module=article catid=9(填写栏目ID) pagesize=1 page=10 urlrule=list_[page].html}{/module} {$pages}然后修改:分页样式,参考:
    我的前端静态样式:<div class="page">
    <a href="###">上一页</a>
    <a href="###" class="hover"">01</a>
    <a href="###">02</a>
    <a href="###">03</a>
    <a href="###">04</a>
    <a href="###">05</a>
    <a href="###">06</a>
    <a href="###">...</a>
    </div>
    我写的:return array(

    // 自定义“统计”链接
    'total_link' => '共%s条', // 你希望在分页中显示“统计”链接的名字。如果你不希望显示,可以把它的值设为 FALSE


    // 自定义“下一页”链接
    'next_link' => '下一页', // 你希望在分页中显示“下一页”链接的名字。如果你不希望显示,可以把它的值设为 FALSE

    // 自定义“上一页”链接
    'prev_link' => '上一页', // 你希望在分页中显示“上一页”链接的名字。如果你不希望显示,可以把它的值设为 FALSE


    // 自定义“当前页”链接
    'cur_tag_open' => '<a class="hover">', // “当前页”链接的打开标签
    'cur_tag_close' => '</a>', // “当前页”链接的关闭标签

    // 自定义“数字”链接
    'num_tag_open' => '', // “数字”链接的打开标签
    'num_tag_close' => '', // “数字”链接的关闭标签

    // 自定义“最后一页”链接
    'last_link' => '最后一页', // 你希望在分页的右边显示“最后一页”链接的名字。如果你不希望显示,可以把它的值设为 FALSE
    'last_tag_open' => '', // “最后一页”链接的打开标签
    'last_tag_close' => '', // “最后一页”链接的关闭标签

    // 自定义“第一页”链接
    'first_link' => '第一页', // 你希望在分页的左边显示“第一页”链接的名字。如果你不希望显示,可以把它的值设为 FALSE
    'first_tag_open' => '', // “第一页”链接的打开标签
    'first_tag_close' => '', // “第一页”链接的关闭标签
  • 阿提亚
    #9楼    阿提亚
    2022-10-18 15:20:00
    Firefox 105.0 0
    阿提亚 写错了 勿参考!
  • 老李工作室
    #10楼    老李工作室
    2022-10-19 00:10:19
    小米手机 0
    好多大能。学习了
  • 57自学网
    #11楼    57自学网
    2022-10-20 08:52:12
    Edge 0
    大家都在各显神通。但并没有一个答案能让楼主看懂。我说下我的吧。我使用的是转官方默认的分页样式,经过微调后的效果如下图:
    image
    使用方法:第一步:首先在列表区域使用循环标签:{module catid=$catid order=updatetime page=1 return=rs}{$rs.title}{dr_strcut($rs.description, 500)}...{/module}第二步:在分页位置插入分页标签:{$pages_rs}第三步:加入CSS样式:
    .pagination {
        display: inline-block;
        padding-left: 30%;
        margin: 20px 0;
        border-radius: 4px; }
    .pagination > li {
        display: inline; }
    .pagination > li > a,
    .pagination > li > span {
        position: relative;
        float: left;
        padding: 6px 12px;
        line-height: 1.42857;
        text-decoration: none;
        color: #337ab7;
        background-color: #fff;
        border: 1px solid #ddd;
        margin-left: 10px; }
    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
        margin-left: 0;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px; }
    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px; }
    .pagination > li > a:hover, .pagination > li > a:focus,
    .pagination > li > span:hover,
    .pagination > li > span:focus {
        z-index: 2;
        color: #23527c;
        background-color: #eeeeee;
        border-color: #ddd; }
    .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
    .pagination > .active > span,
    .pagination > .active > span:hover,
    .pagination > .active > span:focus {
        z-index: 3;
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7;
        cursor: default; }
    第四步:最结效果如下:
    https://www.57zxw.com/ug_book/ (不清楚的可以继续提问)
  • 枫
    #12楼    枫
    2022-10-20 15:23:47
    Chrome 0

    image

    image
    <!-- 文章翻页 --> <div class="show-turn"> <p> 上一篇:{if $prev_page} <a href="{$prev_page.url}">{$prev_page.title}</a> {else} 没有了 {/if} </p> <p> 下一篇:{if $next_page} <a href="{$next_page.url}">{$next_page.title}</a> {else} 没有了 {/if} </p> </div>