您现在的位置是:首页 > cms教程 > 易优cms教程易优cms教程
易优CMS标签uiarclist文档列表使用方法
代真2025-04-08易优cms教程已有人查阅
导读【基础用法】标签:uiarclist描述:文档列表编辑,比uitext、uihtml、uiupload标签多了一个typeid属性,使用时结合html一起才能完成可视化布局,只针对具有可视化功能的模板。
【基础用法】标签:uiarclist描述:文档列表编辑,比uitext、uihtml、uiupload标签多了一个typeid属性,使用时结合html一起才能完成可视化布局,只针对具有可视化功能的模板。
用法:
<div class="eyou-edit" e-id="文件模板里唯一的数字ID" e-page='文件模板名' e-type="arclist">
{eyou:uiarclist typeid='栏目ID' e-id='必须与上面的数字ID一致' e-page='必须与上面的文件模板名一致' id='field'}
这里嵌套模板标签代码
{/eyou:uiarclist}
</div>
属性:typeid='' 栏目ID e-id='' 每个模板文件里唯一的数字ID,必须与uihtml标签外层的html元素标签e-id保持一致
e-page='' 页面分组,假设模板文件是index.htm,那么e-page的值是index id='' 可以任意指定循环里的变量名替代field,假设id='field1',模板调用如:
{$field.value}
变成 {$field1.value}涉及表字段:
无
【更多示例】
-------------------------------示例1--------------------------------
描述:在模板文件index.htm中调用uiarclist标签,实现指定栏目下的文档列表可视化切换的效果。
<!DOCTYPE html>
<html>
<head>
<title>EyouCms企业建站系统</title>
</head>
<body>
<div>
<div class="eyou-edit" e-id="500" e-page='index' e-type="arclist">
<!-- uiarclist可视化标签调用 start -->
{eyou:uiarclist typeid='2' e-id='500' e-page='index' id='field'}
<!-- 显示栏目 start -->
{eyou:type type='self' empty='栏目不存在时,显示这里的文案'}
<a href="{$field.typeurl}" title="{$field.typename}">{$field.typename}</a>
{/eyou:type}
<!-- 显示栏目 end -->
<!-- 显示文档列表 start -->
{eyou:arclist limit='0,5' titlelen='50'}
<a href="{$field.arcurl}" title="{$field.title}">{$field.title}</a>
{/eyou:arclist}
<!-- 显示文档列表 end -->
{/eyou:uiarclist}
<!-- uiarclist可视化标签调用 end -->
</div>
</div>
<!-- 可视化模板必须引入的ui标签 start -->
{eyou:ui open='off' /}
<!-- 可视化模板必须引入的ui标签 end -->
</body>
</html>
-------------------------------示例2--------------------------------描述:在模板文件lists_article.htm中调用uiarclist标签,实现指定栏目下的文档列表可视化切换的效果。
<!DOCTYPE html>
<html>
<head>
<title>EyouCms企业建站系统</title>
</head>
<body>
<div>
<div class="eyou-edit" e-id="500" e-page='lists_article' e-type="arclist">
<!-- uiarclist可视化标签调用 start -->
{eyou:uiarclist typeid='2' e-id='500' e-page='lists_article' id='field'}
<!-- 显示栏目 start -->
{eyou:type type='self' empty='栏目不存在时,显示这里的文案'}
<a href="{$field.typeurl}" title="{$field.typename}">{$field.typename}</a>
{/eyou:type}
<!-- 显示栏目 end -->
<!-- 显示文档列表 start -->
{eyou:arclist limit='0,5' titlelen='50'}
<a href="{$field.arcurl}" title="{$field.title}">{$field.title}</a>
{/eyou:arclist}
<!-- 显示文档列表 end -->
{/eyou:uiarclist}
<!-- uiarclist可视化标签调用 end -->
</div>
</div>
<!-- 可视化模板必须引入的ui标签 start -->
{eyou:ui open='off' /}
<!-- 可视化模板必须引入的ui标签 end -->
</body>
</html>
-------------------------------示例3--------------------------------描述:在模板文件index.htm中,多处调用uiarclist标签的写法。
<!DOCTYPE html>
<html>
<head>
<title>EyouCms企业建站系统</title>
</head>
<body>
<div>
<!-- 第一次调用uiarclist标签 start -->
<div class="eyou-edit" e-id="500" e-page='index' e-type="arclist">
<!-- uiarlist可视化标签调用 start -->
{eyou:uiarclist typeid='2' e-id='500' e-page='index' id='field'}
<!-- 显示栏目 start -->
{eyou:type type='self' empty='栏目不存在时,显示这里的文案'}
<a href="{$field.typeurl}" title="{$field.typename}">{$field.typename}</a>
{/eyou:type}
<!-- 显示栏目 end -->
<!-- 显示文档列表 start -->
{eyou:arclist limit='0,5' titlelen='50'}
<a href="{$field.arcurl}" title="{$field.title}">{$field.title}</a>
{/eyou:arclist}
<!-- 显示文档列表 end -->
{/eyou:uiarclist}
<!-- uiarclist可视化标签调用 end -->
</div>
<!-- 第一次调用uiarclist标签 end -->
<!-- 第二次调用uiarclist标签 start -->
<div class="eyou-edit" e-id="501" e-page='index' e-type="arclist">
<!-- uitype可视化标签调用 start -->
{eyou:uiarclist e-id='501' e-page='index' id='field'}
<!-- 显示栏目 start -->
{eyou:type type='self' empty='栏目不存在时,显示这里的文案'}
<a href="{$field.typeurl}" title="{$field.typename}">{$field.typename}</a>
{/eyou:type}
<!-- 显示栏目 end -->
<!-- 显示文档列表 start -->
{eyou:arclist limit='0,5' titlelen='50'}
<a href="{$field.arcurl}" title="{$field.title}">{$field.title}</a>
{/eyou:arclist}
<!-- 显示文档列表 end -->
{/eyou:uiarclist}
<!-- uitype可视化标签调用 end -->
</div>
<!-- 第二次调用uiarclist标签 end -->
</div> <!-- 可视化模板必须引入的ui标签 start -->
{eyou:ui open='off' /}
<!-- 可视化模板必须引入的ui标签 end -->
</body>
</html>
-------------------------------示例4--------------------------------描述:在模板文件index.htm中,多处调用uiarclist标签的写法,只在html最外层元素指定一次e-page属性值。
<!DOCTYPE html>
<html>
<head>
<title>EyouCms企业建站系统</title>
</head>
<body>
<div e-page='index'>
<!-- 最外层指定e-page属性值,里面html元素<a>可以不再指定e-page属性值 -->
<!-- 第一次调用uiarclist标签 start -->
<div class="eyou-edit" e-id="500" e-type="arclist">
<!-- uiarclist可视化标签调用 start -->
{eyou:uiarclist typeid='2' e-id='500' e-page='index' id='field'}
<!-- 显示栏目 start -->
{eyou:type type='self' empty='栏目不存在时,显示这里的文案'}
<a href="{$field.typeurl}" title="{$field.typename}">{$field.typename}</a>
{/eyou:type}
<!-- 显示栏目 end -->
<!-- 显示文档列表 start -->
{eyou:arclist limit='0,5' titlelen='50'}
<a href="{$field.arcurl}" title="{$field.title}">{$field.title}</a>
{/eyou:arclist}
<!-- 显示文档列表 end -->
{/eyou:uiarclist}
<!-- uiarclist可视化标签调用 end -->
</div>
<!-- 第一次调用uiarclist标签 end -->
<!-- 第二次调用uiarclist标签 start -->
<div class="eyou-edit" e-id="501" e-type="type">
<!-- uiarclist可视化标签调用 start -->
{eyou:uiarclist typeid='2' e-id='501' e-page='index' id='field'}
<!-- 显示栏目 start -->
{eyou:type type='self' empty='栏目不存在时,显示这里的文案'}
<a href="{$field.typeurl}" title="{$field.typename}">{$field.typename}</a>
{/eyou:type}
<!-- 显示栏目 end -->
<!-- 显示文档列表 start -->
{eyou:arclist limit='0,5' titlelen='50'}
<a href="{$field.arcurl}" title="{$field.title}">{$field.title}</a>
{/eyou:arclist}
<!-- 显示文档列表 end -->
{/eyou:uiarclist}
<!-- uiarclist可视化标签调用 end -->
</div>
<!-- 第二次调用uiarclist标签 start -->
</div>
<!-- 可视化模板必须引入的ui标签 start -->
{eyou:ui open='off' /}
<!-- 可视化模板必须引入的ui标签 end -->
</body>
</html>
本文标签:
很赞哦! ()
相关教程
图文教程
易优cms友情链接设置新窗口打开无效的解决方法
易优cms友情链接设置新窗口打开无效的解决方法{$field.title}
易优Arcview单条文档数据调用方法示例
名称:arcview功能:获取单条文档数据aid='' 指定文档ID,如果没有指定则获取当前文档内容页的文档IDid='' 可以任意指定循环里的变量名替代field,假设id='field1',
易优CMS标签prenext获取上一篇、下一篇内容的方法
功能:获取当前文档上一篇、下一篇内容。id='' 可以任意指定循环里的变量名替代field,假设id='field1',模板调用如:{$field.title} 变成 {$field1.title}
易优Eyoucms模板调用栏目分类标签常用标签参考
易优常用标记,可以循环嵌套标签。通常用于网站导航以获取站点栏目信息。注:{$field.extends}为新窗口打开/nofollow 等设置,直接放在a标签的参数里即可
相关源码
-
响应式帝国cms7.5NBA黑色体育资讯模板下载本模板为体育新闻媒体、报道机构设计,采用帝国CMS7.5内核开发,具备完整的资讯发布、体育日历、数据展示功能。响应式布局确保在手机端呈现实时资讯和图文内容查看源码 -
(PC+WAP)绿色日志美文文学说说博客网站pbootcms模板除日志博客类网站外,通过替换图文内容可快速适配:心情日记分享平台、文学创作社区、朋友圈内容聚合站、美文鉴赏网站、读书笔记平台等应用场景。查看源码 -
(PC+WAP)蓝色弹簧针厂家探针充电连接器设备网站源码下载基于PbootCMS开发的响应式模板,为弹簧针、探针连接器等电子元器件企业设计。模板采用工业蓝主色调,突出产品技术特性,支持多维度展示连接器产品的规格参数与应用场景,帮助制造企业建立专业线上展示平台。查看源码 -
(自适应响应式)超市仓储仓库货架展架网站pbootcms源码下载本模板为货架展架、仓储货架行业量身打造,采用PbootCMS内核开发,充分考虑了货架产品展示和企业形象展示的需求。模板设计简洁大方,突出产品特点,能够有效展示各类货架产品的规格参数和应用场景,帮助访客快速了解企业核心业务和产品优势。查看源码 -
(PC+WAP)绿色草坪地坪操场pbootcms网站模板该模板基于PbootCMS内核开发,专为人造草坪、地坪施工企业设计,采用绿色主题呼应行业属性,实现PC与WAP端全栈响应式适配,确保跨设备无缝浏览体验。查看源码 -
响应式茶叶茶道pbootcms网站模板源码(自适应手机端)棕色复古茶具主题的响应式网站模板,为茶叶茶道企业设计,同时支持古玩字画、艺术文化等行业的快速适配,通过替换文字图片即可转型为其他行业官网,大幅降低开发成本。查看源码
| 分享笔记 (共有 篇笔记) |
