首页 > 【Three20研究院之应用开发】 > Three20研究院之搭建ASI与JSON环境制作简单的登录界面(七)
2012
06-06

Three20研究院之搭建ASI与JSON环境制作简单的登录界面(七)

         Three20 这系列的文章也好久没更新了,学习的路上是阻挡不了我们程序猿的,哇咔咔~~ 今天我们主要学习一下 ASI 与 JSON 针对向服务端请求数据的知识。以前MOMO就给大伙说过没事多去GitHub去看看老外写的东西,这个网站真的特别好玩。今天说的AIS 与JSON都是GitHub上老外写的开源库。本文开始我在罗嗦一下,使用Three20开发时我的建议是 Three20 + FMDB + ASI + JSON 。 FMDB是数据库操作的类库,ASI全称是ASIHTTPRequest,可与服务器进行数据的交互 或者是2进制文件的交互包括断点续传等等非常强大的一个类库, 客户端与服务器都是以字符串的形式在做交互,以前在使用XML的时候开发者需要对大量的节点之间做解析,即使网上有现成的解析库但是MOMO觉得还是不好用。还是觉得JSON比较好用!~!! JSON就好比在本地维持一个字典对象,向服务器请求时将字典对象转换成字符串发给服务器,当服务器返回时在将字符串转换成字典对象,通过键值对的形式 对数据进行操作真的非常好用。然而这一切的一切JSON库都帮我们完成了。

        首先我们学习在Three20之上构建ASI环境,ASI的下载地址是 https://github.com/pokeb/asi-http-request  。下载完毕后解压,在你的工程中将Class文件全部导入进来。如下图所示引入相应的类库,这里大家请和MOMO的保持一致。

 

Three20研究院之搭建ASI与JSON环境制作简单的登录界面(七) - 雨松MOMO程序研究院 - 1

 

下面就是最重要的一部,也是非常蛋疼的一部。当初学的时候就因为没加上这个导致我半个多小时才吧环境搭上,MOMO请大家一定要淡定!!如下图所示,在Header Search Paths中一定要加入 /usr/include/libxml2 切记!切记! 不然有一个错找不到头文件。。

 

Three20研究院之搭建ASI与JSON环境制作简单的登录界面(七) - 雨松MOMO程序研究院 - 2

 

          OK 这一步你的ASI环境就配置OK啦。然后我们开始配置JSON,下载地址:https://github.com/stig/json-framework 和ASI一样,下载完后请把Classes文件夹中的文件拷贝至工程当中,为了区分开大家可为它们换个名称,下一步我们开始编写代码。

AppDelegate.m 这是入口类,应该没问题吧,这里我们写了两个页面 一个用来登录,一个显示登录结果。

 

LoginViewController.h 首先是登录界面  这里将ASIHTTPRequest.h 与 JSON.h引入,登录页面是仿照FaceBook的在输入框中MOMO选择的是TabView。

 

LoginViewController.m 大量的逻辑都在这里面,请大家仔细看这个类,MOMO已经添加了详细的注释噢。。

 

Three20研究院之搭建ASI与JSON环境制作简单的登录界面(七) - 雨松MOMO程序研究院 - 3

 

Three20研究院之搭建ASI与JSON环境制作简单的登录界面(七) - 雨松MOMO程序研究院 - 4

 

 

 

MainViewController.h 登录成功页面, 很简单 就是将用户在上个页面中输入的信息显示在这个页面中。

 

MainViewController.m 这里应当比较好理解了吧?

 

Three20研究院之搭建ASI与JSON环境制作简单的登录界面(七) - 雨松MOMO程序研究院 - 5

 

感觉本章的内容不是很难,所以我就不做过多的解释。唯一感觉比较恶心的就是搭建ASI的环境,最后雨松MOMO祝大家学习愉快、一起进步哇咔咔~~

下载地址:http://vdisk.weibo.com/s/ab-Id

 

大家下载以后是不能直接运行的,可以在工程中将红色的Three20相关的文件删除,然后重新直接一下搭建Three20环境的python语句即可。祝大家学习愉快,不早了晚安~~~

雨松MOMO提醒您:亲,如果您觉得本文不错,快快将这篇文章分享出去吧 。另外请点击网站顶部彩色广告或者捐赠支持本站发展,谢谢!

--

最后编辑:
作者:雨松MOMO
专注移动互联网,Unity3D游戏开发
捐 赠如果您愿意花10块钱请我喝一杯咖啡的话,请用手机扫描二维码即可通过支付宝直接向我捐款哦。