Laravel是一種流行的PHP Web應用程式框架,它擁有豐富的功能和工具,幫助開發人員更快、更輕鬆地建立Web應用程式。而Laravel Nova和AdminBro是兩個開源框架,它們能夠幫助我們快速產生漂亮的後台管理介面。本文將介紹如何使用它們來實現快速開發,讓你的應用程式迅速上線。
一、理解Laravel Nova和AdminBro
Laravel Nova是Taylor Otwell和他的團隊開發的一款漂亮且易於使用的後台管理面板,它提供了一些強大的功能,例如:資源管理、過濾和排序、自訂儀表板等。此外,使用多個元件,你可以輕鬆地自訂Nova的樣式和外觀。
AdminBro是一個適用於Node.js和Typescript的可擴展後台管理面板,它使用React作為使用者介面函式庫,具有響應式設計和易用性開發人員可以使用AdminBro來開發自己的管理面板,同時,可以根據需要自訂其外觀和行為。
二、安裝和設定Laravel Nova
在開始之前,您需要確保您已經在您的專案中安裝了最新版本的Laravel。在您的專案中,使用composer更新和安裝最新版本的Laravel Nova。
composer require laravel/nova
安裝過程可能需要一段時間,而且您需要登入Laravel Nova的官方網站來註冊您的Nova應用程式並註冊授權。
完成後,您需要將Nova加入路由檔案。這可以使用以下語句來實現:
Route::get('/nova', function () { return redirect('/nova/login');});
你也可以將此語句新增到您的路由檔案中,這樣管理面板將只對授權使用者可用。
Route::middleware(['auth'])->group(function () { Route::get('/nova', function () { return redirect('/nova/ login'); }); Nova::routes();});
在這裡,您可以使用Nova::routes()方法來指定哪些路由將被nova使用。設定完成後,您現在可以存取您新增的/Admin路由,並成功登入後進入Nova控制面板。
三、安裝與設定AdminBro
與Laravel Nova相比,AdminBro可以在Node.js環境中運作。它是一種插件化架構,支援各種拓展,例如各種輸入值的強類型輸入、自訂預覽、過濾、排序等功能。
安裝AdminBro是很容易的,首先你需要安裝兩個必要的依賴。
npm install admin-bro
npm install @admin-bro/express
接下來,您需要在Express應用程式上設定AdminBro,然後在路由器上啟用AdminBro,您可以在其中設定路由路徑和處理程序。
const AdminBro = require('admin-bro') const AdminBroExpress = require('@admin-bro/express') const express = require('express') const adminBro = new AdminBro() const router = AdminBroExpress.buildRouter(adminBro) const app = express() app.use(adminBro.options.rootPath, router) app.listen(8080, () => { console.log('Server running')})
在Express應用程式中啟用AdminBro後,您需要建立一個包含所有實體的AdminBro設定物件。
const Cars = require('./entities/cars') const Users = require('./entities/users') const adminBroOptions = { resources: [{ resource: Cars, options: { properties: { name: { isTitle: true }, gearbox: { components: { list: AdminBro.bundle('./path/to/custom/components/list') } }, }, }, }, Users] } const adminBro = new AdminBro(adminBroOptions)
在這裡,我們建立了一個附加了我們的實體的程式碼。您可以透過程式作為模板,新增自訂entities、屬性和元件。
四、使用Laravel Nova和AdminBro管理您的資料
現在,我們已經將Laravel Nova和AdminBro安裝在我們的應用程式中,並且已經配置了他們,我們可以使用它們來建立自訂管理面板。雖然這些框架在某些方面非常相似,但在其他方面則略有不同。
1.資源管理:Laravel Nova提供了一個簡單但強大的資源管理器,可以讓您輕鬆和簡單地管理資源,例如:文章、作者、評論、訂單,使用Laravel便利的ORM(對象關係映射)。 AdminBro也可以進行類似的操作,但是,需要使用新的實體類別和來自自己的資料來源,可能需要耗費更多的時間。
2.欄位和屬性:Laravel Nova和AdminBro的管理面板可讓您輕鬆地透過安裝外掛程式或自訂元件來新增輸入、顯示和格式化欄位。兩種框架都支援建立字段,但Nova有更多的字段元件。與此相反,AdminBro的自訂元件可讓您更直接地管理某些元件,例如:選擇器和單選按鈕。
3.視圖自訂:Laravel Nova使用Blade作為預設的模板引擎。因此你可以使用 L aravel 中的核心模板系統來定義視圖。同時Nova也可以使用Vue來開發自訂元件。由於AdminBro使用React作為其預設的使用者介面庫,所以您需要使用React來開發您的自訂視圖。
結論
Laravel Nova和AdminBro都是很好的框架,可以幫助開發者更快地在Web應用程式中建立漂亮和易用的管理面板。他們的工作原理略有不同,但是您可以根據您的需求來決定使用哪種框架。現在,你只需按照上述步驟即可在您的應用程式中配置和使用這兩個框架,確保您在學習和開發中最大的效率提升,讓您的應用程式更快地上線。
以上是Laravel開發:如何使用Laravel Nova和AdminBro產生後台管理介面?的詳細內容。更多資訊請關注PHP中文網其他相關文章!