源码

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.jianshu.com/p/23a24a6d2303

(0)

本文由 投稿者 创作,文章地址:https://blog.isoyu.com/archives/swiftbianxie-fangzhaotwitterkehuduan.html
采用知识共享署名4.0 国际许可协议进行许可。除注明转载/出处外,均为本站原创或翻译,转载前请务必署名。最后编辑时间为:4 月 29, 2019 at 07:44 下午

热评文章

发表回复

[必填]

我是人?

提交后请等待三秒以免造成未提交成功和重复