# 用戶

用戶模塊是眾多模塊裏頁面最多模塊了,完整的用戶中心足足有22個html模板,並且大部分還帶接口交互,開發的工作量有點大,這也就解釋了定做會員中心模板少則千把塊多則好幾千的價格了。

  • 文件目錄 html/user/
  • 所屬模型 model('User')
  • 模型mid 6,使用{$maccms.mid}標簽即可獲得當前模型mid值
  • 頁面aid 6,用戶中心所有頁面的aid都為6
  • 當前用戶數組 $obj 登錄狀態下在所有用戶模塊下都可以調用。如果用戶中心以為使用則要以 $user開頭 ,如用戶名 {$user.user_name},只能非靜態模式下兼容,純靜態模式建議通過js交互。

# 用戶字段

  {$obj.user_id} 用戶id
  {$obj.group_id} 用戶組id
  {$obj.group.group_name} 用戶組
  {$obj.user_name} 用戶名稱
  {$obj.user_nick_name} 用戶昵稱
  {$obj.user_qq} 綁定qq
  {$obj.user_email} 綁定郵箱
  {$obj.user_phone} 綁定手機
  {$obj.user_status} 用戶狀態
  {$obj.user_portrait} 用戶頭像
  {$obj.user_portrait_thumb} 小頭像
  {$obj.user_openid_qq} 登錄qq
  {$obj.user_openid_weixin} 登錄微信
  {$obj.user_question} 保密問題
  {$obj.user_answer} 保密答案
  {$obj.user_points} 用戶積分
  {$obj.user_points_froze} 凍結積分
  {$obj.user_reg_time} 註冊時間
  {$obj.user_reg_ip} 註冊IP
  {$obj.user_login_time} 登錄時間
  {$obj.user_login_ip} 登錄IP
  {$obj.user_last_login_time} 上次登錄時間
  {$obj.user_last_login_ip}int(10) 上次登錄IP
  {$obj.user_login_num} 登錄次數
  {$obj.user_pid} 一級分銷
  {$obj.user_pid_2} 二級分銷
  {$obj.user_pid_3} 三級分銷
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

TIP

非靜態模式下,可獲取到的當前登錄用戶的信息;用戶中心裏各個界面也可用以下參數{$obj.開頭}

# 全局調用

   {$user.user_id} 用戶編號
   {$user.user_name} 登錄名
   {$user.user_nick_name} 昵稱
   {$user.user_email} 郵箱
   {$user.user_qq}  QQ
   {$user.user_phone} 聯系電話
   {$user.user_portrait}  頭像
   {$user.user_points} 積分
   {$user.user_reg_time} 註冊時間
   {$user.user_reg_ip} 註冊ip
   {$user.user_login_time} 登錄時間
   {$user.user_login_ip} 登錄ip
   {$user.user_last_login_time} 上次登錄時間
   {$user.user_last_login_ip} 上次登錄ip
   {$user.user_login_num} 登錄次數
   {$user.user_end_time} vip截止期限
   {$user.group_id}用戶組編號
   ...
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

# 用戶登錄

  • 文件目錄 html/user/login.html

蘋果CMSv10用戶登錄示例

<!-- 登錄表單 -->
<form method="post" id="fm" action="">
   <h4>賬戶信息</h4>
   <div class="group">
      <label >賬號</label>
      <input type="text" id="user_name" name="user_name"  placeholder="請輸入您的登錄賬號">
   </div>
   <div class="group">
      <label>密碼</label>
      <input type="password" id="user_pwd" name="user_pwd"  placeholder="請輸入您的登錄密碼">
   </div>
   {if condition="$GLOBALS['config']['user']['login_verify'] eq 1"}
   <div class="group">
      <label>驗證碼</label>
      <input type="text" id="verify" name="verify" placeholder="請輸入驗證碼">
      <img id="verify_img" src="{:url('verify/index')}" onClick="this.src=this.src+'?'"  alt="單擊刷新" />
   </div>
   {/if}
   <input type="button" id="btn_submit"  value="立即登錄">
</form>

<script type="text/javascript">
	$(function(){
		$("body").bind('keyup',function(event) {
			if(event.keyCode==13){ $('#btnLogin').click(); }
		});
		$('#btn_submit').click(function() {
			if ($('#user_name').val()  == '') { alert('請輸入用戶!'); $("#user_name").focus(); return false; }
			if ($('#user_pwd').val()  == '') { alert('請輸入密碼!'); $("#user_pwd").focus(); return false; }
			if ($('#verify').length> 0 && $('#verify').val()  == '') { alert('請輸入驗證碼!'); $("#verify").focus(); return false; }
			$.ajax({
				url: "{:url('user/login')}",
				type: "post",
				dataType: "json",
				data: $('#fm').serialize(),
				beforeSend: function () {
					$("#btn_submit").css("background","#fd6a6a").val("loading...");
				},
				success: function (r) {
					if(r.code==1){
						location.href="{:url('user/index')}";
					}
					else{
						alert(r.msg);
						$('#verify_img').click();
					}
				},
				complete: function () {
					$("#btn_submit").css("background","#fa4646").val("立即登錄");
				}
			});
		});
	});
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54

# 用戶註冊

  • 文件目錄 html/user/reg.html

蘋果CMSv10用戶註冊完整示例

<form method="post" id="fm" action="">
   <h4>用戶註冊</h4>
   <div class="reg-group">
      <label>賬號</label>
      <input type="text" id="user_name" name="user_name"  placeholder="請輸入您的登錄賬號">
   </div>
   <div class="reg-group">
      <label>密碼</label>
      <input type="password" id="user_pwd" name="user_pwd"  placeholder="請輸入您的登錄密碼">
   </div>
   <div class="reg-group">
      <label>確認密碼</label>
      <input type="password" id="user_pwd2" name="user_pwd2"  placeholder="請輸入您的確認密碼">
   </div>
   <!-- 判斷後臺是否開啟手機註冊 -->
   {if condition="$user_config.reg_phone_sms neq 0"}
   <input type="hidden" name="ac" value="phone">
   <div class="reg-group">
      <label>手機號碼</label>
      <input type="text" id="to" name="to" placeholder="請輸入手機號">
      <input type="button" class="fr mr10 mt10" id="btn_send_sms" value="獲取驗證碼"/>
   </div>
   <div class="reg-group">
      <label>手機驗證碼</label>
      <input type="text" id="code" name="code" placeholder="請輸入驗證碼">
   </div>
   <!-- 判斷後臺是否開啟郵箱註冊 -->
   {elseif condition="$user_config.reg_email_sms neq 0"}
   <input type="hidden" name="ac" value="email">
   <div class="reg-group">
      <label>郵箱地址</label>
      <input type="text" id="to" name="to" placeholder="請輸入郵箱">
      <input type="button" class="fr mr10 mt10" id="btn_send_sms" value="獲取驗證碼"/>
   </div>
   <div class="reg-group">
      <label>郵箱驗證碼</label>
      <input type="text" id="code" name="code" placeholder="請輸入驗證碼">
   </div>
   {/if}
   <!-- 判斷後臺是否開始註冊驗證碼 -->
   {if condition="$user_config.reg_verify neq 0"}
   <div class="reg-group">
      <label>驗證碼</label>
      <input type="text" id="verify" name="verify" placeholder="請輸入驗證碼">
      <img class="fr mr10 mt10" id="verify_img" src="{:url('verify/index')}" onClick="this.src=this.src+'?'"  alt="單擊刷新" />
   </div>
   {/if}
   <input type="button" id="btn_submit" class="btn-brand btn-sub" value="立即註冊">
</form>

<script type="text/javascript">
    var countdown=60;
    function settime(val) {
        if (countdown == 0) {
            val.removeAttribute("disabled");
            val.value="獲取驗證碼";
            countdown = 60;
            return true;
        } else {
            val.setAttribute("disabled", true);
            val.value="重新發送(" + countdown + ")";
            countdown--;
        }
        setTimeout(function() {settime(val) },1000)
    }
		$("body").bind('keyup',function(event) {
			if(event.keyCode==13){ $('#btnLogin').click(); }
		});

        $('#btn_send_sms').click(function(){
            var ac = $('input[name="ac"]').val();
            var to = $('input[name="to"]').val();
            if(ac=='email') {
                var pattern = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
                var ex = pattern.test(to);
                if (!ex) {
                    alert('郵箱格式不正確');
                    return;
                }
            }
            else if(ac=='phone') {
                var pattern=/^[1][0-9]{10}$/;
                var ex = pattern.test(to);
                if (!ex) {
                    alert('手機號格式不正確');
                    return;
                }
            }
            else{
                alert('參數錯誤');
                return;
            }

            settime(this);
            var data = $("#fm").serialize();

            $.ajax({
                url: "{:url('user/reg_msg')}",
                type: "post",
                dataType: "json",
                data: data,
                beforeSend: function () {
                    //開啟loading
                },
                success: function (r) {
                    alert(r.msg);
                },
                complete: function () {
                    //結束loading
                }
            });
        });

		$('#btn_submit').click(function() {
			if ($('#user_name').val()  == '') { alert('請輸入用戶!'); $("#user_name").focus(); return false; }
			if ($('#user_pwd').val()  == '') { alert('請輸入密碼!'); $("#user_pwd").focus(); return false; }
			if ($('#verify').val()  == '') { alert('請輸入驗證碼!'); $("#verify").focus(); return false; }

			$.ajax({
				url: "{:url('user/reg')}",
				type: "post",
				dataType: "json",
				data: $('#fm').serialize(),
				beforeSend: function () {
					$("#btn_submit").css("background","#fd6a6a").val("loading...");
				},
				success: function (r) {
					alert(r.msg);
					if(r.code==1){
						// location.href="{:url('user/login')}";
					}
					else{
						$('#verify_img').click();
					}
				},
				complete: function () {
					$("#btn_submit").css("background","#fa4646").val("立即註冊");
				}
			});
		});
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141

# 用戶中心

  • 文件目錄 html/user/index.html

用戶中心常用示例

<div class="cur">
   <p><span >用戶名:</span>{$obj.user_name}</p>
   <p><span >所屬會員組:</span>{$obj.group.group_name}</p>
   <p><span >會員期限:</span>{$obj.user_end_time|mac_day}</p>
   <p><span >QQ號碼:</span>{$obj.user_qq}</p>
   <p><span >Email地址:</span>{$obj.user_email}</p>
   <p><span >註冊時間:</span>{$obj.user_reg_time|mac_day}</p>
   <p><span >登陸IP:</span>{$obj.user_login_ip|long2ip}</p>
   <p><span >登陸時間:</span>{$obj.user_login_time|mac_day}</p>
   <p><span >賬戶積分:</span>{$obj.user_points}</p>
   {if $GLOBALS['config']['user']['invite_reg_points'] gt 0}
   <p><span >推廣註冊鏈接:</span>
      <input id="url"  value="{$maccms.http_type}{$maccms.site_url}{:mac_url('user/reg')}?uid={$obj.user_id}" size="70" style="width:500px;">
   </p>
   {/if}
   {if $GLOBALS['config']['user']['invite_visit_points'] gt 0}
   <p><span >推廣訪問鏈接:</span>
      <input id="url2"  value="{$maccms.http_type}{$maccms.site_url}{:mac_url('user/visit')}?uid={$obj.user_id}" size="70" style="width:500px;">
   </p>
   {/if}
</div>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

# 修改信息

  • 文件目錄 html/user/info.html

蘋果CMSv10用戶修改信息表單示例

<form id="fm" name="fm" method="post" action="" >
   <p><span >用戶名:</span>{$obj.user_name}</p>
   <p><span >昵稱:</span><input type="text" name="user_nick_name"  value="{$obj.user_nick_name}"></p>
   <p><span >原始密碼:</span><input type="password" name="user_pwd" ></p>
   <p><span >新密碼:</span><input type="password" name="user_pwd1" ><span class="tishi">不修改請留空</span></p>
   <p><span >重復密碼:</span><input type="password" name="user_pwd2" ></p>
   <p><span >QQ號碼:</span><input type="text" name="user_qq"  value="{$obj.user_qq}"></p>
   {if condition="$obj.user_email neq ''"}
      <p><span >郵箱:</span><input type="text" name="user_email"  readonly="readonly" value="{$obj.user_email}">[<a class="btn_unbind" ac="email" href="javascript:;">解綁</a>]</p>
   {else/}
      <p><span >郵箱:</span><input type="text" name="user_email"  value="">[<a href="{:url('user/bind')}?ac=email">綁定</a>]</p>
   {/if}

   {if condition="$obj.user_phone neq ''"}
   <p><span >手機:</span><input type="text" name="user_phone"  readonly="readonly" value="{$obj.user_phone}">[<a class="btn_unbind" ac="phone" href="javascript:;">解綁</a>]</p>
   {else/}
   <p><span >手機:</span><input type="text" name="user_phone"  value="">[<a href="{:url('user/bind')}?ac=phone">綁定</a>]</p>
   {/if}

   <p><span >找回密碼問題:</span><input type="text" name="user_question"  value="{$obj.user_question}"></p>
   <p><span >找回密碼答案:</span><input type="text" name="user_answer"  value="{$obj.user_answer}"></p>
   <p><span ></span><input type="button" id="btn_submit" class="search-button" value="保存">
   <span class="wjmm"><a href="{:url('user/findpass')}">忘記密碼了?</a></span></p>
</form>

<script type="text/javascript">
	$('.btn_unbind').click(function(){
		var ac = $(this).attr('ac');
		if(ac!='email' && ac!='phone'){
			alert('參數錯誤');
		}
		if(confirm('確認解除綁定嗎?此操作不可恢復?')) {
			$.ajax({
				url: "{:url('user/unbind')}",
				type: "post",
				dataType: "json",
				data: {ac: ac},
				beforeSend: function () {
					//開啟loading
				},
				success: function (r) {
					alert(r.msg);
					if(r.code==1){
						location.href="{:url('user/info')}";
					}
				},
				complete: function () {
					//結束loading
				}
			});
		}
	});

	$("#btn_submit").click(function() {
		var data = $("#fm").serialize();
		$.ajax({
			url: "{:url('user/info')}",
			type: "post",
			dataType: "json",
			data: data,
			beforeSend: function () {
				//開啟loading
				//$(".loading_box").css("display","block");
				$("#btn_submit").css("background","#fd6a6a").val("loading...");
			},
			success: function (r) {
				alert(r.msg);
				if(r.code==1){
					location.href="{:url('user/info')}";
				}
			},
			complete: function () {
				//結束loading
				//$(".loading_box").css("display","none");
				$("#btn_submit").css("background","#fa4646").val("提交");
			}
		});
	});
</script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80

# 用戶權限

  • 文件目錄 html/user/popedom.html
  • 權限列表(數組) $type_tree

蘋果CMS列出當前用戶所有權限示例

{volist name="type_tree" id="vo"}
   <p>
   <span class="quanxian">{$vo.type_name}</span>
   {foreach name="$vo.popedom" id="v2"}
      {if condition="$v2 eq 1"}
         <span class="you">{$key}</span>
      {else}
         <span class="wu">{$key}</span>
      {/if}
   {/foreach}
   </p>
   <p>
   <!-- 子分類權限 -->
   {volist name="vo.child" id="child"}
      <span class="quanxian">{$child.type_name}</span>
      {foreach name="$child.popedom" id="v2"}
         {if condition="$v2 eq 1"}
            <span class="you">{$key}</span>
         {else}
            <span class="wu">{$key}</span>
         {/if}
      {/foreach}
      </p>
   {/volist}
{/volist}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

# 我的播放

  • 文件目錄 html/user/plays.html
  • 數據列表(數組) $list使用volist進行遍歷

蘋果CMS列出用戶播放記錄示例

<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 id="form1" name="form1" method="post">
      {volist name="list" id="vo"}
      <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>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52

# 我的下載

  • 文件目錄 html/user/downs.html
  • 數據列表(數組) $list使用volist進行遍歷

蘋果CMS列出用戶下載記錄示例

<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 id="form1" name="form1" method="post">
      {volist name="list" id="vo"}
      <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 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="" 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:5,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>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52

# 我的收藏

  • 文件目錄 html/user/favs.html
  • 數據列表(數組) $list使用volist進行遍歷 蘋果CMS列出用戶下載記錄示例
<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 id="form1" name="form1" method="post">
      {volist name="list" id="vo"}
      	{if condition="$vo.ulog_mid eq 1"}
         <tr>
            <td height="36" align="center" valign="middle" bgcolor="#FFFFFF">
            <input type="checkbox" name="ids[]" id="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">
               {if condition="$vo.ulog_mid eq 1"}
               <a target="_blank" href="{$vo.data.link}">[{$vo.data.type.type_name}] {$vo.data.name}</a>
               {elseif condition="$vo.ulog_mid eq 2"}
               <a target="_blank" href="{$vo.data.link}">[{$vo.data.type.type_name}] {$vo.data.name}</a>
               {elseif condition="$vo.ulog_mid eq 3"}
               <a target="_blank" href="{$vo.data.link}">{$vo.data.name}</a>
               {/if}
            </td>
            <td align="center" valign="middle" bgcolor="#FFFFFF"><a href="javascript:;" onclick="delData({$vo.ulog_id},0)" class="delete">刪除</a></td>
         </tr>
		  {/if}
      {/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:2,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>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61

# 在線充值

  • 文件目錄 html/user/buy.html

蘋果CMS在線充值表單示例

<div class="line40">
   <p>充值的金額:<input type="text" name="price" value="{$config.min}" class="jifen-input"></p>
   <p><input type="button" id="btn_submit_pay" class="jifen2-button" value="確認"></p>
   <p class="hui">友情提示:最小充值金額為{$config.min}元,1元可以兌換{$config.scale}個積分</p>
</div>

<script>
   
	$('#btn_submit_pay').click(function(){
		var that=$(this);
		var price = $("input[name='price']").val();
		if(Number(price)<1){
			return;
		}
		if(confirm('確定要在線充值嗎')) {
			$.ajax({
				url: "{:url('user/buy')}",
				type: "post",
				dataType: "json",
				data: {price: price,flag:'pay'},
				beforeSend: function () {
					$("#btn_submit_pay").css("background","#fd6a6a").val("loading...");
				},
				success: function (r) {
					if (r.code == 1) {
                  //生成訂單後跳轉支付頁面
						location.href="{:url('user/pay')}?order_code=" + r.data.order_code;
					}
					else{
						alert(r.msg);
					}
				},
				complete: function () {
					$("#btn_submit_pay").css("background","#fa4646").val("提交");
				}
			});
		}
	});

</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40

蘋果CMS卡密充值表單示例

<div class="line40">
   <p>充值卡號:<input type="text" name="card_no" value="" class="jifen-input">
      {if condition="$GLOBALS['config']['pay']['card']['url'] neq ''"}
      <a target="_blank" href="{$GLOBALS['config']['pay']['card']['url']}">點擊購買卡密</a>
      {/if}
   </p>
   <p>充值密碼:<input type="text" name="card_pwd" value="" class="jifen-input"></p>
   <p><input type="button" id="btn_submit_card" class="jifen2-button" value="確認"></p>
   <p class="hui">友情提示:請到卡密平臺購買充值卡</p>
</div>

<script>
   $('#btn_submit_card').click(function(){
		var that=$(this);
		var no = $('input[name="card_no"]').val();
		var pwd = $('input[name="card_pwd"]').val();
		if(no=='' || pwd==''){
			alert('請輸入充值卡號和密碼');
			return;
		}
		if(confirm('確定要使用充值卡充值嗎')) {
			$.ajax({
				url: "{:url('user/buy')}",
				type: "post",
				dataType: "json",
				data: {card_no: no,card_pwd:pwd,flag:'card'},
				beforeSend: function () {
					$("#btn_submit_card").css("background","#fd6a6a").val("loading...");
				},
				success: function (r) {
					alert(r.msg);
				},
				complete: function () {
					$("#btn_submit_card").css("background","#fa4646").val("提交");
				}
			});
		}
	});
</script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40

# 支付頁面

  • 文件目錄 html/user/pay.html

在用確認在線充值後並且已生成訂單後跳轉到該頁面

蘋果CMS支付頁表單示例

<form method="post" target="_blank" action="{:url('user/gopay')}">
   <input type="hidden" name="order_id" value="{$info.order_id}">
   <input type="hidden" name="order_code" value="{$info.order_code}">
   <div class="line40">
      <p><span class="xiang">訂單編號:</span>{$info.order_code}</p>
      <p><span class="xiang">訂單金額:</span>{$info.order_price}元</p>
      <p>
         <span class="xiang">支付方式:</span>
         <select name="payment" id="payment">
            <option value ="">請選擇...</option>
            {volist name="ext_list" id="vo"}
            <option value="{$key}">{$vo}支付</option>
            {/volist}
         </select>
      </p>

      <p class="info-item" id="paytype_box" style="display:none;">
         <span class="xiang">支付類型:</span>
         <select class="paytype" id="paytype" name="paytype">
         </select>
      </p>

      <p><input type="submit" id="btn_submit" class="jifen2-button" value="確認"></p>
   </div>
</form>

<script>
	var codepay_type = '{maccms:foreach name=":explode(',',$config.codepay.type)"}<option value ="{$vo}">{if condition="$vo==1"}支付寶二維碼{elseif condition="$vo==2"/}QQ錢包二維{elseif condition="$vo==3"/}微信二維碼{/if}</option>{/maccms:foreach}';
	var zhapay_type ='{maccms:foreach name=":explode(',',$config.zhapay.type)"}<option value ="{$vo}">{if condition="$vo==1"}微信{elseif condition="$vo==2"/}支付寶{/if}</option> {/maccms:foreach}';
 
	$("#payment").change(function() {
		$('#paytype').html('');
		if($("#payment").val()=="codepay" || $("#payment").val()=="zhapay" || $("#payment").val()=="Pkfaka"){
			if($("#payment").val()=="codepay") {
				$('#paytype').html(codepay_type);
			}
			if($("#payment").val()=="zhapay") {
				$('#paytype').html(zhapay_type);
			}
         
			$("#paytype_box").slideDown();
		}
		else{
			$("#paytype_box").slideUp();
		}
	});

	$(".paytype").change(function() {
		$('#paytype').val( $(this).val() );
	});
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51

# 微信充值

  • 文件目錄 html/user/payment_weixin.html

當用戶選擇微信支付是會跳轉到該頁面進行掃碼確認

蘋果CMS微信支付示例

<form method="post" target="_blank" action="{:url('user/gopay')}">
   <input type="hidden" name="order_id" value="{$info.order_id}">
   <input type="hidden" name="order_code" value="{$info.order_code}">
   <div class="line40">
      <p><span class="xiang">訂單編號:</span>{$order.order_code}</p>
      <p><span class="xiang">訂單金額:</span>{$order.order_price}元</p>
      <p><img src="{:url('user/qrcode')}?data={$payment.code_url|urlencode}" width="150" height="150"/></p>
      <p>打開微信,掃碼支付</p>
   </div>
</form>

<script>
	function check(){
		$.get("{:url('user/order_info')}" + '?order_id={$order.order_id}', function(data){
			if(data.info.order_status == 1){
				alert('支付完成,即將跳轉到會員中心');
				window.location.href = "{:url('user/index')}";
			}
		});
	}
	$(function(){
		setInterval(function(){check()}, 5000);  //5秒查詢一次支付是否成功
	})
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

# 訂單記錄

查看充值訂單記錄,未支付的訂單可以從這個頁面再次發動支付!

  • 文件目錄 html/user/orders.html
  • 數據列表(數組) $list使用volist進行遍歷

蘋果CMS獲取用戶充值訂單記錄示例

<table width="870" border="0" cellspacing="1" cellpadding="0" class="table">
   <tr>
   <td width="66" height="36" align="center" valign="middle" bgcolor="#f7f7f7">選擇</td>
   <td width="60" align="center" valign="middle" bgcolor="#f7f7f7">編號</td>
   <td width="300" align="center" valign="middle" bgcolor="#f7f7f7">單號</td>
   <td width="60" align="center" valign="middle" bgcolor="#f7f7f7">狀態</td>
      <td width="60" align="center" valign="middle" bgcolor="#f7f7f7">金額</td>
      <td width="60" align="center" valign="middle" bgcolor="#f7f7f7">積分</td>
   <td width="150" align="center" valign="middle" bgcolor="#f7f7f7">時間</td>
   <td width="80" align="center" valign="middle" bgcolor="#f7f7f7">操作</td>
   </tr>
   {volist name="list" id="vo"}
   <tr>
      <td height="36" align="center" valign="middle" bgcolor="#FFFFFF"><input name="ids[]" type="checkbox" value="{$vo.order_id}"></td>
      <td align="center" valign="middle" bgcolor="#FFFFFF">{$vo.order_id}</td>
      <td align="left" valign="middle" bgcolor="#FFFFFF" class="pad">{$vo.order_code}</td>
      <td align="center" valign="middle" bgcolor="#FFFFFF">{if condition="$vo.order_status eq 1"}已支付{else}未支付{/if}</td>
      <td align="center" valign="middle" bgcolor="#FFFFFF">{$vo.order_price}</td>
         <td align="center" valign="middle" bgcolor="#FFFFFF">{$vo.order_points}</td>
         <td align="center" valign="middle" bgcolor="#FFFFFF">{$vo.order_time|mac_day}</td>
      <td align="center" valign="middle" bgcolor="#FFFFFF">{if condition="$vo.order_status eq 0"}<a href="{:url('user/pay')}?order_code={$vo.order_code}" class="delete">支付</a>{/if}</td>
   </tr>
   {/volist}
</table>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

# 卡密記錄

列出用戶使用過的充值卡號和充值日期

  • 文件目錄 html/user/cards.html
  • 數據列表(數組) $list使用volist進行遍歷

蘋果CMS獲取用戶卡密充值記錄示例

<table width="870" border="0" cellspacing="1" cellpadding="0" class="table">
   <tr>
      <td width="66" height="36" align="center" valign="middle" bgcolor="#f7f7f7">選擇</td>
      <td width="60" align="center" valign="middle" bgcolor="#f7f7f7">編號</td>
      <td width="300" align="center" valign="middle" bgcolor="#f7f7f7">卡號</td>
      <td width="60" align="center" valign="middle" bgcolor="#f7f7f7">面值</td>
      <td width="60" align="center" valign="middle" bgcolor="#f7f7f7">積分</td>
      <td width="150" align="center" valign="middle" bgcolor="#f7f7f7">使用時間</td>
      <td width="80" align="center" valign="middle" bgcolor="#f7f7f7">操作</td>
   </tr>
   {volist name="list" id="vo"}
   <tr>
      <td height="36" align="center" valign="middle" bgcolor="#FFFFFF"><input name="ids[]" type="checkbox" value="{$vo.card_id}"></td>
      <td align="center" valign="middle" bgcolor="#FFFFFF">{$vo.card_id}</td>
      <td align="left" valign="middle" bgcolor="#FFFFFF" class="pad">{$vo.card_no}</td>
      <td align="center" valign="middle" bgcolor="#FFFFFF">{$vo.card_money}</td>
      <td align="center" valign="middle" bgcolor="#FFFFFF">{$vo.card_points}</td>
      <td align="center" valign="middle" bgcolor="#FFFFFF">{$vo.card_use_time|mac_day}</td>
      <td align="center" valign="middle" bgcolor="#FFFFFF"></td>
   </tr>
   {/volist}
</table>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

# 積分記錄

  • 文件目錄 html/user/plog.html
  • 數據列表(數組) $list使用volist進行遍歷

蘋果CMS獲取用戶積分變動記錄示例

<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="100" align="center" valign="middle" bgcolor="#f7f7f7">分類</td>
      <td width="100" align="center" valign="middle" bgcolor="#f7f7f7">積分</td>
      <td width="140" align="center" valign="middle" bgcolor="#f7f7f7">時間</td>
      <td width="80" align="center" valign="middle" bgcolor="#f7f7f7">操作</td>
   </tr>
   <form id="form1" name="form1" method="post">
      {volist name="list" id="vo"}
      <tr>
         <td height="36" align="center" valign="middle" bgcolor="#FFFFFF">
         <input type="checkbox" name="ids[]" id="checkbox" value="{$vo.plog_id}"/></td>
         <td align="center" valign="middle" bgcolor="#FFFFFF">{$vo.plog_id}</td>
         <td align="center" valign="middle" bgcolor="#FFFFFF">{$vo.plog_type|mac_get_plog_type_text}</td>
         <td align="center" valign="middle" bgcolor="#FFFFFF">{if condition="in_array($vo.plog_type,[1,2,3,4])"}+{else/}-{/if}{$vo.plog_points}</td>
            <td align="center" valign="middle" bgcolor="#FFFFFF">{$vo.plog_time|mac_day}</td>
         <td align="center" valign="middle" bgcolor="#FFFFFF"><a href="javascript:;" onclick="delData({$vo.plog_id},0)" class="delete">刪除</a></td>
      </tr>
      {/volist}
   </form>
</table>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

# 提現記錄

  • 文件目錄 html/user/cash.html
  • 數據列表(數組) $list使用volist進行遍歷

蘋果CMS積分提表單現示例

<form id="fm" name="fm" method="post" action="" >
   <p>1元等於{$GLOBALS['config']['user']['cash_ratio']}積分,最低提現金額:{$GLOBALS['config']['user']['cash_min']}元</p>
   <p>剩余{$GLOBALS['user']['user_points']}積分,相當於{$GLOBALS['user']['user_points']/$GLOBALS['config']['user']['cash_ratio']}元;凍結{$GLOBALS['user']['user_points_froze']}積分,相當於{$GLOBALS['user']['user_points_froze']/$GLOBALS['config']['user']['cash_ratio']}元;</p>

   銀行名稱:<input type="text" name="cash_bank_name"  placeholder="請輸入開戶行名稱或支付寶微信" value="">
   銀行賬號:<input type="text" name="cash_bank_no" placeholder="請輸入銀行卡號或支付寶微信賬號"  value="">

   收款姓名:<input type="text" name="cash_payee_name"  placeholder="請輸入收款人姓名與上方賬戶對應"  value="">提現金額:<input type="text" name="cash_money"  placeholder="請輸入提現金額"  value="">
   <input type="button" id="btn_submit"  value="提交" style="margin: 5px;">
</form>

<script>
$("#btn_submit").click(function() {
   var cash_bank_name = $('input[name="cash_bank_name"]').val();
   if(cash_bank_name==''){
      alert('請輸入銀行名稱');
      return;
   }
   var cash_bank_no = $('input[name="cash_bank_no"]').val();
   if(cash_bank_no==''){
      alert('請輸入銀行賬戶');
      return;
   }
   var cash_payee_name = $('input[name="cash_payee_name"]').val();
   if(cash_payee_name==''){
      alert('請輸入收款人姓名');
      return;
   }
   var cash_money = $('input[name="cash_money"]').val();
   if(cash_money==''){
      alert('請輸入提現金額');
      return;
   }
   var data = $("#fm").serialize();
   $.ajax({
      url: "{:url('user/cash')}",
      type: "post",
      dataType: "json",
      data: data,
      beforeSend: function () {
            //開啟loading
            //$(".loading_box").css("display","block");
            $("#btn_submit").css("background","#fd6a6a").val("loading...");
      },
      success: function (r) {
            alert(r.msg);
            if(r.code==1){
               location.href="{:url('user/cash')}";
            }
      },
      complete: function () {
            //結束loading
            //$(".loading_box").css("display","none");
            $("#btn_submit").css("background","#fa4646").val("提交");
      }
   });
});
</script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59

蘋果CMS獲取用戶提現記錄示例


<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="100" align="center" valign="middle" bgcolor="#f7f7f7">提現積分</td>
      <td width="100" align="center" valign="middle" bgcolor="#f7f7f7">提現金額</td>
      <td width="100" align="center" valign="middle" bgcolor="#f7f7f7">狀態</td>
      <td width="140" align="center" valign="middle" bgcolor="#f7f7f7">時間</td>
      <td width="80" align="center" valign="middle" bgcolor="#f7f7f7">操作</td>
   </tr>
   <form id="form1" name="form1" method="post">
      {volist name="list" id="vo"}
      <tr>
         <td height="36" align="center" valign="middle" bgcolor="#FFFFFF">
         <input type="checkbox" name="ids[]" id="checkbox" value="{$vo.cash_id}"/></td>
         <td align="center" valign="middle" bgcolor="#FFFFFF">{$vo.cash_id}</td>
         <td align="center" valign="middle" bgcolor="#FFFFFF">{$vo.cash_points}</td>
         <td align="center" valign="middle" bgcolor="#FFFFFF">{$vo.cash_money}</td>
         <td align="center" valign="middle" bgcolor="#FFFFFF">{if condition="$vo.cash_status eq '1'"}已審核{else/}未審核{/if}</td>
         <td align="center" valign="middle" bgcolor="#FFFFFF">{$vo.cash_time|mac_day}</td>
         <td align="center" valign="middle" bgcolor="#FFFFFF"><a href="javascript:;" onclick="delData({$vo.cash_id},0)" 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/cash_del')}",{ids:ids,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>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56

# 分銷記錄

  • 文件目錄 html/user/reward.html
  • 數據列表(數組) $list使用volist進行遍歷

蘋果CMS三級分銷代碼示例

<ul class="fn-clear">
   {if condition="$param.level eq ''"}
      <li class="cur">一級下線</li>
   {else/}
      <li><a href="{:url('user/reward')}">一級下線</a></li>
   {/if}
   {if condition="$param.level eq '2'"}
      <li class="cur">二級下線</li>
   {else/}
      <li><a href="{:url('user/reward')}?level=2">二級下線</a></li>
   {/if}
   {if condition="$param.level eq '3'"}
      <li class="cur">三級下線</li>
   {else/}
      <li><a href="{:url('user/reward')}?level=3">三級下線</a></li>
   {/if}
</ul>

<table width="770" border="0" cellspacing="1" cellpadding="0" class="table">
   <tr>
      <td width="80" align="center" valign="middle" bgcolor="#f7f7f7">編號</td>
      <td width="100" align="center" valign="middle" bgcolor="#f7f7f7">會員</td>
      <td width="140" align="center" valign="middle" bgcolor="#f7f7f7">時間</td>
   </tr>
   <form id="form1" name="form1" method="post">
      {volist name="list" id="vo"}
      <tr>
         <td align="center" valign="middle" bgcolor="#FFFFFF">{$vo.user_id}</td>
         <td align="center" valign="middle" bgcolor="#FFFFFF">{$vo.user_name}</td>
         <td align="center" valign="middle" bgcolor="#FFFFFF">{$vo.user_reg_time|mac_day}</td>
      </tr>
      {/volist}
   </form>
</table>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

# 升級會員

  • 文件目錄 html/user/upgrade.html

蘋果CMS會員升級表單示例

 <!-- BEGIN row -->
{volist name="group_list" id="vo"}
   {if condition="$vo.group_id gt 2 && $vo.group_status eq 1"}
   <div class="huang grade"  data-id="{$vo.group_id}" data-name="{$vo.group_name}" data-points="{$vo.group_points_day}" data-long="day">
      {$vo.group_name}-包天:{$vo.group_points_day}積分
   </div>

   <div class="lan grade"  data-id="{$vo.group_id}" data-name="{$vo.group_name}" data-points="{$vo.group_points_week}" data-long="week">
      {$vo.group_name}-包周:{$vo.group_points_week}積分
   </div>

  <div class="hong grade"  data-id="{$vo.group_id}" data-name="{$vo.group_name}" data-points="{$vo.group_points_month}" data-long="month">
      {$vo.group_name}-包月:{$vo.group_points_month}積分
  </div>

  <div class="zi grade"  data-id="{$vo.group_id}" data-name="{$vo.group_name}" data-points="{$vo.group_points_year}" data-long="year">
      {$vo.group_name}-包年:{$vo.group_points_year}積分
   </div>
{/if}
{/volist}
<!-- END row -->

<script>	
$('.grade').click(function(){
   var that=$(this);
   var group_id = that.attr('data-id');
   var group_name = that.attr('data-name');
   var long = that.attr('data-long');
   var points = that.attr('data-points');

   if(confirm('確定要升級到【'+group_name+'】嗎,需要花費【'+points+'】積分')) {
      $.ajax({
         url: "{:url('user/upgrade')}",
         type: "post",
         dataType: "json",
         data: {group_id: group_id,long:long },
         beforeSend: function () {
            $("#btn_submit").css("background","#fd6a6a").val("loading...");
         },
         success: function (r) {
            alert(r.msg);
            if (r.code == 1) {
               location.reload();
            }
         },
         complete: function () {
            $("#btn_submit").css("background","#fa4646").val("提交");
         }
      });
   }
});
</script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53

# 綁定信息

  • 文件目錄 html/user/bind.html
  • 頁面變量 $ac phone 為綁定手機 ,email 為綁定郵箱

蘋果CMS用戶綁定信息示例

<h1>綁定{if condition="$ac eq 'phone'"}手機{else/}郵箱{/if}</h1>
<form id="fm" name="fm" method="post" action="" >
   <input type="hidden" name="ac" value="{$ac}">
   {if condition="$ac eq 'phone'"}手機{else/}郵箱{/if}:
   <input type="text" name="to" class="member-input" value="">

   <input type="button" id="btn_bind_send" value="獲取驗證碼"/>

   驗證碼:</span><input type="text" name="code" class="member-input" value="">

   <input type="button" id="btn_submit" class="search-button" value="確認綁定">
</form>
<script type="text/javascript">
	var countdown=60;
	function settime(val) {
		if (countdown == 0) {
			val.removeAttribute("disabled");
			val.value="獲取驗證碼";
			countdown = 60;
			return true;
		} else {
			val.setAttribute("disabled", true);
			val.value="重新發送(" + countdown + ")";
			countdown--;
		}
		setTimeout(function() {settime(val) },1000)
	}

	$('#btn_bind_send').click(function(){
	    var ac = $('input[name="ac"]').val();
		var to = $('input[name="to"]').val();
		if(ac=='email') {
            var pattern = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
            var ex = pattern.test(to);
            if (!ex) {
                alert('郵箱格式不正確');
                return;
            }
        }
        else if(ac=='phone') {
            var pattern=/^[1][0-9]{10}$/;
            var ex = pattern.test(to);
            if (!ex) {
                alert('手機號格式不正確');
                return;
            }
        }
		else{
		    alert('參數錯誤');
			return;
		}


		settime(this);
		var data = $("#fm").serialize();

		$.ajax({
			url: "{:url('user/bindmsg')}",
			type: "post",
			dataType: "json",
			data: data,
			beforeSend: function () {
				//開啟loading
			},
			success: function (r) {
				alert(r.msg);
			},
			complete: function () {
				//結束loading
			}
		});
	});

	$("#btn_submit").click(function() {
        var ac = $('input[name="ac"]').val();
        var to = $('input[name="to"]').val();

        if(ac=='email') {
            var pattern = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
            var ex = pattern.test(to);
            if (!ex) {
                alert('郵箱格式不正確');
                return;
            }
        }
        else if(ac=='phone') {
            var pattern=/^[1][0-9]{10}$/;
            var ex = pattern.test(to);
            if (!ex) {
                alert('手機號格式不正確');
                return;
            }
        }
        else{
            alert('參數錯誤');
            return;
        }

		var code = $('input[name="code"]').val();
		if(code==''){
			alert('請輸入驗證碼');
			return;
		}
		var data = $("#fm").serialize();

		$.ajax({
			url: "{:url('user/bind')}",
			type: "post",
			dataType: "json",
			data: data,
			beforeSend: function () {
				//開啟loading
				//$(".loading_box").css("display","block");
				$("#btn_submit").css("background","#fd6a6a").val("loading...");
			},
			success: function (r) {
				alert(r.msg);
				if(r.code==1){
					location.href="{:url('user/info')}";
				}
			},
			complete: function () {
				//結束loading
				//$(".loading_box").css("display","none");
				$("#btn_submit").css("background","#fa4646").val("提交");
			}
		});
	});

</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130

# 找回密碼

  • 文件目錄 html/user/findpass.html

蘋果CMS保密問題找回密碼表單示例

<form method="post" id="fm" action="">
   <h4>預留問題找回密碼</h4>
   <div class="reg-group">
      <label class="bd-r" >賬號</label>
      <input type="text" id="user_name" name="user_name"  placeholder="請輸入您的登錄賬號">
   </div>
   <div class="reg-group">
      <label>找回問題</label>
      <input type="text" id="user_question" name="user_question"  placeholder="請輸入您密碼找回問題">
   </div>
   <div class="reg-group">
      <label>找回答案</label>
      <input type="text" id="user_answer" name="user_answer"  placeholder="請輸入您的密碼找回答案">
   </div>
   <div class="reg-group">
      <label>新的密碼</label>
      <input type="password" id="user_pwd" name="user_pwd"  placeholder="請輸入您的新密碼">
   </div>
   <div class="reg-group">
      <label>確認密碼</label>
      <input type="password" id="user_pwd2" name="user_pwd2"  placeholder="請輸入您的確認密碼">
   </div>
   <div class="reg-group">
      <label>驗證碼</label>
      <input type="text" class="reg-control w150" id="verify" name="verify" placeholder="請輸入驗證碼">
      <img class="fr mr10 mt10" src="{:url('verify/index')}" onClick="this.src=this.src+'?'"  alt="單擊刷新" />
   </div>
   <input type="button" id="btn_submit" class="btn-brand btn-sub" value="立即找回">
</form>
<script type="text/javascript">

	$(function(){
		$("body").bind('keyup',function(event) {
			if(event.keyCode==13){ $('#btnLogin').click(); }
		});
		$('#btn_submit').click(function() {
			if ($('#user_name').val()  == '') { alert('請輸入用戶!'); $("#user_name").focus(); return false; }
			if ($('#user_pwd').val()  == '') { alert('請輸入密碼!'); $("#user_pwd").focus(); return false; }
			if ($('#verify').val()  == '') { alert('請輸入驗證碼!'); $("#verify").focus(); return false; }

			$.ajax({
				url: "{:url('user/findpass')}",
				type: "post",
				dataType: "json",
				data: $('#fm').serialize(),
				beforeSend: function () {
					$("#btn_submit").css("background","#fd6a6a").val("loading...");
				},
				success: function (r) {
					if(r.code==1){
						location.href="{:url('user/index')}";
					}
					else{
						alert(r.msg);
					}
				},
				complete: function () {
					$('#verify').click();
					$("#btn_submit").css("background","#fa4646").val("立即找回");
				}
			});

		});
	});

</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
  • 文件目錄 html/user/findpass_msg.html

蘋果CMS綁定信息找回密碼示例

<form method="post" id="fm" action="">
   <input type="hidden" name="ac" value="{$param['ac']}">
   <h4>{$param['ac_text']}找回密碼</h4>
   <div class="reg-group">
      <label class="bd-r" style="letter-spacing: normal;">{$param['ac_text']}</label>
      <input type="text" id="to" name="to" class="reg-control" placeholder="請輸入您綁定的{$param['ac_text']}">
   </div>

   <div class="reg-group">
      <label>驗證碼</label>
      <input type="text" class="reg-control w150" id="verify" name="verify" placeholder="請輸入驗證碼">
      <img class="fr mr10 mt10" src="{:url('verify/index')}" onClick="this.src=this.src+'?'"  alt="單擊刷新" />
   </div>
   <input type="button" id="btn_send" class="btn-brand btn-sub" style="margin-top:5px;" value="發送驗證碼">
</form>

<form method="post" id="fm2" action="">
   <input type="hidden" name="ac" value="email">
   <h4>驗證信息</h4>
   <div class="reg-group">
      <label class="bd-r" style="letter-spacing: normal;">驗證碼</label>
      <input type="text" id="code" name="code" class="reg-control" placeholder="請輸入驗證碼">
   </div>
   <div class="reg-group">
      <label>新密碼</label>
      <input type="password" class="reg-control w150" id="user_pwd" name="user_pwd" placeholder="請輸入新密碼">
   </div>
   <div class="reg-group">
      <label>確認密碼</label>
      <input type="password" class="reg-control w150" id="user_pwd2" name="user_pwd2" placeholder="請輸入確認密碼">
   </div>
   <input type="button" id="btn_submit" class="btn-brand btn-sub" value="重置密碼">
</form>
<script type="text/javascript">

	$(function(){
		$("body").bind('keyup',function(event) {
			if(event.keyCode==13){ $('#btnLogin').click(); }
		});
		$('#btn_send').click(function() {
			if ($('#to').val()  == '') { alert('請輸入{$param["ac_text"]}!'); $("#to").focus(); return false; }

			$.ajax({
				url: "{:url('user/findpass_msg')}",
				type: "post",
				dataType: "json",
				data: $('#fm').serialize(),
				beforeSend: function () {
					$("#btn_send").css("background","#fd6a6a").val("loading...");
				},
				success: function (r) {
					alert(r.msg);
				},
				complete: function () {
					$('#verify').click();
					$("#btn_send").css("background","#fa4646").val("發送郵件");
				}
			});
		});

		$('#btn_submit').click(function() {
			if ($('#to').val()  == '') { alert('請輸入{$param["ac_text"]}'); $("#to").focus(); return false; }
			if ($('#code').val()  == '') { alert('請輸入驗證碼!'); $("#code").focus(); return false; }
			if ($('#user_pwd').val()  == '') { alert('請輸入新密碼!'); $("#user_pwd").focus(); return false; }
			if ($('#user_pwd2').val()  == '') { alert('請輸入確認密碼!'); $("#user_pwd2").focus(); return false; }
			if ($('#user_pwd').val()  != $('#user_pwd2').val() ) { alert('二次密碼不一致!'); $("#user_pwd2").focus(); return false; }

			var data= {ac:'{$param["ac"]}',to:$('#to').val(),code:$('#code').val(),user_pwd:$('#user_pwd').val(),user_pwd2:$('#user_pwd2').val()};
			$.ajax({
				url: "{:url('user/findpass_reset')}",
				type: "post",
				dataType: "json",
				data: data,
				beforeSend: function () {
					$("#btn_submit").css("background","#fd6a6a").val("loading...");
				},
				success: function (r) {
					alert(r.msg);
				},
				complete: function () {
					$("#btn_submit").css("background","#fa4646").val("重置密碼");
				}
			});
		});
	});

</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87

# 彈出層

# 彈出登錄

用於製做js彈出登錄框模板 , 由 home.js 裏的 MAC.User.Login();觸發,用戶未登錄狀態彈出的是 ajax_login.html 登錄後彈出進入的是 ajax_info.html;

  • 文件目錄 html/user/ajax_login.html

<!--登錄彈窗開始-->
<div class="mac_login">
    <form class="mac_login_form">
        <div class="login_form_group">
            <input type="text" class="mac_u_name" name="user_name" placeholder="手機/登錄賬號">
        </div>
        <div class="login_form_group">
            <input type="password" class="mac_u_pwd" name="user_pwd" placeholder="登錄密碼">
        </div>
        {if condition="$GLOBALS['config']['user']['login_verify'] eq 1"}
        <div class="login_form_group clearfix">
            <input type="text" class="mac_u_verify" name="verify" placeholder="請輸入驗證碼">
            <img class="mac_verify_img" src="{:url('verify/index')}" onclick="this.src = this.src+'?'">
        </div>
        {/if}
        <div class="login_form_link">
            <a href="{:url('user/reg')}">註冊</a>
            <a href="{:url('user/findpass')}">忘記密碼</a>
        </div>
        <div class="login_form_group">
            <input type="button" class="login_form_submit" value="登錄">
        </div>
    </form>
</div>
<!--登錄彈窗結束-->

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

# 彈出信息

  • 文件目錄 html/user/ajax_info.html

<!--登錄彈窗開始-->
<div class="mac_login">
    <form class="mac_login_form">
        <div class="login_form_group">
            會員名:{$obj.user_name}
        </div>
        <div class="login_form_group">
            會員等級:{$obj.group_name}
        </div>
        <div class="login_form_group">
           剩余積分:{$obj.user_points}
        </div>
        <div class="login_form_group">
            上次登錄時間:{$obj.user_last_login_time|mac_day=color}
        </div>
        <div class="login_form_group">
            登錄次數:{$obj.user_login_num}
        </div>
        <div class="login_form_link">
            <a href="{:url('user/index')}">進入會員中心</a>
            <a href="{:url('user/logout')}">退出</a>
        </div>
    </form>
</div>
<!--登錄彈窗結束-->

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

實現彈出效果

<!-- 模板需要確保已經引入 `static\js\home.js` -->
<a class="nav-link" href="javascript:;" id="Login">會員</a>
<script>
   $('body').on('click', '#Login', function(e){              	
      MAC.User.Login();
   });  
</script>
1
2
3
4
5
6
7

# 通用分頁

用戶中心所有列表都可以使用一下示例分頁。

<div class="member-page">
   <em>共{$__PAGING__.record_total}條</em>
   <a class="page_link" href="{$__PAGING__.page_url|str_replace='PAGELINK',1,###}" title="首頁">首頁</a>
   <a class="page_link" href="{$__PAGING__.page_url|str_replace='PAGELINK',$__PAGING__.page_prev,###}" title="上一頁">上一頁</a>
   {volist name="$__PAGING__.page_num" id="num"}
      {if condition="$__PAGING__['page_current'] eq $num"}
         <a class="page_link page_current" href="javascript:;" title="第{$num}頁">{$num}</a>
      {else}
         <a class="page_link" href="{$__PAGING__.page_url|str_replace='PAGELINK',$num,###}" title="第{$num}頁" >{$num}</a>
      {/if}
   {/volist}
   <a class="page_link" href="{$__PAGING__.page_url|str_replace='PAGELINK',$__PAGING__.page_next,###}" title="下一頁">下一頁</a>

   <a class="page_link" href="{$__PAGING__.page_url|str_replace='PAGELINK',$__PAGING__.page_total,###}" title="尾頁">尾頁</a>

   <em>到第</em><input type="text" name="" class="page-input"><em></em><input type="submit" class="page-button" value="確定">
</div>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17