苹果CMS V10用户中心修改资料页面开发教程

影视资源坊为各位分享苹果cms V10用户中心私人资料修改页面的完整开发代码，涵盖表单、密码修改、邮箱手机绑定解绑、找回密码设置等所有功能。直接复制就能使用。

页面文件网址

文件文件夹：html/user/info.html

该页面用作用户修改昵称、密码、联系方式、密保问题等私人信息，兼容邮箱与手机号的绑定和解绑操作。

用户信息修改表单完整代码

<form 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 >不修改请留空</span></p>
   <p><span >重复密码：</span><input type="password" name="user_pwd2" ></p>
   <p><span >联系方式：</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" class="search-button" value="保存">
   <span ><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},
				success: function (r) {
					alert(r.msg);
					if(r.code==1){
						location.href="{:url('user/info')}";
					}
				}
			});
		}
	});

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

prepreprepreprepreprepreprepreprepreprepre

使用说明与推荐

①将代码直接放入html/user/info.html文件中就能正常使用；

②用户可手动修改昵称、密码、联系方式、密保问题，不必修改系统标签；

③已绑定的邮箱和手机兼容一键解绑，未绑定的可直接在线绑定；

④修改密码时务必填写正确的原始密码，不修改密码则留空新密码栏；

⑤部署完成后清空网站缓存，进入用户中心就能正常使用所有功能。

影视资源坊推荐：运营网站时务必保留该页面完整功能，方便用户管理私人账号信息，提升网站体验与安全性。