苹果CMS文章相关提示教程

作者 : 影视站长圈发布时间：2025-01-18 共人阅读

教程整体介绍

影视站长圈整理苹果cms文章模块三套专用提示弹窗模板，分别对应积分购买权限、版权屏蔽、访问密码验证场景。当文章开启付费、版权屏蔽或者设置访问密码的时候，系统会自动调用这几个页面，不需要修改核心程序，直接修改模板文件就可以调整提示文案与页面布局。

这三套模板全部放在html/art目录下面，属于文章模块专属跳转提示页，和视频模块提示模板互相独立，修改不会影响视频相关页面。

购买权限提示页 confirm.html

文件路径：

html/art/confirm.html

当文章设置需要积分购买才允许阅读时，系统自动加载该页面。页面区分未登录用户和已登录普通用户，分别展示登录按钮与充值、确认购买按钮，内置JS方法完成付费购买逻辑。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>使用积分购买权限</title>
	<link rel="stylesheet" href="__STATIC__/css/home.css">
	<style>
		body{background:#F9FAFD;color:#818181;}
		.text a{  padding: 10px 16px;
			font-size: 18px;
			line-height: 1.3333333;
			border-radius: 6px; color: #fff;  background-color: #5cb85c;  border-color: #4cae4c;  }
	</style>
	<script src="{$maccms.path}static/js/jquery.js"></script>
	<script>var maccms={"path":"__ROOT__","mid":"{$maccms['mid']}","url":"{$maccms['site_url']}","wapurl":"{$maccms['site_wapurl']}","mob_status":"{$maccms['mob_status']}"};</script>
	<script src="{$maccms.path}static/js/home.js"></script>
</head>
<body>
<div class="mac_msg_jump">
	<div class="msg_jump_tit">系统提示:</div>
	<div class="title">亲爱的用户：</div>
	<div class="text">
		{$popedom.msg}
		<p>提示：一次支付，永久观看，不重复扣费，谢谢支持。</p>
		<p>
			{if condition="$user.group.group_id eq 1"}
			<a href="javascript:;" class="mac_user" target="_blank">马上登录</a>
			{else/}
			<a href="{:url('user/buy')}" target="_blank">马上充值</a>
			<a href="javascript:;" onclick="MAC.User.BuyPopedom(this)" data-id="{$obj.art_id}" data-sid="{$param.sid}" data-nid="{$param.nid}" data-mid="1" data-type="{if condition="$obj.player_info.flag eq 'play'"}4{else/}5{/if}">确认购买</a>
			{/if}
		</p>
	</div>
</div>
<script type="text/javascript">
</script>
</body>
</html>

{$popedom.msg}：系统输出付费提示文字，后台可配置
MAC.User.BuyPopedom 是内置JS函数，执行文章付费逻辑，不要随意删除onclick属性与data参数
判断用户组标签用来区分游客和登录会员，游客只显示登录按钮

版权提示页 copyright.html

文件路径：

html/art/copyright.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <title>系统提示【{$obj['art_name']}】因为版权问题，本站不提供在线播放</title>
    <link rel="stylesheet" href="__STATIC__/css/home.css">
    <style>
        body{background:#F9FAFD;color:#818181;}
    </style>
</head>
<body>
<div class="mac_msg_jump">
    <div class="msg_jump_tit">系统提示...</div>
    <div class="title">亲爱的用户：</div>
    <div class="text">【{$obj['art_name']}】{$GLOBALS['config']['app']['copyright_notice']}</div>
    <div class="jump">
        {if condition="$obj['art_jumpurl'] neq ''"}
        页面自动 <a href="<?php echo($obj['art_jumpurl']);?>">跳转</a> 等待时间： <b>3</b>
        {/if}
    </div>
    <!-- 可自定义该页面的显示方式，可加入广告 -->
</div>
<script type="text/javascript">
    {if condition="$obj['art_jumpurl'] neq ''"}
    (function(){
        var wait = document.getElementById('wait'),
            href = document.getElementById('href').href;
        var interval = setInterval(function(){
            var time = --wait.innerHTML;
            if(time <= 0) {
                top.location.href = href;
                clearInterval(interval);
            };
        }, 1000);
    })();
    {/if}
</script>
</body>
</html>

{$obj.art_jumpurl}：文章设置的跳转外部链接，为空则不会显示倒计时跳转模块
{$GLOBALS['config']['app']['copyright_notice']}读取后台全局版权提示文字
页面注释位置可以直接粘贴广告代码，不会干扰原有跳转逻辑

访问密码提示页 detail_pwd.html

文件路径：

html/art/detail_pwd.html

当文章后台设置访问密码，用户打开详情页会跳转到密码输入页面，支持直接展示密码或者跳转外部页面获取密码，提交表单调用内置JS校验密码。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <title>系统提示......</title>
    <link rel="stylesheet" href="__STATIC__/css/home.css">
    <style>
        body{background:#F9FAFD;color:#818181}
        input{border:1px solid #ccc;padding:7px 0;border-radius:3px;padding-left:5px}
        .item{line-height:50px}
        .submit_btn{width:70px;height:40px;border-width:0;padding:10px;display:border-radius: 3px;background:#1E90FF;cursor:pointer;font-family:Microsoft YaHei;color:#fff;font-size:17px}
    </style>
    <script src="{$maccms.path}static/js/jquery.js"></script>
    <script>var maccms={"path":"__ROOT__","mid":"{$maccms['mid']}","url":"{$maccms['site_url']}","wapurl":"{$maccms['site_wapurl']}","mob_status":"{$maccms['mob_status']}"};</script>
    <script src="{$maccms.path}static/js/home.js"></script>
</head>
<body>
<div class="mac_msg_jump">
    <div class="msg_jump_tit">系统提示...</div>
    <div class="title">亲爱的访问此数据需要密码哦~~~</div>
    <div class="text">
        <form name="form1" action="" style="margin:0;width:400px;text-align: center;" method="post">
            <div class="item">
                <label>密码：</label>
                <input type="password" name="pwd" placeholder="请在此输入访问密码..."/>
                {if condition="$obj.art_pwd_url neq ''"}
                    <a href="{$obj.art_pwd_url}" target="_blank">点击获取密码</a>
                {else/}
                    <span>密码：{$obj.art_pwd}</span>
                {/if}
            </div>
            <div class="item">
                <a class="submit_btn" href="javascript:;" onclick="MAC.Pwd.Check(this)" data-mid="1" data-id="{$obj.art_id}" data-type="1" />点击确认</a>
            </div>
        </form>
    </div>
</div>
</div>
</body>
</html>

{$obj.art_pwd}文章后台填写的访问密码
{$obj.art_pwd_url}获取密码外部链接，填写之后就不会直接展示明文密码
MAC.Pwd.Check是系统密码校验JS，data-id、data‑mid参数不可删除，否则密码验证失效

模板修改注意事项

修改完成之后，后台必须清理模板缓存，修改的页面效果才会生效
页面里面MAC开头JS方法是系统内置接口，不要修改函数名称、data‑*属性，否则付费、密码校验功能直接失效
可以修改文字、颜色、布局，建议保留原有表单结构与JS相关属性
变量$obj代表当前文章数据对象，模板内可以调用文章全部字段
三套提示页面独立生效，对应后台文章分别开启付费、版权屏蔽、访问密码才会触发跳转

总结

这三个属于文章模块配套的中断提示页面，不用改动程序源码，直接编辑HTML模板文件就完成定制，适合做资讯、付费文档、密码访问类文章站点开发。调试的时候可以后台单独给一篇文章开启对应功能，预览页面实际展示效果。

1、本站资源均收集与网络，仅供学习与参考，请勿用于商业用途。
2、禁止恶意使用本站资源从事违法行为，一律用于者承担。
3、本站资源版权均归原作者所有，如需商业，请购买正版。
4、转载或引用本网站内容须注明原网址，并标明本网站网址：www.yszzq.com