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

影视站长圈为大家分享苹果cmsV10用户中心个人资料修改页面的完整开发代码，包含表单、密码修改、邮箱手机绑定解绑、找回密码设置等全部功能，直接复制即可使用。

页面文件路径

文件目录：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>

使用说明与建议

1、将代码直接放入html/user/info.html文件中即可正常使用；

2、用户可自行修改昵称、密码、联系方式、密保问题，无需改动系统标签；

3、已绑定的邮箱和手机支持一键解绑，未绑定的可直接在线绑定；

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

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

影视站长圈建议：运营站点时务必保留该页面完整功能，方便用户管理个人账号信息，提升网站使用体验与安全性。