前臺使用MUI框架,後臺使用PHP開發
代碼:
(function($, owner) {
/**
* 用戶登錄
**/
owner.login = function(loginInfo, callback) {
callback = callback || $.noop;
loginInfo = loginInfo || {};
loginInfo.account = loginInfo.account || '';
loginInfo.password = loginInfo.password || '';
if (loginInfo.account.length < 5) {
return callback('賬號最短爲 5 個字符');
}
if (loginInfo.password.length < 6) {
return callback('密碼最短爲 6 個字符');
}
var users = JSON.parse(localStorage.getItem('$users') || '[]');
var authed = users.some(function(user) {
return loginInfo.account == user.account && loginInfo.password == user.password;
});
if (authed) {
return owner.createState(loginInfo.account, callback);
} else {
return callback('用戶名或密碼錯誤');
}
};
owner.createState = function(name, callback) {
var state = owner.getState();
state.account = name;
state.token = "token123456789";
owner.setState(state);
return callback();
};
/**
* 新用戶註冊
**/
owner.reg = function(regInfo, callback) {
callback = callback || $.noop;
regInfo = regInfo || {};
regInfo.account = regInfo.account || '';
regInfo.password = regInfo.password || '';
if (regInfo.account.length < 5) {
return callback('用戶名最短需要 5 個字符');
}
if (regInfo.password.length < 6) {
return callback('密碼最短需要 6 個字符');
}
if (!checkEmail(regInfo.email)) {
return callback('郵箱地址不合法');
}
var users = JSON.parse(localStorage.getItem('$users') || '[]');
users.push(regInfo);
localStorage.setItem('$users', JSON.stringify(users));
return callback();
};
實現效果: