苹果CMS文章相关提示教程

教程整体介绍

影视站长圈整理苹果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模板文件就完成定制，适合做资讯、付费文档、密码访问类文章站点开发。调试的时候可以后台单独给一篇文章开启对应功能，预览页面实际展示效果。