推薦超好用的 6 款 Laravel Admin 管理模版

碼匠Majiang發表於2022-11-24
Laravel

如果您正在為您的企業調研開發 Admin 管理後臺的最佳方案，那麼基於 PHP 的 Laravel 框架會是一個不錯的選擇，它靈活且易用，還提供了一系列開發規範和元件加速我們的開發。而在這篇文章中，碼匠將為您介紹幾款專門基於 Laravel 打造的美觀且常用的 Admin 管理後臺模板，這些模板提供了很多開箱即用的功能，不僅確保您可以輕鬆啟動並執行一個 Admin 後臺，還為您節省了大量開發時間。

1.png

Laravel Admin 管理後臺模板的不同型別

在搜尋引擎中粗略搜尋，你會得到大概 20多種 Laravel Admin 模板的選項，儘管它們表面上看起來很相似，但實際上在用途和架構存在著很大差異。在碼匠為大家介紹一些受歡迎選項的具體功能前，讓我們先了解 Laravel Admin 模板五個不同的種類，以便結合自身需求更好地做出判斷：

腳手架

腳手架主要是透過程式，自動化地建立啟動和執行所需的檔案和配置來生成 Laravel 樣板。例如，假設您想為您的活動業務建立一個管理後臺，主要涉及的領域實體為事件、發言人和與會者，腳手架軟體包不僅可以自動為每個實體生成模型、控制器、路由、檢視等，還包括了 CRUD 操作，這將為您節省乏味又重複地手動建立這些樣板的時間。但是，腳手架只能在開始一個專案時才有用，如果您在初始設計中犯了錯誤，後續則很難進行更改和調整。腳手架軟體包的一個例子可以參考 InfyOm Laravel Generator。

1-2.png

Laravel 開發準備之安裝腳手架

CRUD

Laravel 框架遵循 MVC（模型-檢視-控制器）模式，提供 CRUD 介面是 Laravel Admin 模板的一種流行架構方法。這些是檢視和控制器的集合，可以自動新增 CRUD 邏輯和 UI 到現有的模型中。這種結構提供了一種快速獲得模組化管理後臺的方法，它可以輕鬆地新增到一個新的應用程式中，或改裝到一個現有的應用程式中。一些流行的支援該功能的 Laravel 管理模板包括 Nova、Backpack 和 Orchid 等。
但缺點是，如果您業務上有著複雜的模型關係，可能很難讓它按照您的要求來工作。
1-3.jpeg

視覺化程式設計

一個視覺化的程式設計平臺能夠允許您單純從一個圖形使用者介面 (GUI) 來管理您的站點，這有點像 CMS，但可以新增更詳細的站點配置。
當您的團隊有非開發人員時，一個視覺化的程式設計平臺會是一個不錯的選擇，但這些軟體包通常侷限在通用功能上。這種型別的後臺模板的例子是 Voyager 和 Backpack DevTools。

主題和元件庫

一些管理後臺模板只關注使用者介面，即元件庫、主題等等，例如 Creative Tim 的 Argon 管理模板 不提供任何 CRUD 介面或生成器，但提供很多對管理應用程式有幫助的詳細的前端元件——如表格、圖表、選單等。
如果您的應用程式已經有了一套完善的後端邏輯，或者後端邏輯希望自己編寫，那麼這種型別的工具就會很有用。

付費/開源

管理後臺模板的另一個不同之處在於它們是付費的還是免費（開源）的，免費的固然是大家所傾向的，但付費軟體往往提供更強大的業務模型與客服支援。
如果您的目標是開發一個既能省錢又能省時的工具，那麼花少量的錢買一個付費專案可能更適合。如果不希望花錢，那麼找一個開源並且有著更活躍的社群的模板是一個更好的選擇。

碼匠

在您深入瞭解多種 Laravel Admin 模板之前，不妨先了解下碼匠，碼匠是一款開發者友好的低程式碼平臺，您無需瞭解 React 開發、部署等各種細節，就可以快速打通前後端連線 REST API、MySQL、MongoDB 等多種資料來源，然後透過一套開箱即用的元件，就可以輕鬆搭建功能完善的資料看板、資料洞察、Admin 管理後臺等多種應用。
1-4.png

使用碼匠快速搭建 CRM 系統（具體可參考：https://majiang.co/templates/...）

碼匠主要面向國內使用者，相較於國外開發的 Admin 後臺工具，碼匠的 UI 介面設計更加適合國內業務場景。同時碼匠整合了多款國內常見資料來源，包括飛書、企業微信、釘釘、阿里雲 OSS等。不僅如此，碼匠還一站式提供了企業內部系統常用的租戶管理、細粒度的許可權控制、審計日誌等功能，讓您快速搭建後臺應用的同時，也為您的企業資訊保安保駕護航。

Laravel Admin 管理後臺模板推薦

瞭解了區分 Laravel 管理後臺模板的一些主要因素後，碼匠將具體介紹和比較 Laravel 中一些流行的軟體包：Nova、Orchid、Backpack、Argon 和 InfyOm Laravel Generator，以便您更好地瞭解 Laravel Admin 模板並選擇出一款適合您的專案。

Laravel Nova

Laravel 官方提供的 Admin 管理模板是 Nova，它主要是由 Laravel 的作者 Taylor Otwell 建立的。它的首次釋出是在 2018 年，相對來說較晚。Nova 的架構是一個CRUD 介面，只需很少的配置就能允許使用者完全從 UI 介面管理他們的資料庫記錄。
Nova 提供可配置的 UI 功能，例如搜尋、過濾和自定義操作。這些功能開箱即用，也可以在前端和後端進行自定義（Nova 使用 Vue.js 作為前端元件）。

2.png

主要特徵

在 Nova 中向模型新增 CRUD 操作的機制被稱為資源，這些是您可以在命令列上建立的類似控制器的類，例如要建立一個Post資源：php artisan nova:resource Post，一個新類會顯示在您專案的 app/Nova 目錄中，不僅如此，它還會自動顯示在 Nova 模板中供您使用。通常大多數 Laravel 模型在 Nova 中工作無需任何額外的配置，但您可以定義具體的細節，如欄位如何被編輯等。
此外，Nova 另一個值得關注的特點是允許您在一個或多個模型上執行自定義任務。例如您可以編寫一個將使用者的會員訂閱延長一個月的操作，先在資原始檔中編寫這方面邏輯，再在使用者介面中檢查，然後從動作下拉選單中選擇操作。

優點
  • 由 Laravel 官方團隊建立，與 Laravel 功能和設計理念保持一致
  • 可與現有 Laravel 專案快速整合
  • UI 介面整潔美觀
缺點
  • 定製化能力相對較低
  • 無免費試用，需要付費（小型專案 99 美元，大型專案 199 美元）

Orchid

Orchid 主要由俄羅斯開發者 Alexandr Chernyaev 開發，是 Laravel 框架的開源 CRUD 介面包，允許您使用表單生成器、表格過濾和排序以及文字搜尋等便利的功能來快速開發管理模板。
Orchid 最吸引人的是它的開源社群，在沒有任何付費專案的情況下能夠維護好其完善的功能。

3.png

主要特徵

與 Nova 的開箱即用不同，Orchid 需要您透過名為 screen 的類來建立管理模板的邏輯和外觀。每個模板都為特定模型定義 CRUD 介面，可以從任何來源獲取資料，包括 Eloquent 模型以及外部 API。此外，您還可以透過佈局和元件來自定義螢幕的查詢和許可權以及檢視層。
雖然這比使用 Nova 需要更多的手動操作，但它非常靈活，易於迭代和定製。

優點
  • 免費和開源
  • 經常迭代更新
  • 輕鬆定製
  • 強大的社群以及作者在 GitHub 上的支援（可以看下他的提交記錄）
缺點
  • 不是開箱即用——需要編寫程式碼
  • 文件部分有待改進

Backpack

Backpack 是羅馬尼亞開發者 Cristian Tăbăcitu 於 2016 年建立的一個 Laravel Admin 專案。它是一個強大的全能工具，因為它不僅有一個 CRUD 介面包，還有一個可選的視覺化程式設計介面，以及它自己的 UI 框架。鑑於這種多功能性，Backpack 不是免費的，但可以為非商業用途提供免費許可。

4.png

主要特徵

與 Nova 和 Orchid 類似，Backpack 的核心是為應用程式的模型（簡稱CRUDS）提供一個 CRUD 介面，這些是管理模板的部分，操作由新增到標準 Laravel 類的方法和特點來定義。您可以從命令列生成 CRUDS，或者可以使用 Backpack DevTools 工具，它提供了一個 Web 介面，可以從使用者介面快速生成 CRUDS。
Backpack 擁有自己的 UI 軟體包，叫為Backstrap。這是基於 CoreUI 和 Bootstrap 4 的，能夠確保您的管理站點在沒有任何配置的情況下看起來整潔專業。

優點
  • 優秀的文件，包含影片教程
  • 強大的前端主題
  • 非商業專案的免費選項
缺點
  • 如果您想要所有工具和選項，則相對昂貴

Voyager

與我們目前看到的其他管理模板包不同，Voyager 是 Laravel Admin 應用的視覺化開發平臺，允許您從 UI 生成而不用敲程式碼。這對於某些型別的專案來說可能是完美的，但您會被限制在一個擴充性有限的 GUI 中，其靈活性遠遠低於程式碼。

5.png

主要特徵

Voyager 提供了一個資源管理器，無論檔案是在本地儲存中還是在 S3 等遠端儲存中，您都可以從 UI 中檢視、編輯和刪除這些檔案。它不僅有一個選單生成器，允許您管理網站的選單，還有一個資料庫管理器，允許您新增、編輯和刪除表格。Voyager 是圍繞 BREAD 功能構建的，您可以指示任何表的瀏覽、讀取、編輯、新增和刪除功能。

優點
  • 適合程式設計經驗有限的開發者
  • 提供免費影片培訓課程，讓您快速學習
  • 可以輕鬆擴充套件和覆蓋預設的控制器
缺點
  • Laravel 的細粒度配置在視覺構建器中是很難實現的
  • 與 Laravel 作為框架而不是 CMS 的理念背道而馳

InfyOm Laravel Generator

每當設定 Laravel 專案時，都需要定義每個實體的模型、控制器、路由和檢視，這也許很乏味並且需要大量時間。
InfyOm Laravel Generator 是由印度開發公司 InfyOm 建立的工具，它是為建立Laravel管理網站而製作的，可以在幾分鐘內將您所有的模板程式碼構建起來。

6.png

主要特徵

開始一個專案時，您需要使用 CLI 或 JSON 檔案定義事件及其欄位，完成後您可以開始編寫腳手架指令碼，比如：php artisan infyom:scaffold $MODEL_NAME --fieldsFile=mySchema.json，之後生成器將嘗試建立所有的檔案和內容，以實現完整的CRUD功能，包括模型、控制器、元件模版、路由、測試案例、資料表等，完成這些後，就會有一個按照您的要求配置出的 Laravel 管理網站。

優點
  • 以最佳實踐為支架，如 Repository 模式、Swagger 註釋和測試案例
  • 免費
缺點
  • 與其他模板相比，UI 模板缺乏亮點
  • 需預先了解設計與架構，不適合快速原型設計

Argon

Argon Laravel Dashboard 是一個基於 Bootstrap 4 的管理模板，為 Laravel 打造。其專業版（149 美元授權）含有 100+ 靈活的元件，如圖表、表格等。Argon 包含一個 Laravel 後端，但非常初級，它不包括我們在其他專案中看到的用於 CRUD 介面、腳手架或視覺化程式設計的任何特殊包。出於這個原因，我認為這個產品最適合那些想自己編寫後端邏輯，且主要想在檢視層得到幫助的專案。

7.png

主要特徵

Argon 設計系統基於Bootstrap 4 ，並允許使用 Sass 前處理器輕鬆自定義 CSS 。它提供了 100 多個 UI 元件，
從按鈕和表單輸入到圖表和圖片輪播。
購買 Argon 時，您可以決定要為哪個前端庫編寫互動方面的內容，包括 jQuery、React、Vue 和 Svelte。Argon 還為 Laravel 後端提供了一些基本的 CRUD 實體，包括使用者、角色、類別和專案。

優點
  • 設計美觀
  • 100+ UI 元件
  • 有免費版和專業版(售價 149 美元)
  • 支援多個前端庫
缺點
  • 模板功能相較其它幾款，比較基礎

寫在最後

在使用 Laravel 構建管理模板時有多種選擇，每個工具都有自己的優點和缺點，您選擇的工具將取決於您專案的具體要求以及您團隊的優勢。

【本文為原創內容，版權歸「碼匠Majiang」所有。歡迎文末分享、點贊、在看三連】轉載請聯絡後臺～

相關文章