您现在的位置是:首页 > cms教程 > 易优cms教程易优cms教程
易优CMS标签artpagelist瀑布流实现方法
穆漂徽2025-04-10易优cms教程已有人查阅
导读[基础用法]标签:artpagelist描述:实现无刷新瀑布流分页,适用于首页,列表分页,内容页等模板。小注:需配合artlis标签。注意:要实现瀑布流分页,必须要在模板目录pc/system里创建一
[基础用法]标签:artpagelist
描述:实现无刷新瀑布流分页,适用于首页,列表分页,内容页等模板。小注:需配合artlist标签。
注意:要实现瀑布流分页,必须要在模板目录pc/system里创建一个模板样本,命名格式为:arclist_+tagid属性名称,比如:arclist_index001.htm,里面内容请复制artlist标签包住的全部代码片段,不包括artlist标签。可以参考示例。
用法:
tagid='' 对应arclist标签的tagid名称,紧跟在arlis标签之后使用,可实现ajax瀑布流分页;
pagesize='' 每次加载分页的条数;
tips='' 加载完数据之后显示没有数据的文案,比如:没有数据了
loading='' 加载样式效果,默认是转圈图片,可以填写文案,比如:加载中… id='' 可以任意指定循环里的变量名替代field,假设id='field1',模板调用如:{$field.title} 变成 {$field1.title}涉及表字段: 无
【更多示例】 -------------------------------示例1--------------------------------
描述:在非列表页(比如首页、内容页等)实现无刷新的瀑布流分页,需指定栏目ID
arclist_index001.htm文件里的内容为:
描述:在列表页实现无刷新的瀑布流分页,不需指定栏目ID
arclist_index001.htm文件里的内容为:
描述:实现无刷新瀑布流分页,适用于首页,列表分页,内容页等模板。小注:需配合artlist标签。
注意:要实现瀑布流分页,必须要在模板目录pc/system里创建一个模板样本,命名格式为:arclist_+tagid属性名称,比如:arclist_index001.htm,里面内容请复制artlist标签包住的全部代码片段,不包括artlist标签。可以参考示例。
用法:
{eyou:artpagelist tagid= '与artlist标签的tagid名称一致' pagesize= '3' tips= '没有数据了' }
点击加载更多
{/eyou:artpagelist}</a href=>
属性:tagid='' 对应arclist标签的tagid名称,紧跟在arlis标签之后使用,可实现ajax瀑布流分页;
pagesize='' 每次加载分页的条数;
tips='' 加载完数据之后显示没有数据的文案,比如:没有数据了
loading='' 加载样式效果,默认是转圈图片,可以填写文案,比如:加载中… id='' 可以任意指定循环里的变量名替代field,假设id='field1',模板调用如:{$field.title} 变成 {$field1.title}涉及表字段: 无
【更多示例】 -------------------------------示例1--------------------------------
描述:在非列表页(比如首页、内容页等)实现无刷新的瀑布流分页,需指定栏目ID
{eyou:artlist typeid= '栏目ID' row= '10' tagid= '唯一的标签名称' } {$field.title} {/eyou:artlist} {eyou:artpagelist pagesize= '3' tagid= '与arclist标签的tagid名称一致' tips= '没有数据了' }点击加载更多 {/eyou:artpagelist}</a href=></a href=></div id=>
同时在模板目录pc/system目录下创建瀑布流加载文件 arclist_属性tagid名称.htm ,并把标签artlist包住的代码片段复制到里面,比如:arclist_index001.htm文件里的内容为:
{$field.title}</a href=>
-------------------------------示例2--------------------------------描述:在列表页实现无刷新的瀑布流分页,不需指定栏目ID
{eyou:artlist row= '10' tagid= '唯一的标签名称' } {$field.title} {/eyou:artlist} {eyou:artpagelist pagesize= '3' tagid= '与artlist标签的tagid名称一致' tips= '没有数据了' }点击加载更多 {/eyou:artpagelist}</a href=></a href=></div id=>
同时在模板目录pc/system目录下创建瀑布流加载文件 arclist_属性tagid名称.htm ,并把标签artlist包住的代码片段复制到里面,比如:arclist_index001.htm文件里的内容为:
<a href='{$field.arcurl}'>{$field.title}</a>
本文标签:
很赞哦! ()
相关教程
图文教程
易优模板怎么实现使用JS判断会员是否登录
为减轻服务器压力,希望在易优模板的会员登录判断处使用js代码来实现。以下代码可以实现易优cms模板使用JS判断会员登录状态,可大幅度降低服务器压力:
eyoucms模板CSS怎么禁用鼠标选中的内容
今天有小伙伴问代码号小编易优cms有没有禁用鼠标拖拽选中内容的方法,其实这是js实现的,当然css也可以实现。
易优EyouCms数据库连接失败的解决方法
在使用易优EyouCms时,如果遇到数据库连接失败的问题,通常是由于数据库配置信息不正确或数据库服务未启动导致的。以下是详细的排查和解决步骤,帮助您顺利解决这一问题
易优支持哪些版本的php
易优CMS较低支持的PHP版本为5.4。不过需要注意的是,虽然易优CMS可能支持PHP 5.4及以上版本,但是出于安全性和性能的考虑,建议使用更现代的PHP版本,比如推荐的PHP 5.5到5.6之间,或
相关源码
-
(自适应响应式)陶瓷研磨盘抛光机械设备pbootcms网站模板本模板基于PbootCMS系统开发,为研磨抛光设备制造企业设计,特别适合陶瓷研磨盘、抛光设备等表面处理设备展示。采用响应式布局技术,确保各类设备的参数和工艺在不同终端上都能清晰呈现。查看源码 -
帝国cms淘宝客京东联盟网站整站源码下载本模板基于帝国CMS内核深度开发,为淘宝客行业量身定制。随着腾讯微信与淘宝生态的互联互通,淘宝客链接现可在微信、QQ等平台直接分享,为推广带来更多便利。模板特别优化了店铺推广功能,有效避免商品下架导致的链接失效问题,同时支持京东联盟等多平台商品推广。查看源码 -
(自适应)帝国CMS7.5模板淘宝客导购博客文章源码本模板基于帝国CMS7.5内核深度开发,为电商导购类网站设计。采用响应式布局技术,确保在手机、平板及电脑端均能获得优质浏览体验。模板内置商品推荐模块与优惠信息展示区,可快速搭建专业导购平台。查看源码 -
自适应容器设备机械行业通用pbootcms网站模板本模板是一款基于PbootCMS开源内核深度开发,为容器制造、容器设备、压力容器及相关行业量身打造的高品质响应式企业网站模板。查看源码 -
粉色家政月嫂保姆公司pbootcms网站模板(PC+WAP)为家政服务、月嫂保姆企业打造的营销型解决方案,基于PbootCMS内核开发,采用温馨粉色主题传递行业温度。PHP7.0+高性能架构支持SQLite/MySQL双数据库查看源码 -
帝国cms7.5手游评测资讯礼包合集游戏专区下载网站模板本模板基于帝国CMS系统开发,为手游门户网站设计。支持PC端与移动端同步生成HTML静态页面,内置多端同步生成功能。模板架构针对手业特点优化,满足APP下载、游戏资讯、攻略等内容发布需求。查看源码
| 分享笔记 (共有 篇笔记) |
本栏推荐
相关标签
大家喜欢
- 易优eyoucms列表页模板实现判断当前栏目是否有下级栏目的方法
- 解决易优eyoucms数据库文件版本号(v1.3.9)与CMS源码版本号(v1
- 易优EyouCMS报错数据表或视图不存在的解决方法
- 易优CMS数据库链接失败的解决方法
- 易优CMS安装程序和数据库版本不一致的解决方法
- 易优CMS报错SQLSTATE[HY000]: General error: 1615 Prepared sta
- eyoucms模板怎么样,eyoucms模板好不好用
- 易优EyouCMS视频上传失败提示“ERROR上传文件后缀”的解决方法
- 易优cms您所使用的地图JS API版本过低,已不再维护
- 易优cms标签field获取channelartlist标签字段值的方法
