Github 上有什麼好看的前端後臺專案模板?
Material Design Lite
Vuejs 系列
基於 Vuetify。js 開發的 Admin
tookit/vue-material-admin
adminify
基於 element-ui 開發的 Admin
vue-element-admin
基於 iview 開發的 Admin
iview-admin
AngularJS + Bootstrap 系列
blur-admin
Reactjs 系列
react-admin
jQuery + Boostrap 系列
最被廣泛使用的免費 Admin 模板
AdminLTE
gentelella
只專注好看?那就和實現沒關係了,NG,React,Vue都可以。
而好看是個審美問題,國內外對Web UI的審美和操作習慣有比較大的差異。
過去幾年,用過Bootstrap的多個Theme,基本上都是在
http://
wrapbootstrap。com
上找的。
Bootstrap Templates & Themes
也用過Material Design的,但是國內使用者不習慣。因為Material的介面資訊密度小,特別是不適用於中後臺介面。
如果要在Github上找前端後臺模板,只要搜尋“admin”關鍵詞並按“Most stars”排序就好了。
Build software better, together
例如上面搜到的vue-element-admin:
ngx-admin:
最後,到目前為止,認為最適合國情的,美觀大方的,成熟的中後臺介面,還是Ant Design。
從 2015 年 4 月起,Ant Design 在螞蟻金服中後臺產品線迅速推廣,對接多條業務線,覆蓋系統 800 個以上。
定位於中臺業務
的 Ant Design 兼顧專業和非專業的設計人員,具有學習成本低、上手速度快、實現效果好等特點,並且提供從介面設計到前端開發的全鏈路生態,可以大大提升設計和開發的效率。
Ant Design Pro 是一個企業級
中後臺前端/設計解決方案
,我們秉承Ant Design的設計價值觀,致力於在設計規範和基礎元件的基礎上,繼續向上構建,提煉出典型模板/業務元件/配套設計資源,進一步提升企業級中後臺產品設計研發過程中的『使用者』和『設計者』的體驗。
https://
preview。pro。ant。design/
dashboard/analysis
前一段時間做後臺的時候,抽象出了一個 admin 模板:calibur-tv/NVA
專案叫
NVA
(nuxt。js + vue。js + admin)
NVA 由 nuxt。js 和 vue。js 為依賴,vue-element-admin 為基礎的後臺SPA
vue-element-admin 是一個比較優秀的專案,UI 和元件化比較完善,但是上手並不舒服
nuxt。js 是一個 Vue。js 的 SSR 專案,非常容易上手
然後我使用了 nuxt。js 的 SPA 模式作為腳手架,用 vue-element-admin 作為 UI 層,搭建了 NVA
基本上 clone 下來 run 一下就 OK 了,不怕麻煩的大家可以試試看~
其他人發的那些專案基本我都看過了,大部分比較 UI 花哨,但不好維護,或者就是元件化做的很差(小聲bb
vue3-vite-template是基於vue3+ElementPlus+Typescript+Vite搭建一套通用的後臺管理模板;並基於常見業務場景,抽象出常見功能元件;包括動態選單,選單許可權、登入、個人中心、表單頁、列表頁、複製文字、二維碼分享等等