苹果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、部署完成后清空网站缓存，进入用户中心即可正常使用所有功能。

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