帝国CMS 列表页及内容页 自定义 关注\喜欢\收藏 字段功能设置

1.环境：

帝国CMS 7.2 官方默认环境安装

2.要实现功能：

a、 自定义一个字段，如WatchNum，在列表页、内容页点击切换关注\取消关注

b、 UI按钮采用SWitch功能

c、 加载页面时加载如当前设置状态

3.要点：

1、 SWitch的切换初始化

2、 后台增加自定义字段及列表页多个相同字段UI按钮事件的判断

实现方式：

1、使用JQuery默认支持SWitch插件honeySwitch

管理列表模板 > 修改列表模板：默认图片列表模板

页头加入

skin/jav98/bcss/honeySwitch.css

页尾加入

skin/jav98/js/honeySwitch.js

2、增加 关注（WatchNum）字段

后台-系统-管理数据表（右侧选择数据表）-管理字段-增加字段-设置说明

3、后台-系统-管理数据表（右侧选择数据表）-管理系统模型-修改-（ WatchNum ）列表模板和内容模板（打钩）

4、e\public\下新增文件夹ViewNum变为 e\public\ViewNum

5、ViewNum写入index.php如下

====================

====================

6、在管理列表模板 > 修改列表模板：默认图片列表模板列表页(list.var)

====================

====================

7、在管理列表模板 > 修改列表模板：默认图片列表模板

====================

$(function(){

$("[class^=switch]").each(function(e){

var InNum = $(this).find('dd').html();

var InNumL = parseInt(InNum.substring(InNum.length, InNum.length - 1));

//alert(InNumL);

if(InNumL == 1) {

$(this).removeClass("switch-off").addClass("switch-on");

} else {

$(this).removeClass("switch-on").addClass("switch-off");

}

});

});

====================

8、测试，OK

9、参考网站

================

https://www.moyublog.com/notes/721.html

===============-