帝国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

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 13,157评论 0 3
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,073评论 19 139
  • 今天是7月13号,7月初的这段日子恐怕是兰州最炎热的季节。因为兰州地处西北内陆,气候干燥,所以兰州的热是属于那种彻...
    三岁喜欢钱阅读 2,593评论 1 3
  • 我觉得孟爷爷的一句话说得很好,“女人,不要去依赖别人给你的生活。” 阿芳在十几岁妙龄的时候认识了隔壁村的阿奇,我隐...
    无念N阅读 2,532评论 0 0
  • 再见她时 温柔如水 已属他人
    花花木工阅读 2,325评论 0 0

友情链接更多精彩内容