摘要:為什么我們需要是一個基于的套件庫,兼容。全面的國際化支持所有組件的內(nèi)置文案支持國際化,大部分文案用戶可以主動設(shè)置。持續(xù)的功能增強(qiáng)借助社區(qū)和團(tuán)隊(duì)自身的力量,會在現(xiàn)有基礎(chǔ)上優(yōu)化使用體驗(yàn),增強(qiáng)組件功能,添加更多常用組件來滿足不同場景的需求。
0. 為什么我們需要 UXCore?
UXCore 是一個基于 React 的 PC UI 套件庫,兼容 IE8+。http://uxco.re/
阿里巴巴信息平臺是負(fù)責(zé)整個阿里巴巴集團(tuán)智能辦公系統(tǒng)的團(tuán)隊(duì),涉及非常多的企業(yè)業(yè)務(wù)系統(tǒng),包括薪酬、人力、財務(wù)、行政、IT 等等,在這些系統(tǒng)中產(chǎn)生了大量的表格、表單和圖表的交互場景,這里面有很多重復(fù)配置的地方,也有很多定制變化的地方,目前業(yè)界的這一方面還沒有能夠完全滿足這一方面的解決方案,因此有了 UXCore。
UXCore 要解決的核心問題,就是方便高效地產(chǎn)出表單、表格,同時提供足夠強(qiáng)大的定制能力,使用戶可以對組件的每一個渲染部分進(jìn)行修改,從而滿足各種不同種類的業(yè)務(wù)場景。
為了實(shí)現(xiàn)核心的目標(biāo),我們和 UED 團(tuán)隊(duì)積極合作,充分收集業(yè)務(wù)場景和進(jìn)行視覺優(yōu)化,在這個過程我們產(chǎn)出了一系列的簡單易用的基礎(chǔ)組件,用于構(gòu)建頁面的其他部分。目前信息平臺的新系統(tǒng)都在使用 UXCore 進(jìn)行承載,我們也很愿意將我們已經(jīng)成熟的解決方案分享出來,幫助更多的企業(yè)系統(tǒng)開發(fā)者解決他們開發(fā)上的痛苦,同時也寄希望于依靠社區(qū)的反饋,可以讓 UXCore 走的更好。
超過 35 個常用基礎(chǔ)組件用來構(gòu)建你的系統(tǒng)業(yè)務(wù),涵蓋大部分常用功能
1.2 專注于企業(yè)應(yīng)用圖2:UXCore 致力于產(chǎn)出方便易用、功能強(qiáng)大且高度可定制的表單、表格、布局組件。"
表單內(nèi)置 10 余種常用表單域可以直接使用。
表格除了基礎(chǔ)功能外,還支持折疊展開二級面板、樹形結(jié)構(gòu)、行內(nèi)編輯等復(fù)雜場景。
布局支持傳統(tǒng)的左右自適應(yīng)布局和柵格布局,輕松搞定頁面排版。
除了內(nèi)置的功能外,表單、表格還有一套簡易地定制體系,隨時可以在業(yè)務(wù)中為組件注入更強(qiáng)大的力量。
1.3 全面的國際化支持所有組件的內(nèi)置文案支持國際化,大部分文案用戶可以主動設(shè)置。
1.4 可以定制的主題1.5 按需使用我們默認(rèn)提供了兩套主題供使用,這兩套主題也同時在我們的系統(tǒng)中使用,如果你不喜歡我們的主題,你也可以使用我們的在線定制工具定制你的主題,我們目前開放了所有顏色的定制,未來可能會開放更多的定制點(diǎn)。
UXCore 的每個組件都是多帶帶項(xiàng)目維護(hù)的,并且也會多帶帶發(fā)布于 npm,因此如果你不喜歡引用 UXCore 的大全包,你也可以多帶帶引用獨(dú)立的組件使用。同時,修改 UXCore 原有的樣式也十分簡單,只需修改類名前綴(prefixCls),即可定制屬于自己的 UXCore 組件風(fēng)格。
1.6 提供項(xiàng)目級的建議和支持如果你苦于搭建使用 React 和 UXCore 的項(xiàng)目環(huán)境,可以參考我們的 starter kit,在這里我們給出了團(tuán)隊(duì)在眾多項(xiàng)目實(shí)踐總結(jié)出的統(tǒng)一解決方案(NOWA),供你參考。
2.2 可視化頁面搭建為了保證后續(xù)迭代和社區(qū)貢獻(xiàn)的質(zhì)量,我們會積極地接入代碼風(fēng)格校驗(yàn)和持續(xù)集成測試,目前我們的方案已經(jīng)確定,正在向所有的組件進(jìn)行推廣。
通過在線可視化的頁面,通過拖拽和簡單配置來實(shí)現(xiàn)簡單交互頁面的搭建,同時輸出代碼,用以后續(xù)更改和添加代碼。
2.3 持續(xù)的功能增強(qiáng)借助社區(qū)和團(tuán)隊(duì)自身的力量,UXCore 會在現(xiàn)有基礎(chǔ)上優(yōu)化使用體驗(yàn),增強(qiáng)組件功能,添加更多常用組件來滿足不同場景的需求。
3. 鏈接github: https://github.com/uxcore/uxcore
文檔站點(diǎn): http://uxco.re/
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.hztianpu.com/yun/79798.html
摘要:下的表格狂想曲前言歡迎大家閱讀從零開始的組件開發(fā)之路系列第一篇,表格篇。北京小李中的每一個元素是一列的配置,也是一個對象,至少應(yīng)該包括如下幾部分表頭該列使用行中的哪個進(jìn)行顯示易用性與通用性的平衡易用性與通用性互相制衡,但并不是絕對矛盾。 React 下的表格狂想曲 0. 前言 歡迎大家閱讀「從零開始的 React 組件開發(fā)之路」系列第一篇,表格篇。本系列的特色是從 需求分析、API 設(shè)...
摘要:一個靠譜的應(yīng)該包含以下幾部分言簡意賅的項(xiàng)目介紹你的項(xiàng)目解決了什么核心問題,有哪些令人心動的特性。除了在中提到遵循的開源協(xié)議外,一個靠譜的開源項(xiàng)目還會將該開源協(xié)議的內(nèi)容文檔放在自己的項(xiàng)目下方。 0. 前言 寫前端代碼一段時間之后,你可能會萌生做一個開源項(xiàng)目的想法,一方面將自己的好點(diǎn)子分享出去讓更多的人受益,另一方面也可以在社區(qū)貢獻(xiàn)的環(huán)境下學(xué)到更多的東西從而快速成長。但是開源項(xiàng)目也有開源項(xiàng)...
摘要:一個靠譜的應(yīng)該包含以下幾部分言簡意賅的項(xiàng)目介紹你的項(xiàng)目解決了什么核心問題,有哪些令人心動的特性。除了在中提到遵循的開源協(xié)議外,一個靠譜的開源項(xiàng)目還會將該開源協(xié)議的內(nèi)容文檔放在自己的項(xiàng)目下方。 0. 前言 寫前端代碼一段時間之后,你可能會萌生做一個開源項(xiàng)目的想法,一方面將自己的好點(diǎn)子分享出去讓更多的人受益,另一方面也可以在社區(qū)貢獻(xiàn)的環(huán)境下學(xué)到更多的東西從而快速成長。但是開源項(xiàng)目也有開源項(xiàng)...
閱讀 2524·2019-08-30 15:53
閱讀 2638·2019-08-29 13:11
閱讀 2731·2019-08-29 12:45
閱讀 3550·2019-08-29 12:41
閱讀 2400·2019-08-26 10:14
閱讀 2237·2019-08-23 14:39
閱讀 2373·2019-08-23 12:38
閱讀 3442·2019-08-23 12:04