欢迎关注
最酷最in的云资讯

Swift编写–仿照Twitter客户端

前端代码纯Swift编写,基本页面已经编写完成,下面首先将展示一下登录注册模块.后端接口用Python3.0+编写,实现部分接口,数据库采用MySql.项目是完全仿照Twitter 客户端编写.
由于项目时间较长,内容不乏一些OC的编程思想,有需要的随意看看思路吧.由于内容较多,文章简要介绍了一下,列了几张图.不麻烦的话给个赞或者star,谢谢!
前台代码地址:
https://github.com/waitwalker/MyTwitter
后台代码地址:
https://github.com/waitwalker/MyTwitterAPI

一. 项目主要架构模式:

1.1 尽量采用现在比较流行的MVVM(model,view,viewModel),这里举一个简单的使用例子=>关于页面是一个列表页面:

image.png

图1.1 关于页面(登录页面右上角按钮触发)

1.2 列表的数据源来自MTTAboutViewModel,MTTAboutViewModel通过一个类方法将数据回调给MTTAboutTwitterViewController, MTTAboutTwitterViewController将数据传给cell(view).MTTAboutTwitterViewController不负责数据的请求以及业务处理.

image.png

图1.2 MTTAboutViewModel数据请求处理

1.3 将数据回调给VC:

image.png

图1.3  VC获取viewModel回调过来的数据

1.4 view显示

image.png

图1.4 view显示数据

二. 项目主要技术和第三方框架:

项目的架构主要采用mvvm模式,布局采用的是SnapKit(3.0+版本).

网络请求用的是Alamofire.

json数据解析用的SwiftyJSON.

事件流的监控用的是RxSwift,之前用过ReactiveCocoa,ReactiveCocoa也有自己的swift版本,两者都属于响应式编程框架,在语法上还是有很大区别.学习RxSwift比一门新的语言学习起来还要难受(个人感觉),不过基本用法掌握后使用起来很方便,具体实现可以参考项目中的代码.

还有其他方面的,比如设计模式什么的,太多,大家有兴趣的可以把项目克隆下来看看.

由于项目时间较长,内容不乏一些OC的编程思想,有需要的随意看看思路吧.

三 .项目结构主要分为:

3.1 登录&注册:

image.png

3.1-1 登录注册

image.png

3.1-2 登录注册

image.png

3.1-3 登录注册

image.png

3.1-4 登录注册

image.png

3.1-5 登录注册

3.2 首页

首页页面,目前实现首页发推功能

image.png

首页页面

image.png

发推页面

image.png

选择相片

3.3 搜索

image.png

搜索页面

3.4 通知

image.png

通知页面

3.5 私信

image.png

私信页面

四. 后台接口

1715253-24de6f1a3dbd7c7b.png4.1 后台接口

东西太多,一次写不了太多,未完待续…

作者:偶尔登南山
链接:https://www.swifty.cc/p/23a24a6d2303

赞(0) 打赏
未经允许不得转载:云微资讯 » Swift编写–仿照Twitter客户端
分享到: 更多 (0)

云微资讯 科技新媒体资讯平台

关于我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏