前任何企業在開發的過程中,都擺脫不了管理背景的開發需要。
如果一切從0開始,費時費力,而且還存在很大失敗的風險。對于國内很多網際網路公司來說,不斷追求靈活,快速,一套免費可用UI架構成了必備工具。
小編收集了目前國内主流使用的10個背景UI架構,給各位同學參考一下,盡量不重複造輪子,排名不分先後,按需采用。

vue-Element-Admin
Github Star 53.5k, Github 名稱:vue-element-admin
vue-element-admin 是一個背景前端解決方案,它基于 vue 和 element-ui實作。它使用了最新的前端技術棧,内置了 i18n 國際化解決方案,動态路由,權限驗證,提煉了典型的業務模型,提供了豐富的功能元件,它可以幫助你快速
搭建企業級中背景産品原型。相信不管你的需求是什麼,本項目都能幫助到你。
AdminLTE
Github Star 34.3k , Github 名稱:AdminLTE
AdminLTE is a fully responsive administration template. Based on Bootstrap 4.4framework and also the JS/jQuery plugin. Highly customizable and easy to use. Fits many screen resolutions from small mobile devices to large desktops.
翻譯:AdminLTE是完全響應的管理模闆。 基于Bootstrap 4.4架構以及JS / jQuery插件。 高度可定制且易于使用。 适合從小型移動裝置到大型桌上型電腦的多種螢幕分辨率。
ant-design-pro
Github Star 24.8k,Github 名稱:ant-design-pro
Ant Design Pro 是一個企業級中背景前端/
設計解決方案,我們秉承 Ant Design 的設計價值觀,緻力于在設計規範和基礎元件的基礎上,繼續向上建構,提煉出典型模闆/業務元件/配套設計資源,進一步提升企業集中背景産品設計研發過程中的『使用者』和『設計者』的體驗。随着『設計者』的不斷回報,我們将持續疊代,逐漸沉澱和總結出更多設計模式和相應的代碼實作,闡述中背景産品模闆/元件/業務場景的最佳實踐,也十分期待你的參與和共建。
這是螞蟻金服開源出來的UI架構,目前有react版本,vue版本等,小編很喜歡這個,平時的私人工作或者學習也是用這個。
tabler
Github Star 21.1k, Github 名稱:tabler
官方:A premium and open source dashboard template with a responsive and high-quality UI.
翻譯:具有響應式和高品質UI的進階開源開源儀表闆模闆。
這是基于Bootstrap4進行開發響應式的UI,隻要求會HTML跟CSS的知識,即可進行開發,也是非常簡單,目前還有react版本。
ng2-admin
Github Star 20.4k, Github 名稱:ngx-admin
官方:Admin template based on Angular 9+ and Nebular
翻譯:基于Angular 9+和Nebular的管理模闆
這個也有人在用,不過隻是比較少數,也挺好的
Gentelella
Github Star 19k, Github 名稱:gentelella
官方:Gentelella Admin is a free to use Bootstrap admin template. This template uses the default Bootstrap 4 styles along with a variety of powerful jQuery plugins and tools to create a powerful framework for creating admin panels or back-end dashboards.
Theme uses several libraries for charts, calendar, form validation, wizard style interface, off-canvas navigation menu, text forms, date range, upload area, form autocomplete, range slider, progress bars, notifications and much more.
翻譯:Gentelella Admin是可免費使用的Bootstrap管理模闆。該模闆使用預設的Bootstrap 4樣式以及各種功能強大的jQuery插件和工具來建立用于
建立管理面闆或後端儀表闆的功能強大的架構。
Theme使用多個庫來存儲圖表,月曆,表單驗證,向導樣式界面,畫布導航菜單,文本表單,日期範圍,上載區域,表單自動完成功能,範圍滑塊,進度條,通知等。
iview-admin
Github Star 14.5k,Github 名稱: iview-admin
官方:iView Admin is a front-end management background integration solution. It based on Vue.js and use the UI Toolkit iView.
翻譯:iView Admin是前端管理背景內建解決方案。它基于Vue.js并使用UI Toolkit iView。
blur-admin
Github Star 10.8k,Github 名稱:blur-admin
這個跟前面的差不過,不過是基于Angular2的版本,對于Angular的不同版本,各位同學在學習的時候要多花點心思,版本之間的相容需要多費點勁。
vue-admin
Github Star 9.5k,Github 名稱:vue-admin,master分支
很漂亮的界面,小編個人非常喜歡這種界面,看起來比較柔和一點,由Vue 2.0和Bulma 0.3提供支援,靈敏靈活的盒子布局,各種圖表,豐富的元件或參見vue-bulma,基于很棒的第三方庫
material-dashboard
Github Star 9k,Github 名稱:material-dashboard
官方:Material Dashboard is a free Material Bootstrap Admin with a fresh, new design inspired by Google's Material Design. We are very excited to introduce our take on the material concepts through an easy to use and beautiful set of components. Material Dashboard was built over the popular Bootstrap framework and it comes with a couple of third-party plugins redesigned to fit in with the rest of the elements.
翻譯:Material Dashboard是一個免費的Material Bootstrap管理者,其靈感來自Google的Material Design,采用新穎的設計。我們很高興通過易于使用和精美的元件介紹我們對材料概念的了解。Material Dashboard是基于流行的Bootstrap架構建構的,它帶有幾個經過重新設計以适合其餘元素的第三方插件。
目前,這是收集國内經常使用的10個UI架構,希望能幫到各位同學,在做選擇的時候,盡可能不重複造輪子,在存在的基礎上進行UI優化。目前小編自己用的是antd的vue版本,主要是個人喜歡那種色調,不帶任何技術想法。
原文位址