小胖博客

记录开发和使用中的点滴

iOS开发-RAC+MVVM练手项目 图床App

写在前面

前段时间闲着无聊和盆友就搞了个图床站Chevereto-Free,忽然发现居然有API提供,而且很简单,只需要一个KEY就可以

觉得很适合当练手的项目,没几个页面,做的很快,就是被 2.1大礼包搞了好久才上线。米米图床 AppStore

跟盆友一起搞的小博客有兴趣的可以看看,此文也会同步过去,也包含一些服务器相关的内容。个人站博客

本文主要代码使用 RAC+MVVM 以及其他一些第三方库,做的比较急,代码结构没有特别注意

准备工作

《iOS开发-RAC+MVVM练手项目 图床App》

《iOS开发-RAC+MVVM练手项目 图床App》

《iOS开发-RAC+MVVM练手项目 图床App》

安装好图床的前后台就可以使用正常的web站进行上传图片了。
去后台打开API 获得API KEY
《iOS开发-RAC+MVVM练手项目 图床App》

搭完后就是这样米米图床
《iOS开发-RAC+MVVM练手项目 图床App》

使用cocoaPods 管理第三方。
打开iCloud最简单的Key-Value存储功能
《iOS开发-RAC+MVVM练手项目 图床App》

界面设计

准备工作都做完后我们就可以开始进行App设计了。
不用搞太复杂,几个页面就够
– 首页 :主要功能入口,上传图片。上传完成后可以选择copy的内容,顺便再加个分享
– 历史 :上传的历史记录,直接就使用iCloud来保存数据。同样有首页copy和分享功能
– 关于 :一些免责声明,例如严禁上传小黄图啦之类的。

偷懒 直接截图了
《iOS开发-RAC+MVVM练手项目 图床App》
页面很简单吧~

首页

首页就是个上传图片到后台,偷了个懒,没有使用RAC+MVVM,直接一堆写在VC里了
《iOS开发-RAC+MVVM练手项目 图床App》

上传成功后写入iCloud中, 弹出分享及其他内容

首页基本就完了。。。一个VC搞定。贴出来纯粹凑篇幅。
《iOS开发-RAC+MVVM练手项目 图床App》

历史

基本功能如下
– 加载iCloud数据
– 删除记录
– 分享

这里使用了MVVM+RAC

  • ViewModel 创建两个command, 获取数据,及删除数据

  • 编写功能

VC中就是一波代码, 展示collectionView 功能与首页如出一辙

《iOS开发-RAC+MVVM练手项目 图床App》

关于

这个页面没什么好说的了。。。不管有没有用,免责声明写起来。

后记

其实手机上需要使用图床工具的其实也不多。毕竟还是比较麻烦,只是个备用选择,还是浏览器舒服,直接一脱一拖到浏览器就ok。

这种项目只能练练手,或者是说熟悉熟悉商家流程之类吧~

代码已上传 Gayhub

注意需要修改API_KEY

发表评论

电子邮件地址不会被公开。