// pages/edit-profile/index.js const { userApi } = require("../../utils/api"); const AuthUtil = require("../../utils/auth"); Page({ /** * 页面的初始数据 */ data: { username: '', nickname: '', originalUsername: '', originalNickname: '', loading: false, // 密码相关 hasPassword: false, // 用户是否已设置密码 oldPassword: '', newPassword: '', confirmPassword: '', }, /** * 生命周期函数--监听页面加载 */ onLoad(options) { this.loadUserInfo(); }, /** * 生命周期函数--监听页面显示 */ onShow() { // 每次显示时刷新用户信息 this.loadUserInfo(); }, /** * 加载用户信息 */ loadUserInfo() { const userInfo = AuthUtil.getUserInfo(); // 对于编辑页面，为了确保has_password字段的准确性，总是从服务器获取最新信息 // 但先使用本地信息快速显示，避免页面闪烁 if (userInfo && userInfo.username) { this.setData({ username: userInfo.username || '', nickname: userInfo.nickname || '', originalUsername: userInfo.username || '', originalNickname: userInfo.nickname || '', hasPassword: !!(userInfo.has_password), // 使用本地缓存的has_password }); } // 总是从服务器获取最新信息，确保has_password字段准确 this.fetchUserInfo(); }, /** * 从服务器获取用户信息 */ fetchUserInfo() { wx.showLoading({ title: '加载中...' }); userApi.getCurrentUser() .then(res => { if ((res.code === 1 || res.code === 200) && res.data && res.data.user) { const user = res.data.user; this.setData({ username: user.username || '', nickname: user.nickname || '', originalUsername: user.username || '', originalNickname: user.nickname || '', hasPassword: !!(user.has_password || user.password), // 判断用户是否已设置密码 }); // 更新本地存储 AuthUtil.setUserInfo(user); } else { wx.showToast({ title: '获取用户信息失败', icon: 'none' }); } }) .catch(err => { wx.showToast({ title: '获取用户信息失败', icon: 'none' }); }) .finally(() => { wx.hideLoading(); }); }, /** * 用户名输入变化 */ onUsernameChange(e) { this.setData({ username: e.detail.value, }); }, /** * 昵称输入变化 */ onNicknameChange(e) { this.setData({ nickname: e.detail.value, }); }, /** * 当前密码输入变化 */ onOldPasswordChange(e) { this.setData({ oldPassword: e.detail.value, }); }, /** * 新密码输入变化 */ onNewPasswordChange(e) { this.setData({ newPassword: e.detail.value, }); }, /** * 确认密码输入变化 */ onConfirmPasswordChange(e) { this.setData({ confirmPassword: e.detail.value, }); }, /** * 验证密码输入 */ validatePassword() { const { hasPassword, oldPassword, newPassword, confirmPassword } = this.data; // 如果没有输入新密码，说明不想修改密码 if (!newPassword.trim() && !confirmPassword.trim()) { return { valid: true, changePassword: false }; } // 如果用户已有密码，必须输入当前密码 if (hasPassword && !oldPassword.trim()) { wx.showToast({ title: '请输入当前密码', icon: 'none' }); return { valid: false, changePassword: false }; } // 新密码长度检查 if (newPassword.length < 6 || newPassword.length > 50) { wx.showToast({ title: '新密码长度必须在6-50字符之间', icon: 'none' }); return { valid: false, changePassword: false }; } // 确认密码检查 if (newPassword !== confirmPassword) { wx.showToast({ title: '确认密码与新密码不一致', icon: 'none' }); return { valid: false, changePassword: false }; } return { valid: true, changePassword: true }; }, /** * 验证输入 */ validateInput() { const { username, nickname } = this.data; if (!username.trim()) { wx.showToast({ title: '请输入用户名', icon: 'none' }); return false; } if (username.length < 3 || username.length > 50) { wx.showToast({ title: '用户名长度必须在3-50字符之间', icon: 'none' }); return false; } // 检查用户名格式（只能包含字母和数字） const usernameRegex = /^[a-zA-Z0-9]+$/; if (!usernameRegex.test(username)) { wx.showToast({ title: '用户名只能包含字母和数字', icon: 'none' }); return false; } if (!nickname.trim()) { wx.showToast({ title: '请输入昵称', icon: 'none' }); return false; } if (nickname.length < 2 || nickname.length > 50) { wx.showToast({ title: '昵称长度必须在2-50字符之间', icon: 'none' }); return false; } return true; }, /** * 检查是否有修改 */ hasChanges() { const { username, nickname, originalUsername, originalNickname, newPassword } = this.data; return username !== originalUsername || nickname !== originalNickname || newPassword.trim() !== ''; }, /** * 保存用户信息修改 */ saveProfileChanges() { const { username, nickname } = this.data; return userApi.updateProfile({ username: username.trim(), nickname: nickname.trim() }); }, /** * 保存密码修改 */ savePasswordChanges() { const { hasPassword, oldPassword, newPassword, confirmPassword } = this.data; return userApi.changePassword( hasPassword ? oldPassword : '', newPassword, confirmPassword ); }, /** * 保存修改 */ handleSave() { if (!this.validateInput()) { return; } const passwordValidation = this.validatePassword(); if (!passwordValidation.valid) { return; } if (!this.hasChanges()) { wx.showToast({ title: '没有修改内容', icon: 'none' }); return; } this.setData({ loading: true }); // 检查是否需要修改个人信息 const { username, nickname, originalUsername, originalNickname } = this.data; const profileChanged = username !== originalUsername || nickname !== originalNickname; // 需要执行的保存操作 const saveOperations = []; if (profileChanged) { saveOperations.push(this.saveProfileChanges()); } if (passwordValidation.changePassword) { saveOperations.push(this.savePasswordChanges()); } // 执行所有保存操作 Promise.all(saveOperations) .then(results => { // 检查所有操作是否都成功（支持code: 1和code: 200） const allSuccess = results.every(res => res.code === 1 || res.code === 200); if (allSuccess) { wx.showToast({ title: '保存成功', icon: 'success' }); // 如果有个人信息更新，更新本地用户信息 const profileResult = results.find(res => res.data && res.data.user); if (profileResult) { AuthUtil.setUserInfo(profileResult.data.user); } // 延时返回上一页 setTimeout(() => { wx.navigateBack(); }, 1500); } else { // 找出失败的操作 const failedResults = results.filter(res => res.code !== 1); const errorMsg = failedResults.map(res => res.msg).join('；'); wx.showToast({ title: errorMsg || '保存失败', icon: 'none' }); } }) .catch(err => { wx.showToast({ title: err.message || '保存失败，请稍后重试', icon: 'none' }); }) .finally(() => { this.setData({ loading: false }); }); }, /** * 取消修改 */ handleCancel() { if (this.hasChanges()) { wx.showModal({ title: '提示', content: '确定要放弃修改吗？', success: (res) => { if (res.confirm) { wx.navigateBack(); } } }); } else { wx.navigateBack(); } }, /** * 页面卸载时的处理 */ onUnload() { // 如果有未保存的修改，可以在这里提示用户 } });