iOS开发之登录与访客

作者: YungFan | 来源:发表于2018-03-22 10:01 被阅读812次

    自我革命——发现问题

    在开发中,一直有这样一种情境:App的未注册用户可以使用部分功能(访客视图),一旦需要使用一些核心功能或者获取个性化、差异化的服务时,就需要用户登录(登录定制)。一般的情况是:

    用户点击某个按钮 ——> 弹出登录界面 ——> 输入信息  ——> 登录验证  ——> 界面发生变化 
    

    在几年前做开发时,由于项目需要快速上线,所以顾不上思考(其实是自己太菜),直接在需要判断登录的界面代码里写上如下代码:

    BOOL isLogin;
    
    if(self.isLogin){
        //设置登录后的界面
    
    }
    else{
        //显示访客视图
        //如果用户点击登录则跳转登录界面
        //登录完以后更新当前界面为登录后的界面
        
    }
    

    时间一长,代码一多,就会发现很多界面有如上的重复代码,这很显然违背了Do not repeat yourself的原则,而且跳转的逻辑很烦。于是开始改进代码。

    最先的一个哥们儿的做法是将登录字段抽取到一个常量中,需要时判断该值是否为真,然后执行相应的逻辑,这样每个类中就省去了一个字段。

    if(CONSTANT.isLogin){
        //设置登录后的界面
    
    }
    else{
        //显示访客视图
        //如果用户点击登录则跳转登录界面
        //登录完以后更新当前界面为登录后的界面
        
    }
    

    随着逻辑的增多,发现公用的代码越来越多,于是抽取了父类,这样逻辑就上移到了父类中,所有子类不需要有类似isLogin的属性来判断用户是否登录。

    if(self.isLogin){
        //设置登录后的界面
    
    }
    else{
        //显示访客视图
        //如果用户点击登录则跳转登录界面
        //登录完以后更新当前界面为登录后的界面
        
    }
    

    突然有一天,我们发现某些App访客视图相似度非常大,某些App中的登录界面也是一样的,于是发现上面的代码还是需要精简,于是我们将上面的else部分也上移到父类中,也就是在父类中判断用户是否登录,未登录显示访客视图,并且将用户的是否登录的字段isLogin抽离到一个专门的用户模型中。

    摸着石头过河——解决问题

    主界面架构是这样的:


    UITabBarController中嵌套UINavigationController.png

    一开始,进入的时候,都显示访客界面,颜色为青色,点击中间的+弹出登录界面,点击登录界面的+表示登录过程,然后主界面显示登录后的各个界面,以不同颜色代替,如下图所示。

    登录与访客.gif

    主界面的搭建代码这里就不贴了,很简单,主要讲解一下登录与访客的逻辑实现。

    1. 父类视图控制器
    @interface BaseViewController : UIViewController
    
    @property (nonatomic, assign) BOOL isLogin;
    
    @end
    
    
    @implementation BaseViewController
    
    -(void)loadView{
        
        //UserModel是一个单例用户类
        self.isLogin = [UserModel shareInstance].isLogin;
        
        //根据isLogin判断用户是否登录 如果未登录就显示访客视图 否则就显示正常界面
        //但是注意 子视图同样需要在viewDidLoad中判断用户是否登录
        //在登录界面 应该重新赋值window的rootViewController 刷新控制器的状态
        self.isLogin ? [super loadView] : [self setupVisitorView];
        
    }
    
    -(void)setupVisitorView{
        
        UIView *view = [[UIView alloc]initWithFrame:[UIScreen mainScreen].bounds];
        
        view.backgroundColor = [UIColor cyanColor];
        
        self.view = view;
        
    }
    
    @end
    
    1. 子类视图控制器(四个子类都差不多,这里贴一个)
    @implementation FourViewController
    
    - (void)viewDidLoad {
        [super viewDidLoad];
        
        if (self.isLogin) {
            self.view.backgroundColor = [UIColor purpleColor];
        }
    }
    
    @end
    
    1. 中间视图控制器
    @implementation CenterViewController
    
    - (void)viewDidLoad {
        [super viewDidLoad];
        
        self.view.backgroundColor = [UIColor whiteColor];
        
        UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];
        
        [btn setImage:[UIImage imageNamed:@"plusX_Last"] forState:UIControlStateNormal];
        
        btn.bounds = CGRectMake(0, 0, 64, 64);
        
        btn.center = self.view.center;
        
        [self.view addSubview:btn];
        
        if (!self.isLogin) {
            
            self.title = @"未登录";
            
            [btn addTarget:self action:@selector(login) forControlEvents:UIControlEventTouchUpInside];
        }
        else{
        
            self.title = @"已登陆";
            
            [btn addTarget:self action:@selector(close) forControlEvents:UIControlEventTouchUpInside];
        
        }
        
        
        
    }
    
    -(void)login{
    
        [UserModel shareInstance].isLogin = YES;
        
        // 一定要重新赋值一次rootViewController
        [self dismissViewControllerAnimated:YES completion:^{
            [UIApplication sharedApplication].keyWindow.rootViewController = [[YFTabbarController alloc]init];
        }];
    
    }
    
    -(void)close{
      
        [self dismissViewControllerAnimated:YES completion:nil];
        
    }
    
    @end
    

    相关文章

      网友评论

      • 阿唯不知道:游客 ->进入首页->进入首页新闻详情 (在这个页面进行业务操作就需要登录,现在就从这儿前往登录页面登录,然后回来,此时则需刷新这个新闻详情页,回到首页又需要刷新首页【因为已经登录了】),这种层层刷新,楼主可有良策?采用登录界面通知其他界面刷新的可以免提
      • PGOne爱吃饺子:楼主,在否
        PGOne爱吃饺子:你的思路是不是这几个tab对应的controller分别继承一个父视图,然后根据登录状态来判断来是否显示子视图的内容还是父视图的内容
        PGOne爱吃饺子:@YungFan 楼主,没有看懂你的这个思路,可以给个讲解么
        YungFan:@PGOne爱吃饺子 ?
      • liwb:isLogin的状态原则上只能是readonly的,不能进行set只能get
        YungFan:@liwb 谢谢提醒,你的建议非常好,项目中也应该这么做。我的这个案例的重点是如何根据这个设置UI,所以考虑不周,:smile:
        liwb:@YungFan 未登录到登录状态 User单例类肯定会根据后端返回的userId、 token 等判断是否登陆的状态 状态的修改只能在你的的登录数据处理的单例类中做处理(User单例类的.m文件) 而不应该暴露给外部修改,在单例 .h类中的 isLogin 最好设为readonly 如果为 可读写的 App任何一个地方就可以修改 App的登录状态,代码规范还好 不规范会出很多bug的。
        YungFan:@liwb 用户的状态从未登录到登录变换时,需要改变它的值
      • LotusLee:直接在baseVC里添加user模型,方便些,可以方便存取用户数据,不单单是否登陆过

      本文标题:iOS开发之登录与访客

      本文链接:https://www.haomeiwen.com/subject/dxwoqftx.html