这篇文章主要给大家介绍了关于iOS开发教程之登录与访客的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
正文
iOS开发教程之登录与访客的逻辑实现
自我革命——发现问题
在开发中,一直有这样一种情境:app的未注册用户可以使用部分功能(访客视图),一旦需要使用一些核心功能或者获取个性化、差异化的服务时,就需要用户登录(登录定制)。一般的情况是:
用户点击某个按钮 ——> 弹出登录界面 ——> 输入信息 ——> 登录验证 ——> 界面发生变化
在几年前做开发时,由于项目需要快速上线,所以顾不上思考(其实是自己太菜),直接在需要判断登录的界面代码里写上如下代码:
1
2
3
4
5
6
7
8
9
10
11
|
bool islogin; if (self.islogin){ //设置登录后的界面 } else { //显示访客视图 //如果用户点击登录则跳转登录界面 //登录完以后更新当前界面为登录后的界面 } |
时间一长,代码一多,就会发现很多界面有如上的重复代码,这很显然违背了do not repeat yourself的原则,而且跳转的逻辑很烦。于是开始改进代码。
最先的一个哥们儿的做法是将登录字段抽取到一个常量中,需要时判断该值是否为真,然后执行相应的逻辑,这样每个类中就省去了一个字段。
1
2
3
4
5
6
7
8
9
10
|
if (constant.islogin){ //设置登录后的界面 } else { //显示访客视图 //如果用户点击登录则跳转登录界面 //登录完以后更新当前界面为登录后的界面 } |
随着逻辑的增多,发现公用的代码越来越多,于是抽取了父类,这样逻辑就上移到了父类中,所有子类不需要有类似islogin的属性来判断用户是否登录。
1
2
3
4
5
6
7
8
9
10
|
if (self.islogin){ //设置登录后的界面 } else { //显示访客视图 //如果用户点击登录则跳转登录界面 //登录完以后更新当前界面为登录后的界面 } |
突然有一天,我们发现某些app访客视图相似度非常大,某些app中的登录界面也是一样的,于是发现上面的代码还是需要精简,于是我们将上面的else部分也上移到父类中,也就是在父类中判断用户是否登录,未登录显示访客视图,并且将用户的是否登录的字段islogin抽离到一个专门的用户模型中。
摸着石头过河——解决问题
主界面架构是这样的:
uitabbarcontroller中嵌套uinavigationcontroller.png
一开始,进入的时候,都显示访客界面,颜色为青色,点击中间的+弹出登录界面,点击登录界面的+表示登录过程,然后主界面显示登录后的各个界面,以不同颜色代替,如下图所示。
登录与访客.gif
实现方法
主界面的搭建代码这里就不贴了,很简单,主要讲解一下登录与访客的逻辑实现。
1、父类视图控制器
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
@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 |
2、子类视图控制器(四个子类都差不多,这里贴一个)
1
2
3
4
5
6
7
8
9
10
11
|
@implementation fourviewcontroller - ( void )viewdidload { [super viewdidload]; if (self.islogin) { self.view.backgroundcolor = [uicolor purplecolor]; } } @end |
3、中间视图控制器
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
|
@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 |
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对米米素材网的支持。
原文链接:https://www.jianshu.com/p/a6c6f48461ac
发表评论