Ant Design Pro 是阿里巴巴的螞蟻金服推出的企業(yè)級(jí)中后臺(tái)前端/設(shè)計(jì)解決方案鹃共。后臺(tái)運(yùn)營(yíng)管理系統(tǒng)一般指的是支撐企業(yè)業(yè)務(wù)正常運(yùn)轉(zhuǎn)的信息化管理系統(tǒng)拇勃,比如生產(chǎn)銷售型企業(yè)的后臺(tái)訂單管理缀匕、庫(kù)存管理等。中臺(tái)這個(gè)概念也是阿里提出的,隨著企業(yè)的業(yè)務(wù)線增多,很多業(yè)務(wù)線出現(xiàn)了相同或者相似的業(yè)務(wù)信轿,比如阿里的淘寶業(yè)務(wù)線、天貓業(yè)務(wù)線残吩、聚劃算業(yè)務(wù)線财忽,這些業(yè)務(wù)線都有訂單需求。如果每個(gè)業(yè)務(wù)線都重復(fù)實(shí)現(xiàn)相同的業(yè)務(wù)功能的話泣侮,既是對(duì)資源的浪費(fèi)即彪,也不利益業(yè)務(wù)的沉淀,為此阿里就開(kāi)始提出中臺(tái)戰(zhàn)略活尊,采用共享服務(wù)中心的方式來(lái)支持前端業(yè)務(wù)線隶校,比如訂單服務(wù)中心。這個(gè)訂單服務(wù)中心就是中臺(tái)蛹锰。關(guān)于中臺(tái)深胳,筆者認(rèn)為《企業(yè)IT架構(gòu)轉(zhuǎn)型之道_阿里巴巴中臺(tái)戰(zhàn)略思想與架構(gòu)實(shí)戰(zhàn)》這本書(shū)闡述的非常清晰。這也是一本非常值得看的書(shū)宁仔,特別是對(duì)于中后臺(tái)開(kāi)發(fā)人員和架構(gòu)師來(lái)說(shuō)稠屠。
企業(yè)級(jí)中后臺(tái)系統(tǒng)的用戶主要都是企業(yè)內(nèi)部同事峦睡,系統(tǒng)界面一直比較尷尬翎苫。第一呢权埠,一般不會(huì)像面向終端用戶的界面那樣配置專門(mén)的UI視覺(jué)/交互/Web或App前端開(kāi)發(fā),能有個(gè)專門(mén)的前端開(kāi)發(fā)就已經(jīng)比較奢侈了煎谍,很多都是由后臺(tái)開(kāi)發(fā)人員擔(dān)任攘蔽。第二呢,同事們對(duì)此也沒(méi)太高的要求呐粘,因此也沒(méi)啥怨言满俗。但是作為有追求的開(kāi)發(fā)人員,我們不能一直這么 low 下去作岖。
第一次接觸 Ant Design Pro 的時(shí)候只能用驚艷來(lái)形容唆垃。官網(wǎng)是這么介紹的,它秉承 Ant Design 的設(shè)計(jì)價(jià)值觀痘儡,致力于在設(shè)計(jì)規(guī)范和基礎(chǔ)組件的基礎(chǔ)上辕万,繼續(xù)向上構(gòu)建,提煉出典型模板/業(yè)務(wù)組件/配套的需求原型設(shè)計(jì)資源沉删,進(jìn)一步提升企業(yè)級(jí)中后臺(tái)產(chǎn)品設(shè)計(jì)研發(fā)過(guò)程中的『用戶』和『設(shè)計(jì)者』的體驗(yàn)渐尿。 Ant Design Pro 基于上述目標(biāo)和提供了典型的模板,并據(jù)此構(gòu)建了一套基于 React 的中后臺(tái)管理控制臺(tái)的腳手架矾瑰,它可以幫助你快速搭建企業(yè)級(jí)中后臺(tái)產(chǎn)品原型砖茸。
對(duì)于只有 javascript 經(jīng)驗(yàn)的我來(lái)說(shuō),學(xué)習(xí) Ant Design Pro 的過(guò)程卻很痛苦殴穴。Ant Design Pro 基于的技術(shù)棧比較多凉夯,對(duì)相應(yīng)的技術(shù)棧不了解的話,入門(mén)還是比較很困難的推正。為了讓中后臺(tái)開(kāi)發(fā)人員能夠更快入門(mén)恍涂,更好的使用這個(gè)中后臺(tái)前端開(kāi)發(fā)神器,我整理了我學(xué)習(xí)的過(guò)程植榕,帶著大家一步一步從最基礎(chǔ)的 React 開(kāi)始到 Redux再沧、Saga、DvaJs尊残、Umi炒瘸,最終讓你能夠一窺 Ant Design Pro 原理,開(kāi)發(fā)出你的中后臺(tái)系統(tǒng)前端寝衫。