🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## 常规模板标签 | 标签 | 说明 | | --- | --- | | {{{all.class}} | 当设置类型为`where`时有效,作用为全部选中项默认选中样式 | | {{set.class}} | 设置选中、未选中样式显示位置 | | {{set.i}} | 当设置类型为`setone`时有效,作用为当前数组第N条,从0开始 | | {{list.i}} | 当有此标签时,就会输出当前内容是第几条。比如:`1.xxx 2.xxx 3.xxx` 标签为:`{{list.i}}.标题` ,从1开始 | | {{del.val}} | 删除当前get或post设置项,在` wheres` 设置类型中使用 | | {{rows.*,12}} | 截取部分输出,`*`代表输出字段,逗号后的数字为输出多少 | | {{rows.*.time='Y-m-d H:i:s'}} | 时间处理,`*`代表输出字段,`Y-m-d H:i:s`为时间格式,可自定义 | | {{rows.*.timed}} | 时间处理,`*`代表输出字段,刚刚、xx分钟前、xx小时前、xx天前、xx月前 | | {{rows.*.bs64}} | 解析编码的数组,并输出第一条 | ## 设置类型说明 | 标识 | 说明 | | --- | --- | | setone | 设置第一条为选中样式;注意:这时get与set设置无效 | | news | 读取新闻列表时使用,设置后可输出当前新闻栏目信息使用`{{class.*}}`标签 | | item | 读取商品列表时使用,设置后可输出当前新闻栏目信息使用`{{class.*}}`标签 | | where | 做筛选时使用,把全部选中项放在`{cmspro.list}`与 `{list}`之间即可,默认设置选中样式 标签为`{{all.class}}` | | wheres | 多条筛选,把全部选中项放在`{cmspro.list}`与 `{list}`之间即可,默认设置选中样式 标签为`{{all.class}}` ,可使用 `{atc}{/atc}` 标签设置附加项| 示范代码 ~~~ {cmspro.list}<!-- 获取列表数据开始 --> <div class="container"> <a href="#" class="list-group-item active">获取数据列表测试</a> <!--列表参数设置开始--> {action='news'}<!--【可选】列表数据类型(主要是针对性的数据处理,例如:分类选择、特殊功能处理等)--> {class='btn-info,btn-default'}<!--【可选】选中样式(第一个为选中,第二个为未选中[可选设置])--> {get='cid_s,id'}<!--【可选】GET筛选(第一个为GET字段,第二位对比字段),当设置【class】选中样式时必须传入,不然选中样式设置无效--> {post='cid_s,id'}<!--【可选】post筛选(第一个为post字段,第二位对比字段),当设置【class】选中样式时必须传入,不然选中样式设置无效--> {url='3,id'}<!--【可选】url筛选(第一个为url地址栏层级,第二位对比字段),当设置【class】选中样式时必须传入,不然选中样式设置无效;例如URL中 /xxx/xxx/1234 ID为1234后则为选中--> {from='news_class'}<!--【必选】数据表(不含前缀,如:cp_),当设置【query】时则为可选--> {where='pid=10001'}<!--【必选】条件查询,当设置【query】时则为可选--> {field='id,name'}<!--【可选】指定欲取数据的字段,多个请以(,)分号隔开--> {rows='5'}<!--【可选】读取多少条,可选(没有此设置读取后台默认设置)--> {query='SELECT * FROM `cp_shop_content`'}<!--【可选】执行SQL语句(完整的SQL语句,不含排序)--> {order='id asc'}<!--排序,可选【示范】id asc ID正序|id desc 倒序(默认)--> <!--列表参数设置结束--> {list} <!--列表数据模板开始--> <a href="/news/{{rows.id}}" class="list-group-item {{set.class}}">{{rows.name}}</a> <!--列表数据模板结束--> {/list} </div> <!--自定义分页开始--> {cmspro.pages} <ul class="pagination"> <li><a href="">首页</a</li> <li><a href="{{page.on}}">&laquo;上一页</a></li> {on3}<li><a href="">{{page.on3}}</a></li>{/on3}<!--前3页,可选,有则显示--> {on2}<li><a href="#">{{page.on2}}</a></li>{/on2}<!--前2页,可选,有则显示--> {on1}<li><a href="#">{{page.on1}}</a></li>{/on1}<!--前1页,可选,有则显示--> <li class="active"><a>第{{page.now}}页</a></li> {next1}<li><a href="#">{{page.next1}}</a></li>{/next1}<!--后1页,可选,有则显示--> {next2}<li><a href="#">{{page.next2}}</a></li>{/next2}<!--后2页,可选,有则显示--> {next3}<li><a href="#">{{page.next3}}</a></li>{/next3}<!--后3页,可选,有则显示--> <li><a href="{{page.next}}">下一页&raquo;</a></li> <li><a href="{{page.pages}}">尾页</a></li> <li class="disabled"><a>共{{page.count}}条</a></li> <li class="disabled"><a>共{{page.pages}}页</a></li> <li class="disabled"><a>每页{{page.row}}条</a></li> </ul> {pages.end} <!--自定义分页结束--> {list.end}<!-- 获取列表数据结束 --> ~~~ **特殊功能:循环输出1** 在{list} {/list}中可使用循环输出 例如:photo字段在数据库中存储的是一维数组形式 ~~~ {photo-s} <!--显示图片列表--> <a><img src="{{photo}}" onmouseover="showDaTu('{{photo}}')"></a> {/s} ~~~ **特殊功能:循环输出2** 在{list} {/list}中可使用循环输出 例如:photo字段在数据库中存储的是二维数组形式 ~~~ {photo-s} <!--显示图片列表--> <a><img src="{{photo.img}}" onmouseover="showDaTu('{{photo.url}}')"></a> {/s} ~~~ **特殊功能:筛选附加项** 在 `wheres `设置类型中使用标签为`{{del.val}}` ~~~ {atc} <a href="?cid_s={{get.cid_s}}&value1={{del.val}}&value2={{get.value2}}&value3={{get.value3}}" class="text-danger terminal"><i class="glyphicon glyphicon-remove-circle"></i></a> {/atc} ~~~ **特殊功能:自定义项** ~~~ <!--自定义1:用作行业--> {value1.start} <a href="/cloud?value1={{value1.id}}" class="label label-primary">{{value1.name}}</a> {value1.end} ~~~ ~~~ {{value2}}<!--自定义2:用作色系--> ~~~ ~~~ <!--自定义3:用作终端--> {value3.start} <a href="/cloud?value3={{value3.id}}" class="label label-success">{{value3.name}}</a> {value3.end} ~~~ ~~~ <!--自定义4:推荐位--> {value4.start} <a href="/cloud?value4={{value4.id}}" class="label label-info">{{value4.name}}</a> {value4.end} ~~~ **列表循环** 按数字顺序模板进行解析 ~~~ {cmspro.list} {from='sys_area_china'}{where='level=1'}{rows='99'}{order='id asc'} {list} <!--列表数据模板开始--> <a href="/index/city/{{rows.pinyin}}">{{rows.short}}</a> <br> <!--子循环--> {cmspro.list.1} {from.1='sys_area_china'}{where.1='level=2 and pid={{rows.id}}'}{rows.1='500'}{order.1='id asc'} {list.1} <a href="/index/city/{{rows.pinyin}}/{{rows.pinyin.1}}">{{rows.short.1}}</a> <br> <!--子循环的子循环--> {cmspro.list.2} {from.2='sys_area_china'}{where.2='level=3 and pid={{rows.id.1}}'}{rows.2='500'}{order.2='id asc'} {list.2} <a href="/index/city/{{rows.pinyin}}/{{rows.pinyin.1}}/{{rows.pinyin.2}}">{{rows.short.2}}</a> <br> <!--子循环的子循环--> {/list.2} {list.end.2} {/list.1} {list.end.1} <!--列表数据模板结束--> {/list} {list.end} ~~~