lite ui framework 的初衷是讓開發者可以快速的搭建一些輕量化的管理型業務頁面，它基于react+umi+antd+gantd開發并開源。
倉庫位址：
https://github.com/gantFDT/lite-ui-framework 官網: http://favori.gitee.io/lite-ui-framework-landing/ 預覽： http://favori.gitee.io/lite-ui-framework 文檔： https://www.yuque.com/favori/lite-ui-framework 快速開始：git clone [email protected]:gantFDT/lite-ui-framework.git
cd lite-ui-framework
npm i
npm run start 特性：
功能層面
1、動态Dashboard和widget體系
對于一個業務範圍确定并且單一的産品來講，dashboard按照産品的核心意志展現即可，而對于業務範圍不确定并且需要多領域多元度的産品來講，Dashboard長什麼樣其實應該讓終端使用者決定，讓使用者決定dashboard的數量、布局、内容可以提升軟體的自由度和使用者體驗，Lite UI Framework 中的Dashboard可以滿足你對dashbord的一些設想。
2、基于SmartTable的實作的增删改查模闆
企業級管理型業務通常是圍繞着Table和Form展開，基于這兩種元件可以實作大部分的業務場景，我們可以基于特定的Table和Form頁面模闆來快速開發一些輕量化的管理型業務頁面。
3、基于SchemaForm實作的詳情頁面模闆
對于詳情頁面（一個對象的詳細資訊），我們在基于SchemaForm的基礎上做了Submenu和Anchor的加持，布局狀态也可由終端使用者自由自切換。
4、基于CSS變量實作的自由定制主題機制
對于運作時切換主題，我們幾乎嘗試過所有的解決方案，最終發現css var 才可能是終極的解決方案，同學不妨可以和我們共同嘗試下
5、基于百度翻譯實作的一鍵國際化腳本，客制化語言顯示機制
在大多數的國際化方案中，國際化語言字典的id是以一長串點文法構成的，維護一套國際化語言字典，有時候id甚至比value還長，如
'app.welcome.link.fetch-blocks': 'Get all block' 維護這些個id不知道你有沒有覺得麻煩？
而在業務開發時候，你或許不知道你寫的語言文字将會在什麼時候出現，或許為了給你的一個語言文字命名一個id要思考半天。
Lite UI Framework 簡化思路，讓你不再為國際化而煩惱。
業務中預置：
tr('中文字元') 編譯國際化語言字典:
npm run locale ……
全局層面
1、編譯時和運作時前置自定義配置機制
2、簡化路由和菜單的邏輯，拆分成支援分子產品配置，更利于遠端配置菜單的邏輯
3、UI顯示的緊湊度提升
4、新增全部菜單平鋪顯示、路由曆史記錄
5、新增快捷鍵元件支援
6、全局水印功能
連結
本文相關連結：
其他相關連結：
GantD:
http://gant.design如果感覺Lite UI Framework對你有用，記得star哦，謝謝 😀