一:創造Sagit開發框架的起因:
記得IT連創業剛進行時,招了個IOS的女生做開發,然后:
----------女生的事故就此開始了-----------
1:面試時候:有作品,態度也不錯,感覺應該能做點事。
2:剛招進來:發現每天都在看文章,但遲遲不見有點東西。
3:過程問答:現在在整些什么?回答在搭框架。
4:發現危機:不小心看到她用單手指敲鍵盤,感覺不妙。
5:處理危機:速學IOS,一個星期后,看完她代碼,談話Over!
----------女生的事故就到此結束了----------
在速學IOS時,快速掃了不少培訓的視頻教程,發現套路都是很原始。
這些原始的套路了解可以,但若這些過來搬到項目來,就禍害無窮了。
按照當時創業的成本考慮,很大概率招來的人是以下三種:
1: 剛從培訓班出來的;
2:剛看完培訓視頻過來;
3:剛用培訓視頻的套路禍害完一個項目后跳過來的。
為了對下一個開發人員有所約束:
讓一個有3-4年開發經驗的朋友幫忙整一下框架。
看完他整的框架,發現只是常規性的工具類分文件夾。
給他提了一個要求,把其中一個網絡請求重新封裝一下。
回頭再看,雖有所改進,但還是不盡我意。
也許可以指導繼續改進,但時不以我,也不以他。
於是自己動手了:框架大體完成60%時,招了個男開發人員。
----------男生的事故就此開始了-----------
為了趕項目,讓新人在框架的基礎上動工了。
鑒於新人開發人員能弄點東西,加上有框架的輔助,就撒手了。
由於框架的不完善,以及對框架的不理解,遇到點小坑就吐槽。
吐槽多了,也只能同意他混着其它的框架一起整了。
再后來,多的數不清的坑和閃退事故。
早期關注IT連及用IT連App的童學,就清楚了。
或者在我之前的IT連創業系列文章里應該可以感知了。
現在,他也Over了!
----------男生的事故就到此結束了-----------
重新接手回IOS后,發現代碼邏輯也是一團槽,好在之前有一部份還是按框架走。
最近花了一周多的時候,理解,並開始重構整個項目的代碼。
同時對框架之前已有的依賴關系也進行了抽離,並重新重構了一下框架。
目前對框架的重構的工作已經進行了70%-80%,還有一些功能想了還沒加上。
但整體並不影響基礎功能,所以是時候把Sagit的框架和大伙分享了!
二:關於框架起名:
自從:CYQ.Data 框架這名字被大伙吐槽之后,后續的框架命名,就顯的格外用心了。
在研究了行星、星座、水果、植物、動物、顏色、形狀等英文名稱之后。
終於有了:白羊(Areis.DevFramework For DotNet)、
再也有了:金牛(Taurus.MVC For DotNet)
之后沒了:雙子(Gemini.workflow For DotNet) 工作流引擎目前難產中(寫了開頭,后來沒空折騰)。
因此,湊齊黃金十二宮,召換雅典娜,就成了我來地球最神秘的任務了!
這次越級選了:Sagittarius (射手)
一來是ST的前綴簡寫剛好對應的現在創業公司的名字:隨天。
二來取前半部做框架名,簡寫:Sagit(發音:射日,很和諧發現有木有)
三:框架的適用場景:
1:研究學習:
A:工作幾年之后,開發功能已不是問題,需要有點新思維來突破受限的瓶頸。
看懂框架代碼不難,主要是學習思維,多思考,並多訓練自己怎么寫。
B:對於在培訓行業的教師,可以在培訓結束前用框架的思維引導一下新人,再放他們出來。
2:項目開發:
A:開發人員沒有框架的概念。
B:目前沒有其它可選擇的框架。
一般的說,除了游戲,其它常規性的項目都適合。
下面對框架進行簡單的介紹,也只能是簡單介紹:
Sagit 創新一:簡潔的相對布局語法
1:統一標准參數,自適配手機屏幕,實現AutoLayout。
A:框架默認以IPhone6的像素為標准參考體系:750*1334。
B:開發時,都以標准的像素單位為參數。
C:運行時,會自動適配成對應比例的參數。
(PS :如果需要修改標准,可在STDefineUI.h文件中修改定義)
看着UI給的參數標注圖,輕松布局:
2: 簡潔的相對布局語法,一行看盡
以上圖片為例,做布局
A:相對父元素的布局 Logo:
[[[[self addImageView:@"login_logo"] width:170 height:170] relate:Top v:288] toCenter:X];
B:相對固定元素的布局,下面這行代碼是引用其它地方的:
[[[[self addImageView:@"icon_verify"] width:48 height:48] onBottom:pwdIcon y:26] toCenter:X];
3:可局部刷新的布局
以下這行代碼,會對批定的視圖的子視圖重新進一次相對布局。
[self refleshLayout];
Sagit 創新二:徹底分離的View與Controller
記得很早以前,我寫過一篇文章:Objective-C iOS純代碼布局 一堆代碼可以放這里!
那時候只是研究的前奏,並沒有實現完整分離,當然現在是解決了。
舉個例如:一個文本框一個按鈕,點擊按鈕彈出文字框的內容。
之前的做法,你都會在Controller里寫一堆UI相關的創建方法,或者需要將某些UI定義為全局變量,以便后續再去獲取UI的值。
最差也是我之前未完成時留下的那點手尾:(下面紅色的,在Controller中需要定義一個具體的LoginView變量)
好了,現在這個問題已經被我徹底解決了,0入侵已經成為了事實,下面看示例代碼:
LoginView 的代碼:創建了一個文本框和一個點擊按鈕
@interface LoginView : STView //這是LoginView.h @end @implementation LoginView //這是LoginView.m -(void)initUI { [[self addTextField:@"userName" placeholder:@"輸入手機號"] x:0 y:0 width:100 height:100]; [[self addButton:@"btnLogin" title:@"登錄"] onRight:self.lastSubView.PreView x:10]; } @end
LoginController 的代碼:有一個按鈕事件,獲取手機號用戶名然后彈出來提示
@interface LoginController : STController // 這是LoginController.h @end @implementation LoginController //這是LoginController.m -(void)btnLoginClick { NSString* userName=[self uiValue:@"userName"]; [self.box prompt:userName]; }
調用:
self.window.rootViewController = [LoginController new];
效果:(為了截圖,特意新建了個demo...)
解析:
LoginView和LoginController兩個文件代碼里,並沒有互相引用的地方。
但是UI和事件卻補神奇的關聯起來了,這是怎么做到的呢?
秘密就在STView和STController文件的源碼中。
Sagit 創新三:表單的自動提交與回顯
如果你需要提交一個表單的數據,你只需要這樣:
-(void)btnLoginClick { // NSString* userName=[self uiValue:@"userName"]; // [self.box prompt:userName]; [self.http post:@"/Login" paras:self.formData success:^(STModel *result) { if(result.success)//如果:提交成功 { [self.stView loadData:result.msg];//將返回的數據回顯到控件 } }]; }
解析:
self.formData可以自動收集UI表單的內容。
self.stView loadData 可以自動將字典的數據寫回UI中。
一切就是這么Easy,在這種常規的提交中,批量來批量去,不需要有Model的存在。
這里暫就不提供Demo了,后續文章再跟進。
Sagit 其它功能一:月下無限連的屬性語法:
UITextField *userName= [[[self addTextField:@"UserName" placeholder:@"手機號碼"] width:372 height:68] onRight:mobileIcon x:30 y:-10]; [[userName maxLength:11] keyboardType:UIKeyboardTypeNumberPad];
不用再去這樣寫的憔碎了:
mobileTF.keyboardType = UIKeyboardTypeNumberPad;// UIKeyboardTypeNamePhonePad; mobileTF.MaxLength=11;// = (id)self.Controller;
Sagit 其它功能二:封裝了適合C#玩家的簡潔語法
OC的命名總是很長,做為了一名C#的大神,有義務把C#簡潔的語法帶過來。
例如:
@interface NSString(ST) -(NSString*)reverse; -(BOOL)isInt; -(BOOL)isFloat; -(NSString*)append:(NSString*)string; -(NSString*)replace:(NSString*)a with:(NSString*)b; -(NSString *)replace:(NSString *)a with:(NSString *)b isCase:(BOOL)isCase; -(NSArray<NSString*>*)split:(NSString*)separator; -(NSString*)toUpper; -(NSString*)toLower; -(BOOL)startWith:(NSString*)value; -(BOOL)endWith:(NSString*)value; -(BOOL)contains:(NSString*)value; -(BOOL)contains:(NSString*)value isCase:(BOOL)isCase; -(BOOL)isEmpty; +(BOOL)isNilOrEmpty:(NSString*)value; +(NSString*)toString:(id)value; -(NSString*)trim;
Sagit 其它功能...
1:網絡的請求只有三個:
[self.http get ...] [self.http post ...] [self.http upload ...]
2:消息提示框:
[self.box prompt...]
[self.box alert..]
[self.box confirm...]
其它等。。。就不在這里介紹了,后續會慢慢寫文介紹。
Sagit 開源地址:
GitHub:https://github.com/cyq1162/Sagit
目前以源碼方式提供,並未打包成類庫。
新開的:IOS Sagit框架 :QQ群:702724292
總結:
1 :框架剛開源,預示着在未來的日子里,升級與變動是少不了的。
2:框架只是個基礎,完整的項目架構,還需要根據不同的業務搭配不同的第三方類庫。
3:后續會將IT連和IT戀兩個App的源碼,做為示例教程,和大伙分享。
4:最后,依然感謝大伙關注我正在進行的IT連創業項目!