您现在的位置是:首页 > cms教程 > 易优cms教程易优cms教程

eyoucms的pagelist列表分页标签使用方法介绍

夏槐2023-08-25易优cms教程已有人查阅

导读描述:表示分页页码列表(注:pagelist标签只能用在list标签之后使用来调用列表数据分页功能。)

[基础用法]

标签:pagelist

描述:表示分页页码列表(注:pagelist标签只能用在list标签之后使用来调用列表数据分页功能。)

用法:

{eyou:list pagesize='10' titlelen='30' infolen='160'}
<a href='{$field.arcurl}'>{$field.title}</a>
{/eyou:list}
{eyou:pagelist listitem='index,pre,pageno,next,end,info' listsize='2' /}

属性:

listsize=2 表示 [1][2][3][4][5] 这些项的长度 - 1,再除以2得出的结果值,listsize="3"里面的数值乘以2加上1即为前端显示的页码数。

listitem='index,pre,pageno,next,end' 表示页码样式,可以把下面的值叠加

 index 首页  pre 上一页  pageno 页码  next 下一页  end 末页  info 共N页 N条

涉及表字段:

-------------------------------效果展示--------------------------------
1,调用栏目分页代码

模板调用代码

<div class="pglist">{eyou:pagelist listitem='index,end,pre,next,pageno' listsize='2'/}</div>

网站前端显示效果(css样式请自行填充)

【更多示例】

-------------------------------示例1--------------------------------

描述:只显示首页、上下页、末页

{eyou:list pagesize='10' titlelen='30' infolen='160'}
<a href='{$field.arcurl}'>{$field.title}</a>
{/eyou:list}
{eyou:pagelist listitem='index,pre,next,end' listsize='2' /}

-------------------------------示例2--------------------------------

描述:只显示首页、数字分页、末页

{eyou:list pagesize='10' titlelen='30' infolen='160'}
<a href='{$field.arcurl}'>{$field.title}</a>
{/eyou:list}
{eyou:pagelist listitem='index,pageno,end' listsize='2' /}

本文标签:

很赞哦! ()

相关源码

  • (自适应)html5宽屏电线电缆材料加工制造类企业网站源码下载本模板基于PbootCMS系统开发,特别适合电线电缆、电缆材料及相关加工制造类企业使用。采用HTML5宽屏设计,能够展示各类电缆产品的技术参数和规格详情,帮助客户全面了解产品特性。查看源码
  • (自适应)品牌创意设计作品工作室pbootcms模板下载该模板适用于品牌策划、艺术设计、广告创意公司官网,亦可通过替换图文快速适配其他行;高端创意设计公司工作室网站源码极简代码架构、艺术化视觉布局、企业级功能扩展性。查看源码
  • (自适应)蓝色英文外贸电子科技产品带三级栏目网站模板为外贸企业设计的英文网站模板,基于PbootCMS系统开发。突出多语言支持和国际化布局,三级栏目结构清晰展示产品分类,响应式设计确保更好客户在移动端和PC端获得一致的专业体验。查看源码
  • (自适应响应式)环保净化器家用电器网站免费模板针对环保设备、环境监测等领域的PbootCMS响应式模板,通过模块化设计清晰展示污水处理技术、空气净化系统等解决方案。移动端呈现环保数据可视化图表,后端统一管理确保项目案例、技术等资料多端同步。查看源码
  • (自适应)工商代理公司注册财务会计pbootcms模板免费下载为工商代理、财务会计服务企业设计的网站模板,基于PbootCMS开发,充分考虑了企业服务行业的展示需求与客户转化路径。设计风格专业严谨,布局清晰合理,呈现企业服务内容与专业优势。查看源码
  • (自适应)家政保洁保姆打扫卫生清灰服务pbootcms模板免费下载采用手工编写的DIV+CSS架构,代码结构清晰无冗余,加载速度优异。响应式设计适配各类终端设备,保障手机、平板、电脑端的一致浏览体验。查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐