飛冰 ICE?基于 React 的中后臺(tái)應(yīng)用解決方案
飛冰(ICE) 是一套基于 React 的中后臺(tái)應(yīng)用解決方案,ICE 包含了一條從設(shè)計(jì)端到開(kāi)發(fā)端的完整鏈路,幫助用戶(hù)快速搭建屬于自己的中后臺(tái)應(yīng)用。
面向設(shè)計(jì)者端,ICE 提供了 ICE Design 設(shè)計(jì)語(yǔ)言,來(lái)給 UI 界面提供專(zhuān)業(yè)的視覺(jué)指導(dǎo)。面向開(kāi)發(fā)者端,ICE 提供了 Iceworks 工具,這是一個(gè)圖形化界面的開(kāi)發(fā)平臺(tái),它承載了 ICE 的物料體系和開(kāi)發(fā)體驗(yàn)。
物料體系
在飛冰中,組件、區(qū)塊、布局、模板等統(tǒng)稱(chēng)為物料,由飛冰團(tuán)隊(duì)維護(hù),在內(nèi)部有一套完整的開(kāi)發(fā)規(guī)范和工具,目前也正在逐步對(duì)外開(kāi)放中;基于此,你可以參與共建 ICE,也可以自建私有的物料體系。
組件:最基礎(chǔ)的物料,目前飛冰的基礎(chǔ)組件達(dá)到 55+,具有高度可復(fù)用性。
區(qū)塊:通過(guò)對(duì)大量的中后臺(tái)系統(tǒng)常用的場(chǎng)景進(jìn)行分類(lèi)、對(duì)比和抽象,基于基礎(chǔ)組件組合而成,目前飛冰的區(qū)塊達(dá)到 110+,可以通過(guò) iceworks 進(jìn)行快速組合搭建應(yīng)用,減少重復(fù)的開(kāi)發(fā),提升效率。
布局:在中后臺(tái)系統(tǒng)中布局通常較為統(tǒng)一,以
頂部-側(cè)邊布局-通欄模式為主,為此 ICE 提供了 4+ 常見(jiàn)的布局,支持light和dark兩套主題。模板:基于已有的區(qū)塊搭建而成,目前提供了 4+ 的特定領(lǐng)域的模板,可以從零開(kāi)始搭建應(yīng)用,也可以選擇特定類(lèi)型的模板開(kāi)始使用。
