苹果CMS用户播放记录页面模板调用与功能实现教程

发布时间：2025-03-11共11人阅读

一、播放记录模板基础说明

苹果CMS 用户中心播放历史记录专属模板文件路径为 html/user/plays.html，页面主要用于展示用户所有观影浏览记录，包含影片分类、名称、观影消费积分、资源编号等信息，同时支持重新观看、单条删除、批量删除、一键清空记录等管理功能。

页面所有播放记录数据由系统 $list 数组承载，通过 ThinkPHP volist 标签完成循环遍历渲染。

二、播放记录完整列表源码

以下为可直接套用的播放记录页面完整模板代码，采用标准表格布局，集成数据展示与全套记录管理功能，适配苹果CMS V10 用户中心结构。

<table width="770" border="0" cellspacing="1" cellpadding="0" class="table">
    <tr>
        <td width="66" height="36" align="center" valign="middle" bgcolor="#f7f7f7">选择</td>
        <td width="80" align="center" valign="middle" bgcolor="#f7f7f7">编号</td>
        <td width="317" align="center" valign="middle" bgcolor="#f7f7f7">名称</td>
        <td width="120" align="center" valign="middle" bgcolor="#f7f7f7">进度</td>
        <td width="100" align="center" valign="middle" bgcolor="#f7f7f7">消费积分</td>
        <td width="80" align="center" valign="middle" bgcolor="#f7f7f7">操作</td>
    </tr>
    <form name="form1" method="post">
        {volist name="list"}
        <tr>
            <td height="36" align="center" valign="middle" bgcolor="#FFFFFF"><input name="ids[]" type="checkbox" value="{$vo.ulog_id}"></td>
            <td align="center" valign="middle" bgcolor="#FFFFFF">{$vo.ulog_id}</td>
            <td align="left" valign="middle" bgcolor="#FFFFFF" class="pad">[{$vo.data.type.type_name}] {$vo.data.name} [{$vo.ulog_rid}-{$vo.ulog_sid}-{$vo.ulog_nid}]</td>
            <td align="center" valign="middle" bgcolor="#FFFFFF"><a target="_blank" href="{$vo.data.link}" class="fen">重新观看</a></td>
            <td align="center" valign="middle" bgcolor="#FFFFFF">{$vo.ulog_points}</td>
            <td align="center" valign="middle" bgcolor="#FFFFFF"><a href="javascript:;" onclick="delData({$vo.ulog_id})" class="delete">删除</a></td>
        </tr>
        {/volist}
    </form>
</table>
<!-- 删除记录脚本 -->
<script>
	function delData(ids,all){
		var msg = '删除';
		if(all==1){
			msg='清空';
		}
		if(confirm('确定要'+msg+'记录吗')){
			$.post("{:url('user/ulog_del')}",{ids:ids,type:4,all:all},function(data) {
				if (data.code == '1') {
					alert('删除成功');
					location.reload();
				}else {
					alert('删除失败：' + data.msg);
				}
			}, 'json')
		}
	}
	$("#btnClear").click(function(){
		delData('',1);
	});
	$("#btnDel").click(function(){
		var ids = MAC.CheckBox.Ids('ids[]');
		if(ids==''){
			alert("请至少选择一个数据");
			return;
		}
		delData(ids,0);
	});
</script>

三、播放记录核心字段解析

模板通过 $vo 变量读取单条播放记录数据，搭配附属对象调取完整内容信息，核心字段作用如下：

$vo.ulog_id：播放记录唯一ID，用于标识单条数据及删除参数传递。
$vo.data.type.type_name：展示视频对应的分类名称。
$vo.data.name：展示视频资源标题名称。
$vo.ulog_rid / ulog_sid / ulog_nid：分别对应资源ID、播放线路编号、播放节点编号，精准匹配播放记录来源。
$vo.data.link：视频播放地址，用于重新观看功能跳转。
$vo.ulog_points：本次观影消耗的用户积分数据。

四、页面功能模块说明

1. 重新观看功能

自动绑定历史播放视频的原生播放链接，用户可直接点击跳转再次观看视频，无需重新检索资源，提升用户浏览体验。

2. 记录删除功能逻辑

播放记录删除统一调用系统接口 user/ulog_del，通过 type:4 参数精准识别播放日志类型，避免误删收藏、下载等其他用户记录。

页面支持三种删除模式：单条独立删除、勾选批量删除、一键清空所有播放记录，操作完成后自动刷新页面同步最新数据。

五、模板使用注意事项

模板文件固定路径为 html/user/plays.html，修改前建议备份原文件，防止功能报错。
数据遍历依赖 $list 数组与 volist 标签，禁止随意修改变量及循环语法。
删除功能依赖 jQuery 和系统 MAC.CheckBox 方法，需保证前端脚本正常加载。
批量删除、清空功能需搭配页面对应 ID 按钮（#btnDel、#btnClear）使用。
页面样式可自定义美化，核心接口、字段、JS 逻辑不可随意改动。

六、功能总结

苹果CMS用户播放记录模板依托系统原生数据结构与接口，实现了播放记录展示、二次观影、记录批量管理等完整功能。代码结构规范、兼容性强，可直接用于模板开发，也可根据站点风格自定义优化页面样式，是用户中心模板开发的基础核心模块。

苹果cms教程