iOS分享之路-快速搭建電商平臺(tái)】二十一、終篇

duwenquan-方形LOGO.png

引述

《iOS 端 快速開(kāi)發(fā)電商平臺(tái)》系列終于要結(jié)尾了。很感謝一路支持過(guò)來(lái)的讀者,其實(shí),整個(gè)電商平臺(tái)的開(kāi)發(fā)遠(yuǎn)遠(yuǎn)不止這些,我只是分享了在一個(gè)電商平臺(tái)中的主要模塊的構(gòu)建,讓眾多開(kāi)發(fā)者能夠快速的入手和開(kāi)發(fā)一個(gè)電商平臺(tái),在一些地方不必走太多的彎路。

雖然《快速搭建電商平臺(tái)》系列博文結(jié)束了,但這不是結(jié)束,接下來(lái)我還會(huì)推出兩個(gè)系列博文,將各種工具類和控件做好分離,讓開(kāi)發(fā)者拿走就可以用.大家可以提前關(guān)注我,這樣可以及時(shí)看到我的分享。

《一步步搭建即時(shí)通訊框架》
《iOS直播采集端與播放端的實(shí)現(xiàn)》

回顧

讓我們來(lái)回顧下《快速搭建電商平臺(tái)》系列博文都是分享了哪些開(kāi)源框架。

主要講解了為何要寫這么一個(gè)系列,以及我的一些與軟件的經(jīng)歷。

從引導(dǎo)頁(yè)開(kāi)始寫起,也是根據(jù)用戶的使用習(xí)慣來(lái)構(gòu)思整個(gè)系列。
此文分享的我對(duì)引導(dǎo)頁(yè)的超級(jí)封裝:DWQGuidePage,包含了開(kāi)屏,傳統(tǒng)引導(dǎo)頁(yè),GIF引導(dǎo)頁(yè),浮層引導(dǎo)頁(yè),視頻等。方便使用者調(diào)用,能夠快速的在自己的APP中集成引導(dǎo)頁(yè)。

帶有視頻的.gif

GitHub下載地址: https://github.com/DevelopmentEngineer-DWQ/DWQGuidePage

此文章主要分享的是網(wǎng)絡(luò)請(qǐng)求工具類,DWQNetworking 它是基于AFNetworking 3.1.0版本封裝,采用單例模式調(diào)用,在項(xiàng)目中使用更加方便快捷,支持GET,多種POST請(qǐng)求(.普通POST請(qǐng)求b.封裝POST圖片上傳(多張圖片) // 可擴(kuò)展成多個(gè)別的數(shù)據(jù)上傳如:mp3等c.封裝POST圖片上傳(單張圖片) // 可擴(kuò)展成單個(gè)別的數(shù)據(jù)上傳如:mp3等d.封裝POST上傳url資源e.下載)以及網(wǎng)絡(luò)監(jiān)測(cè)

GitHub下載地址:https://github.com/DevelopmentEngineer-DWQ/DWQNetworking

DWQDBManger是我對(duì)FMDB進(jìn)行了封裝,極大簡(jiǎn)化開(kāi)發(fā)者對(duì)數(shù)據(jù)庫(kù)的操作,與多數(shù)FMDB封裝不同,本封裝是直接實(shí)體類對(duì)象來(lái)做增、刪、改、查。代碼中有比較詳細(xì)的注釋和講解,本封裝利用了runtime的機(jī)制,可以幫助初學(xué)者理解objective-c的黑魔法:runtime。

GitHub下載地址:https://github.com/DevelopmentEngineer-DWQ/DWQDBManger

使用Masonry布局自定義Cell的時(shí)候,我們通常在計(jì)算Cell的高度問(wèn)題上,手動(dòng)計(jì)算TableViewCell的高度常常會(huì)使一些開(kāi)發(fā)者頭大,本人之前也很苦惱,后來(lái)為了能夠在方便自己布局,于是寫了這么一個(gè)可以自動(dòng)計(jì)算Cell的擴(kuò)展。DWQCellAutoHeightWithMasonry有了它,媽媽再也不用擔(dān)心我的動(dòng)態(tài)行高問(wèn)題了!

GitHub下載地址:https://github.com/DevelopmentEngineer-DWQ/DWQCellAutoHeightWithMasonry

DWQSelectAttributesView是一款模仿淘寶規(guī)格屬性選擇頁(yè)面的UI控件,其中邏輯已經(jīng)實(shí)現(xiàn),開(kāi)發(fā)者如果需要做類似的規(guī)格選擇可直接使用,免去了復(fù)雜的UI頁(yè)面繪制和復(fù)雜的邏輯實(shí)現(xiàn)。

規(guī)格屬性選擇器.gif

GitHub下載地址:https://github.com/DevelopmentEngineer-DWQ/DWQSelectAttributes

將微信支付和支付寶支付統(tǒng)一封裝,根據(jù)傳參的不同自動(dòng)選擇支付方式。1、分離框架,統(tǒng)一進(jìn)行操作和管理,方便維護(hù)2、支付封裝,使用更加簡(jiǎn)單便捷。3、融合支付寶 和 微信 接口的優(yōu)點(diǎn),完善微信返回狀態(tài)碼對(duì)應(yīng)的狀態(tài)信息4、對(duì)支付寶和微信的 回調(diào)處理都統(tǒng)一 成一個(gè) block回調(diào)5、封裝中添加了比較完善的斷言

GitHub下載地址:https://github.com/DevelopmentEngineer-DWQ/DWQPayManager

DWQPasswordBoxView是仿照微信和支付密碼框做的一個(gè)封裝,采用了一個(gè)UITextfield的形式,(有人采用6個(gè)UITextfield的方式);然后通過(guò)繪畫外加CABasicAnimation動(dòng)畫的方式實(shí)現(xiàn)密碼框控件的封裝。

密碼輸入框.PNG

GitHub下載地址:https://github.com/DevelopmentEngineer-DWQ/DWQPasswordBox

DWQListOfDifferentOrderStatus是一個(gè)類似淘寶我的訂單標(biāo)簽導(dǎo)航頁(yè)面的控件,幫幫助開(kāi)發(fā)者快速的構(gòu)建我的訂單頁(yè)面。

訂單列表6.gif

GitHub下載地址:https://github.com/DevelopmentEngineer-DWQ/DWQListOfDifferentOrderStatus

DWQbadegeView只允許在ARC環(huán)境下使用,用到的核心技術(shù)就是圖層繪制技術(shù),需要引入庫(kù)< QuartzCore/QuartzCore>;通過(guò)使用drawRect方法來(lái)實(shí)現(xiàn)提醒badgeview。更多原理和實(shí)現(xiàn)方法查看Demo。

DWQbadgeView.png

GitHub下載地址:https://github.com/DevelopmentEngineer-DWQ/DWQbadgeView

每個(gè)人的實(shí)現(xiàn)方式不同,DWQEmptyView是通過(guò)為UIvew添加分類,結(jié)合Runtime動(dòng)態(tài)添加屬性的方法實(shí)現(xiàn)空白視圖效果的。

效果展示.jpg

GitHub下載地址:https://github.com/DevelopmentEngineer-DWQ/DWQEmptyView

DWQLogisticsInformation是為了更方便開(kāi)發(fā)者集成類似淘寶的物流軌跡做的封裝,能夠讓開(kāi)發(fā)者快速的在自己的項(xiàng)目中使用

物流.gif

GitHub下載地址:https://github.com/DevelopmentEngineer-DWQ/DWQLogisticsInformation

由于本人之前做電商比較多,所以為了方便以后使用,封裝了DWQCommit框架。包含了五星好評(píng)控件和發(fā)布評(píng)論的主控制器

評(píng)論界面后.PNG

GitHub下載地址:https://github.com/DevelopmentEngineer-DWQ/DWQCommit

實(shí)現(xiàn)的主要功能:
1.文字較長(zhǎng)時(shí)出現(xiàn) 【全文】按鈕,點(diǎn)擊全部可查看到全文,并附帶【收起】按鈕。
2.圖片可點(diǎn)擊瀏覽查看
3.文字長(zhǎng)短的自適應(yīng)

zhanshi.png

GitHub下載地址:https://github.com/DevelopmentEngineer-DWQ/DWQCommitDisplay

DWQQRCodeManager包含了二維碼的生成與掃描,完全能夠滿足對(duì)于二維碼功能的使用,此封裝能夠更方便的讓開(kāi)發(fā)者集成到自己的項(xiàng)目中。

IMG_9003.PNG

GitHub下載地址:https://github.com/DevelopmentEngineer-DWQ/DWQQRCodeManager

DWQVideoPlayer是基于AVPlayer進(jìn)行的一定以封裝,包含了以下功能:
1.自定義播放界面。提供播放,暫停,全屏等功能。提供播放進(jìn)度條,加載進(jìn)度條等。
2.向上或向下滑動(dòng)屏幕的左側(cè)以調(diào)整亮度。向上或向下滑動(dòng)屏幕右側(cè)可調(diào)整聲音。
3.向左或向右滑動(dòng)屏幕可調(diào)整播放進(jìn)度。

詳情頁(yè)視頻播放.gif

GitHub下載地址:https://github.com/DevelopmentEngineer-DWQ/DWQVideoPlayer

DWQShoppingCart完整的實(shí)現(xiàn)了購(gòu)物車的所有功能,能夠使開(kāi)發(fā)者在開(kāi)發(fā)過(guò)程中快速的集成購(gòu)物車。

購(gòu)物車演示.gif

GitHub下載地址:https://github.com/DevelopmentEngineer-DWQ/DWQShoppingCart

不管是在iOS 開(kāi)發(fā)還是在安卓開(kāi)發(fā),或者WebAPP開(kāi)發(fā)中,有一個(gè)小功能是不可忽略的存在,它的存在,大大友好了用戶體驗(yàn)。那就是彈框Altert,類似安卓的Toast提醒等。由于很多設(shè)計(jì)已經(jīng)不滿足于系統(tǒng)自帶的各種彈框樣式,由于本人開(kāi)發(fā)的眾多APP也使用了各式各樣的彈框,為了方便以后使用,我對(duì)Altert,ActionSheet,Toast進(jìn)行了封裝,您只需要用類方法調(diào)用即可。

DWQATS效果展示.gif

GitHub下載地址:https://github.com/DevelopmentEngineer-DWQ/DWQAlterToastActionSheet

在已上架的上百萬(wàn)個(gè)APP中,估計(jì)會(huì)有60%以上的應(yīng)用程序帶有搜索功能;用到搜索,我想大多數(shù)開(kāi)發(fā)者首先會(huì)想到的是UISearchBar控件,UISearchBar是在iOS6之后加入的,那么之前搜索框的是用UITextfield實(shí)現(xiàn)的。今天要分享的這個(gè)帶搜索歷史和熱門的搜索框就是基于UITextfield的。其實(shí),雖然說(shuō)是帶搜索框和熱門.SerchBar完全可以和下面的熱門和歷史分開(kāi)。

DWQSearch.gif

GitHub下載地址:https://github.com/DevelopmentEngineer-DWQ/DWQSearchWithHotAndHistory

由于我們項(xiàng)目開(kāi)發(fā)周期規(guī)定的太端,技術(shù)總監(jiān)讓我來(lái)選擇第三方。之前給他推薦過(guò)環(huán)信【注明:環(huán)信的客服系統(tǒng),安卓有對(duì)應(yīng)的庫(kù),iOS需要集成環(huán)信IM】,由于價(jià)格方面總監(jiān)沒(méi)通過(guò)。。。你懂得,他們總想花最少的錢做出最牛逼的效果。經(jīng)過(guò)一天的不斷搜索,我終于找到一款,免費(fèi),通訊速度又快,集成又方便的客服即時(shí)通訊第三方。。。分分鐘鐘在自己的電商平臺(tái)中集成客服系統(tǒng)。 ??支持原生安卓SDK、iOS SDK, 支持H5, 支持文字、表情、圖片和語(yǔ)音等多種消息形式, 同時(shí)有安卓客服端、iOS客服端、 PC客服端等支持客服隨時(shí)移動(dòng)辦公,不漏接一個(gè)客戶 。

客服系統(tǒng)效果.gif

總結(jié)

《iOS 端 快速開(kāi)發(fā)電商平臺(tái)》完結(jié),希望對(duì)廣大讀者和開(kāi)發(fā)者能有所幫助。我也相信,如果你讀了我文章,仔細(xì)看了其中的源碼實(shí)現(xiàn),相信在以后的開(kāi)發(fā)道路上,你會(huì)少走很多彎路,你可以做到快速的開(kāi)發(fā)一個(gè)iOS端的電商平臺(tái)【前提是后臺(tái)給力,能夠跟上你的步伐】。這一系列的結(jié)束只是一個(gè)開(kāi)始,下一個(gè)系列我也構(gòu)思好寫什么

《快速搭建即時(shí)通訊框架》,

會(huì)完善封裝各種工具類和控件,做到拿走就可以用。在項(xiàng)目中快速使用即時(shí)通訊。寫完即時(shí)通訊,再寫

《iOS直播的實(shí)現(xiàn)-播放端和采集端》,

讓你快速的開(kāi)發(fā)一個(gè)直播項(xiàng)目。希望廣大讀友多多關(guān)注,后續(xù)會(huì)推出更多好的開(kāi)源框架。

如果感覺(jué)不錯(cuò),希望大家給我的GitHub上的開(kāi)源框架一個(gè)Star噢,您的支持就是我繼續(xù)下去的動(dòng)力。
https://github.com/DevelopmentEngineer-DWQ

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,532評(píng)論 25 708
  • 為什么會(huì)介意 說(shuō)好不走心的 只是比我早說(shuō)了晚安 我內(nèi)心便開(kāi)始不安 你對(duì)我說(shuō)的晚安只是安了自己的心 而我的 你只看 不管
    愛(ài)寶小公主閱讀 273評(píng)論 0 0
  • 每年的這個(gè)時(shí)候 我都會(huì)給你寫一封情書 寫給逝去的光陰 還有逝去的你 沒(méi)有人能懂我的傷悲 就像你從來(lái)都不解我的心懷 ...
    蒼穹如巖閱讀 272評(píng)論 0 0
  • 八十歲的時(shí)候,我會(huì)給老太婆建一座小樓,里面種滿花花草草,每天和她澆澆花,散散步。她打開(kāi)二樓的木窗喊:老頭,吃飯了,...
    韓亞鵬閱讀 231評(píng)論 0 0