java中的接口是类吗
221
2023-06-30
用Angular实时获取本地Localstorage数据,实现一个模拟后台数据登入的效果
研究了一上午,终于做出了,实时获取本地localStorage来模拟注册登入~~~
用 户 名:
密 码:
确认密码:
{{message}}
// var data={"name":"admin","pwd":"12"};
function PersonalInfo(name,pwd){
this.name=name;
this.pwd=pwd;
}
PersonalInfo.prototype.savaLocalStorage= function () {
var storage=window.localStorage.getItem("PersonalInfo");//得到的数据是字符串
storage=http://JSON.parse(storage) ||[];//字符串转换成对象
storage.push(this);
window.localStorage.setItem("PersonalInfo",JSON.stringify(storage));
};
PersonalInfo.selectByName= function (name,pwd) {
var storage=window.localStorage.getItem("PersonalInfo");
storage= storage?JSON.parse(storage):[];
return storage.some(function (v) {//返回一个布尔值
return v.name===name&& v.pwd;
})
};
PersonalInfo.prototype.hasName= function (name,pwd,fn,fn2) {
var storage=window.localStorage.getItem("PersonalInfo");//得到的数据是字符串
storage= storage?JSON.parse(storage):[];
var data=storage;
for(var i=0;i var v=data[i]; if(name!==v.name&& pwd!==v.pwd) { fn(); return; } }; }; angular.module("zcsApp",[]) .controller("zcsControl",["$scope", function ($scope) { $scope.ZhuCe= function () { $scope.message=""; var name=$scope.name; var pwd=$scope.pwd; var pwd2=$scope.pwd2; // 若是输入为空或者undefined时 if(name===undefined||name.trim().length===0||pwd===undefined||pwd.trim().length===0||pwd2===undefined||pwd2.trim().length===0){ $scope.message="请输入完整信息"; return; } // 若输入的密码和确认密码不一致时 if(pwd!==pwd2){ $scope.message="俩次输入的密码不一致"; return; } // 判断本地是不是已经有这个名字 if(PersonalInfo.selectByName(name,pwd)){ $scope.message="此账号已注册"; return; } // 存储信息 var data=new PersonalInfo(name,pwd); data.savaLocalStorage(); }; $scope.Enter= function () { $scope.message=""; var name=$scope.name; var pwd=$scope.pwd; var per=new PersonalInfo(name,pwd); if(PersonalInfo.selectByName(name)){ $scope.message="登入成功"; return; } per.hasName(name,pwd,function () { $scope.message="账号错误或者密码不正确" });//得到登入的信息 } }]) 以上所述是给大家介绍的用ANGULAR实时获取本地LOChttp://ALSTORAGE数据,实现一个模拟后台数据登入的效果,希望对大家有所帮助,如果大家有任何疑问请给我留言,会及时回复大家的。在此也非常感谢大家对我们网站的支持!
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~