開源:Sagit.Framework For IOS 開發框架


一:創造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連創業項目!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM