智慧城市的【Auth】登录对象
2024-04-13 00:29:36
从Auth对象看前端：1、将与Auth对象相关的功能分离出来。所含的内容包括：【个人中心相关信息的显示，注册，登录，忘记密码，修改密码，个人信息修改】。
2、从“我的”页面开始，显示使用哪儿的数据，需要获取数据。（服务端拉取or本地存储，如果是本地储存，起仍然是服务端的数据，那么便需要在登录的时候将数据储存起来【setUserInfo（userData）】，使用“UserInfo”字段）提取显示数据使用【getUserInfo（callback，errorback）】
3、点击“退出登录”，需要清空“UserInfo”，并且刷新页面为未登录状态，使用【logOut（）】。
4、点击“注册”，需要发送验证码【sendCode（phone，callback）】，填写完毕后，【signUp（phone，code，pass，callback）】调用接口向后发服务器发起注册，status==200，让它自己登录【signIn（phone，pass，callback）】，登录成功后，将返回的数据储存【setUserInfo（userdata）】，注册并登录成功后，自动返回，调用【getUserInfo（callback，errorback）】显示个人信息。
5、点击登录【signIn（phone，pass，callback）】，重复注册后半部分的步骤。
6、点击“忘记密码”，首先进入stepOne.html，填写手机号后，发送验证码【sendCode（phone）】，填写完验证码，点击下一步【forgetPassVerify（phone，code，callback，errorback）】验证验证码是否正确，成功后执行callback进入下一步，失败后，执行errorback。第二步中，填入新密码，调用【forgetPassReset（phone，newPass，callback）】，修改成功后，【logOut（）】，并关闭页面。
7、从账户安全进入的“修改密码”，步骤与上述一致。
8、“个人信息”修改，进入页面，编辑完信息后，【userEdit（userInfo，nickname，avatar，slogan，password，gender，real_name）】更新信息，更新成功后，【updateUserInfo（userdata）】
注：
①callback函数中的内容，主要也看复用性，如果需复用程度大，直接写在对象中，供每个函数调用，如果复用程度低，便使用callback代替，函数在被调用时，如果需要callback，才写入callback。
②callback和errorback的作用，可以分别放在if…else 语句中，在不同的情况下调用。
③在写每一步的时候，都需要考虑该步骤对其他地方是否有影响，进而进行相关的处理。
④在哪些情况下需要sendCode？修改密码的两种情况，注册的情况。
⑤在哪些情况下需要setUserInfo（userData）？在注册成功后登录，单独的登录。
⑥在哪些情况下需要updateUserInfo（userData）？修改了个人资料。
⑦updateUserInfo和setUserInfo中参数：updateUserInfo中的rs是后台返回，没有token信息，在储存的时候需要整理一下，setUserInfo中的，是登录时返回的rs，含有token，直接setData即可。
auth_operation.js
var Auth = {};
$(function() {
var myhost = "http://fresh.ieyuan.com:8021/api";
bridge.connectBridge(function() {
Auth.SetUserInfo = function(userData) {
console.log(userData);
userData = JSON.stringify(userData);
console.log(userData);
bridge.setData("UserInfo", userData);
};
/**
* 更新用户信息
* @param {Object} userData
*/
Auth.UpDateUserInfo = function(userData) {
if(typeof userData == "string") {
userData = JSON.parse(userData);
}
Auth.GetUserInfo(function(info) {
for(var key in info) {
if(userData[key]) {
info[key] = userData[key];
}
}
console.log(info);
console.log(userData);
info = JSON.stringify(info);
bridge.setData("UserInfo", info);
//修改
bridge.dataUpdated();
})
};
/**
*
* @param {Object} callback存在用户信息则调用
* @param {Object} errorback不存在用户信息调用
*/
Auth.GetUserInfo = function(callback, errorback) {
bridge.getData("UserInfo", function(info) {
if(Utils.isEmpty(info)) {
if(errorback) {
errorback("未知登录信息！")
};
} else {
info = JSON.parse(info);
console.log(info);
Auth.UserInfo = info;
var _id = info.id;
if(callback) {
callback(info)
};
}
});
};
Auth.LogOut = function() {
console.log("logOut")
bridge.setData("UserInfo", null);
// bridge.dataUpdated();
};
/**
*
* @param {Object} phone
* @param {Object} code
* @param {Object} pass
* @param {Object} callback获取成功后执行，并传入用户信息
*/
Auth.SignUp = function(phone, code, pass, callback) {
if($.trim(code) == "") {
bridge.showToast("请填写验证码！");
return;
}
if($.trim(phone) == "" || $.trim(pass) == "") {
bridge.showToast("账号或密码格式错误！");
return;
}
bridge.rest.post({
url: myhost + "/signup",
data: {
"phone": phone,
"code": code,
"password": pass
}
}, function(res) {
if(res.status == 200) {
var result;
Auth.SignIn(phone,pass, function(res) {
console.log(res.data);
result=res.data;
bridge.dataUpdated(function(data) {
bridge.finishActivity();
});
});
if(callback) callback(result);
} else {
if(res.data.error_code) {
bridge.showToast(res.data.msg);
} else {
bridge.showToast("注册失败！");
}
}
})
};
/**
*
* @param {Object} phone
* @param {Object} pass
* @param {Object} callback登录成功调用，并出入用户信息
*/
Auth.SignIn = function(phone, pass, callback) {
if(!phone || !pass) {
bridge.showToast("请填写完整的信息！");
return;
}
bridge.rest.get({
url: myhost + "/signin/phone/" + phone + "/password/" + pass
}, function(res) {
console.log(res);
if(res.status == 200) {
Auth.UserInfo = res.data;
Auth.SetUserInfo(res.data);
bridge.showToast("登录成功！");
if(callback) callback(res.data);
} else {
bridge.showToast(res.data.msg);
}
})
};
/**
*
* @param {Object} phone用户电话
* @param {Object} callback发送成功后调用
*/
Auth.SendCode = function(phone, callback) {
if($.trim(phone) == "") {
bridge.showToast("请填写手机号！");
return;
}
console.log(phone)
bridge.rest.get({
url: myhost + "/signin/code/" + phone + "?sms_flag=1215"
}, function(res) {
alert(res.data.code)
if(res.status == 200) {
bridge.showToast("发送成功！");
if(callback) callback(res.data.code);
} else {
if(res.data.error_code) {
bridge.showToast(res.data.msg);
} else {
bridge.showToast("发送验证码失败！");
}
}
})
};
/**
*
* @param {Object} phone电话号码
* @param {Object} code需要验证的电话号
* @param {Object} callback
*/
Auth.ForgetPassVerify = function(phone, code, callback, errorcall) {
if($.trim(code) == "") {
bridge.showToast("请填写验证码！");
return;
}
if($.trim(phone) == "") {
bridge.showToast("账号格式错误！");
return;
}
bridge.rest.get({
url: myhost + "/phone/" + phone + "/code/" + code + "/check"
}, function(res) {
if(res.status == 200) {
if(callback) callback(res.data);
} else {
if(res.data.error_code) {
bridge.showToast(res.data.msg);
} else {
bridge.showToast("验证错误！");
}
errorcall ? errorcall() : "";
}
})
};
Auth.ForgetPassReset = function(phone, newPass, callback) {
if($.trim(newPass) == "") {
bridge.showToast("请填写新密码！");
return;
}
bridge.rest.put({
url: myhost + "/forget-passwd/phone/" + phone,
data: {
"password": newPass
}
}, function(res) {
if(res.status == 200) {
bridge.showToast("重置成功！");
Auth.LogOut();
if(callback) callback(res.data);
// var result;
// Auth.SignIn(phone,newPass, function(res) {
// console.log(res.data);
// result=res.data;
// bridge.dataUpdated(function(data) {
// bridge.finishActivity();
// });
// });
// if(callback) callback(result);
} else {
if(res.data.error_code) {
bridge.showToast(res.data.msg);
} else {
bridge.showToast("重置密码失败！");
}
}
})
};
/**
*
* @param {Object} UID
* @param {Object} nickname
* @param {Object} avatar
* @param {Object} slogan
* @param {Object} password
* @param {Object} gender
* @param {Object} real_name
*/
Auth.UserEdit = function(UserInfo, nickname, avatar, slogan, password, gender, real_name) {
if(Utils.isEmpty(UserInfo)) {
bridge.showToast("信息缺失，请重新登录！");
return;
}
bridge.showProgressDialog("正在修改");
console.log(UserInfo.id);
console.log(UserInfo.token)
console.log(avatar);
bridge.rest.put({
url: myhost + "/user/" + UserInfo.id,
headers: {
"token": UserInfo.token
},
data: {
"nickname": nickname ? nickname : "",
"avatar": avatar ? avatar : "",
"gender": gender ? gender : "",
"slogan": slogan ? slogan : "",
"password": password ? password : "",
"real_name": real_name ? real_name : ""
}
}, function(res) {
console.log(res)
// res = JSON.parse(res);
if(res.status == 200) {
Auth.UpDateUserInfo(res.data);
bridge.showSuccessMsg("修改成功!");
console.log("修改成功!");
$(".save_changes").addClass("locked");
// bridge.showToast("修改成功！");
} else {
if(res.data.error_code) {
bridge.showToast(res.data.msg);
} else {
bridge.showToast("修改失败！");
}
}
})
};
})
})
最新文章
- 5、ASP.NET MVC入门到精通——NHibernate代码映射
- MapReduce工作原理讲解
- UDP：用户数据报协议
- js 程序出发事件
- go liteIDE
- 符号渲染篇——Symbol
- liux vim命令
- 新闻类App使用的组件
- Esper学习之六：EPL语法（二）
- 从头学起android<android基本的绘图.四十六.>
- 读书有感——《从毕业生到程序员使用C#开发商业软件》
- 简易RPC框架-熔断降级机制
- 关于python的itertools模块
- 微服务之服务中心—zookeeper
- javeEE第二周
- MySQL 数据表操作
- Python-序列化模块-json-62
- Web三层-UI/BLL/DAL/MODEL
- Windows SDK DDK WDK (Windows Driver Kit) 区别
- “此flash与您的地区不兼容”