发表于: 2017-07-21 22:50:32
1 761
7.21
1、完成了登陆页面cookies保存及匿名访问其他页面时的跳转。
登陆请求成功时,通过$cookies.put()保存用户名到cookies,并跳转到欢迎页面。也可以应用当前系统时间,然后进行cookies保存时间的设置,也比较简单,这里没有单独编写了。
$cookies.put('name',$scope.userData.username);
console.log($cookies);
$state.go('main.welcome');
欢迎页面中,通过$cookies.get()方法将用户名取出来,并赋值给头部的用户名框内进行绑定。点击退出时,通过$cookies.remov()将cookies手动清除,并返回登录页面。
var loginName = $cookies.get('name');
console.log(loginName);
$scope.username= loginName;
$scope.loginOut=function () {
if(confirm("确定要退出吗?")){
$cookies.remove('name');
alert("退出成功!");
$state.go('login')};
}
验证登陆状态:主要有使用拦截器及在run配置中进行验证,感觉后者要简单一些。在非登录页时,验证页面cookies时有无用户信息,否则弹出提示并跳转到登陆页面。
myApp.run(['$cookies','$state','$location',function($cookies,$state,$location){
//判定是否为登录页面
if($location.path()!='/login'){
//判定是否存在cookies,否则弹出提示及跳转
if(!$cookies.get('name')){
alert("请登录后继续访问");
$location.path('login');
}}
}])
前台页面有个职业分类的地方,重新引入constant常量进行渲染,有个需要嵌套循环repeat的地方还没弄好。
收获:cookies的应用,常量constant的用法及过滤效果实现。
困难:暂无。
计划:明天开始做后台职位列表的假数据请求及渲染。
评论