美文网首页iosiOS 多线程网络我说技术
十分钟搭建主流框架_简单的网络部分(OC)

十分钟搭建主流框架_简单的网络部分(OC)

作者: Developer_Yancy | 来源:发表于2015-10-16 23:49 被阅读8602次

    本节主题(简单的网络部分)

    • 源码地址在文章末尾
    • 达成效果


      效果图
    • 注:本文API使用HaoService数据平台

    前言

    • 废话不说了,简单来说,移动网络很重要,下面让我们来实现一个简单的Demo:对网络数据的请求,并接收与展示吧。注意:是简单的!很简单的!

    准备工作

    1.文件目录结构示图(按照MVC分层)

    文件目录结构图/自定义Cell
    • Controller: CYXOneViewController
    • Model: CYXMenu
    • View: CYXCell

    2.使用cocoapods集成第三方框架

    • 注:这里就直接使用cocoapods插件安装第三方框架了
    第三方框架
    • 这里要使用到的三方框架包括AFNetworking、MJExtension、SDWebImage
    • 框架用途简介
      • AFNetworking:用于发送网络请求
      • MJExtension:用于把网络返回的JSON格式数据转换为模型属性
      • SDWebImage:用于下载网络图片

    基本思路简述

    • 1.在CYXOneViewController中使用AFNetworking发送GET请求,得到服务器返回的JSON格式的数据
    • 2.使用MJExtensionJSON格式的数据转为模型CYXMenu对应的属性
    • 3.在- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath;方法内根据索引indexPath.row把每一行Cell的Model属性传递给自定义Cell(CYXCell)
    • 4.在自定义Cell(CYXCell)内接收模型数据并初始化Cell的内部控件
    • 5.不要忘记在AFN框架内的GET请求成功调用的block中刷新TableView的数据

    详细实现 上代码

    • 第一步:设计模型属性(CYXMenu.h),这里的属性名根据API文档设计,本Demo只是使用了其中几个简单的
    #import <Foundation/Foundation.h>
    
    @interface CYXMenu : NSObject
    
    /** 图片 */
    @property (copy, nonatomic) NSString * albums;
    /** 标题 */
    @property (nonatomic,copy) NSString *title;
    /** 材料 */
    @property (nonatomic,copy) NSString *ingredients;
    
    @end
    
    • 第二步:自定义cell(这里使用Xib了)
      • 2.1 拖控件到Xib中(见文件目录结构图)
      • 2.2 在CYXCell.h中定义一个模型属性,用于供外界(CYXOneViewController)访问并传递模型进来。
      #import <UIKit/UIKit.h>
      
      @class CYXMenu;
      
      @interface CYXCell : UITableViewCell
      
      /** 菜单模型 */
      @property (strong, nonatomic) CYXMenu * menu;
      
      @end
      
      • 2.3 在CYXCell.m中实现menu属性的- (void)setMenu:(CYXMenu *)menu方法,将取到的menu模型值给cell自身的控件赋值
        由于这里需要通过URL下载网络图片,使用到了SDWebImage框架
          #import "CYXCell.h"
          #import "CYXMenu.h"
          #import <UIImageView+WebCache.h>
      
          @interface CYXCell ()
          @property (weak, nonatomic) IBOutlet UIImageView *albumsImageView;
          @property (weak, nonatomic) IBOutlet UILabel *titleLable;
          @property (weak, nonatomic) IBOutlet UILabel *ingredientsLabel;
          @end
      
          @implementation CYXCell
          - (void)setMenu:(CYXMenu *)menu{
      
              _menu = menu;
              // 利用SDWebImage框架加载图片资源
              [self.albumsImageView sd_setImageWithURL:[NSURL URLWithString:menu.albums]];
              // 设置标题
              self.titleLable.text = menu.title;
              // 设置材料数据
              self.ingredientsLabel.text = menu.ingredients;
      
          }
          @end
      
    • 第三步,到这里我们需要在CYXOneViewController.m内实现 网络数据请求/JSON数据转模型/给自定义cell传递模型数据 的操作
        #import "CYXOneViewController.h"
        #import "CYXCell.h"
        #import "CYXMenu.h"
        #import <AFNetworking.h>
        #import <MJExtension.h>
    
        @interface CYXOneViewController ()
    
        /** 存放数据模型的数组 */
        @property (strong, nonatomic) NSMutableArray * menus;
    
        @end
    
        @implementation CYXOneViewController
    
        #pragma mark - 全局常量
        // 发送请求URL
        static NSString * const CYXRequestURL = @"http://apis.haoservice.com/lifeservice/cook/query?";
        // 重用cell标识符
        static NSString * const CYXCellID = @"cell";
    
        #pragma mark - life cycle 生命周期方法
    
        - (void)viewDidLoad {
            [super viewDidLoad];
    
            self.tableView.rowHeight = 90;
    
            // 注册重用Cell
            [self.tableView registerNib:[UINib nibWithNibName:NSStringFromClass([CYXCell class]) bundle:nil] forCellReuseIdentifier:CYXCellID];
    
            // 调用加载数据方法
            [self loadData];
    
            self.view.backgroundColor = [UIColor whiteColor];
        }
    
        #pragma mark - private methods 私有方法
        /**
         *  发送请求并获取数据方法
         */
        - (void)loadData{
    
            // 请求参数(根据接口文档编写)
            NSMutableDictionary *params = [NSMutableDictionary dictionary];
            params[@"menu"] = @"西红柿";
            params[@"pn"] = @"1";
            params[@"rn"] = @"20";
            params[@"key"] = @"2ba215a3f83b4b898d0f6fdca4e16c7c";
    
            // 在AFN的block内使用,防止造成循环引用
            __weak typeof(self) weakSelf = self;
    
            [[AFHTTPSessionManager manager] GET:CYXRequestURL parameters:params success:^(NSURLSessionDataTask * _Nonnull task, id  _Nonnull responseObject) {
                NSLog(@"请求成功");
    
                // 利用MJExtension框架进行字典转模型
                weakSelf.menus = [CYXMenu objectArrayWithKeyValuesArray:responseObject[@"result"]];
    
                // 刷新数据(若不刷新数据会显示不出)
                [weakSelf.tableView reloadData];
    
            } failure:^(NSURLSessionDataTask * _Nonnull task, NSError * _Nonnull error) {
                NSLog(@"请求失败 原因:%@",error);
            }];
        }
    
        #pragma mark - UITableviewDatasource 数据源方法
    
        - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
            return self.menus.count;
        }
    
        - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
    
            CYXCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cell"];
    
            cell.menu = self.menus[indexPath.row];
    
            return cell;
        }
    
        #pragma mark - UITableviewDelegate 代理方法
    
        - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
            // 点击了第indexPath.row行Cell所做的操作
        }
    
        @end
    
    • 到这里只是简单实现了网络数据的请求,还有很多细节,例如下拉/上拉刷新,、cell的点击事件等等,有时间再讨论了。
    • 附:源码github地址

    相关文章

      网友评论

      • 潇岩:楼主,为什么demo里面没有数据啊
        潇岩:@Developer_CYX 好的
        Developer_Yancy:@潇岩 数据网站的账号过期了,你重新申请一个吧
      • 臭码农:十分钟搭建出来的框架果然不一般,愚弟用了一周搭的框架,采用的都是主流三方,大家可以交流学习,地址:http://www.jianshu.com/p/d553096914ff
      • 童话镇里蜿蜒的河:看到了你两年前的代码 现在想你点东西。 现在AFNet还需要若引用吗? 还会造成循环引用么?
        Developer_Yancy:@童话镇里蜿蜒的河 造成循环引用的场景是self持有block,block里面又使用self。如果不是就不需要弱引用
      • 一方自在:大神,我试着自己在写iOS ,看了你的有很大的收获,但是有些问题,不懂,想问下,在CYXHttpRequest为啥会用懒加载啊?
      • 谢谢生活:你封装的很好,学习了,我发现你一处错误HttpRequest 中的- (AFHTTPSessionManager *)manager不应该用单利模式,单利模式回造成第二次访问数据没有httpRequest对象,强烈建议修改,作为一个新手,我什么都不懂,性格腼腆也不好意思问人,我调试了两个小时,不过还是非常感谢你的封装,学习了很多。
        谢谢生活:@Coder_CYX 懒加载里面不能使用dispatch_one 单利静态变量采用dispatch_one
        谢谢生活:@Coder恩 - (AFHTTPSessionManager *)manager里面用dispatch_one若base request不释放,再次用httpSessionManager请求数据,manager就会报空。
        Developer_Yancy:@谢谢生活 你好,我这里并没有使用单例哈,只是懒加载。应该不存在没有httpRequest对象的情况。你是请求不到数据吗?
      • 初见旧人:亲 我的为啥不显示图片和材料呢 只显示菜名
        Developer_Yancy:@初见旧人 看下控件设置是否正确,或者网络图片url是否正确。打断点调试一下
      • DreamMmMmM:为什么不用kvc字典转模型,用这个有什么好处吗
        4644cf34fbb7:@NSZjm 这个框架很方便 直接转 不用你在vc写来写去
        Developer_Yancy:@NSZjm 用第三方框架比较方便而已。转模型这属于繁琐重复的工作
      • mxm145:楼主,我下载了你的demo测试了一下。有个问题不解:
        你的CYXOneViewController.m里面实现了UITableview的代理方法和数据源方法,但是却没有绑定视图上的tableView,也能显示tableView出来

        是我没看到,还是这样也可以,希望解答一下
        mxm145:@iOS_CYX 又看了一下代码,确实是这样的。是不是可以这样理解,只要这个控制器是继承自tableview的并且实现了tableview必须要实现的方法,就可以显示tableview
        Developer_Yancy:@mxm145 所以这个控制器的view本来就是一个tableview,并且只能是tableview。你如果需要加其他的控件,也可以不继承tableview控制器
        Developer_Yancy:@mxm145 这个控制器本来就继承自tableview控制器哈
      • 庸者的救赎:在Cocoachina上面看到的这个,特来纠正一个问题。
        关于AFN那段,其实不需要弱引用,因为他并不被当前试图控制所持有,建议博主尝试给dealloc打个断点,去掉weakself试试

        至于使用block的几种情况,我已经在Cocoa上回复,这里就不重复了
        谢谢生活:@庸者的救赎 为什么呀 有点不懂,能详细解释下吗 等会试试
        Developer_Yancy:@彼年之华 对的,我的疏忽。谢谢提醒:blush:
      • 7cd0def947af:对我这种菜鸟来说相当有用,简单易懂。
        Developer_Yancy:@ITNull 很高兴能帮到你,加油哈,有空就去Github帮我点个星星:smile:
      • Q了个L:同行,加油
      • atomic_volatile:Android程序猿前来助阵
        Developer_Yancy:@阿童木online 👍🏻
      • 7436153b8106:IOS开发,收藏啦。谢谢楼主分享
        Developer_Yancy:@丁乙 不客气哈,Github上有完整的源码,欢迎★Star😀
      • Kunz:MARK
      • iOS排头兵:楼主是不是刚入行
        Developer_Yancy:@1843e0c67186 哈哈,大神求带飞😄
      • K__M:很不错
        Developer_Yancy:@你的猴哥 谢谢😀
      • 星期五__:楼主写的不错,简单易懂。
        Developer_Yancy:@W0lF人 泛型。建议你去学习下oc的语法吧
        eea9f94c48d3:很好,但是,如果真正把源代码下载下来,显示有错哦,还有那个@property (strong, nonatomic) NSMutableArray<CYXMenu *> * menus;不懂
        Developer_Yancy:@与狼同行 谢谢哈,😀
      • AbelSu:不错,今晚看看
        Developer_Yancy:@AbelSu 谢谢😀

      本文标题:十分钟搭建主流框架_简单的网络部分(OC)

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