uni-app中表单修改用户信息

总结部分：

1. 其中主要包括两个部分，一是用户信息的存储，二是用户信息的更改
2. 对于用户的信息，因为这是在整个App中都是需要用到的，因此一般讲用户的信息保存在本地缓存中。每次需要用户信息的时候，只需要判断本地缓存中是否存在即可。
3. 对于用户信息的保存，一般是在你登录的时候，后台便将用户信息一同返回，此时你变可以将信息与用户token值一同保存。但是如果后台没有给你返回，一般也会有个人信息的请求，这时候你便可以判断用户是否登录了，如果登录了便请求个人信息的接口，根据接口返回的数据（即用户信息保存）
4. 通常需要在多个页面中进行判断的，我们将其封装到Vue原型上（即挂载），那么每次我们需要的时候即从原型上去调用方法即可，再根据返回的信息，再做进一步的判断处理。

以下是举例部分

全局挂载用户判断

//定义全局函数，用于判断本地是否存在用户信息
Vue.prototype.getGlobalUers=function(key){
	var userInfo=uni.getStorage("uesrInfo");
	if(userInfo!==null&&userInfo!=undefined&&userInfo!=""){
		return true;
	}else{
		return null;
	}
}

 上传头像

 

 

 

 在上传图片的页面中，有个确定上传和重新选择图片的按钮。
1.在重新选择图片中，执行的逻辑如下：

• 同样是通过uni-app的api打开手机相册，等用户现在图片之后，便可以获得这个图片的路径，然后我们将这个图片路劲赋值到data中（页面中显示的图片就是这个temFace）--便可以显示了
•  此时只是将用户重新选择的图片显示在页面中了，然后用户需要点击“确认上传”之后，才是真正的上传图片

 

 

 

 

 

 2.更改用户信息

 

 

 修改用户名

 修改生日(带日期）

使用uni中自动的picker组件，下方弹出

 

 

 

 

 修改用户性别

 

 

 

 

 个人中心页用户状态切换

 

 

 退出登录