发表于: 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的用法及过滤效果实现。

困难:暂无。

计划:明天开始做后台职位列表的假数据请求及渲染。



返回列表 返回列表
评论

    分享到