Laravel ist ein beliebtes PHP-Webanwendungs-Framework mit umfangreichen Funktionen und Tools, die Entwicklern helfen, Webanwendungen schneller und einfacher zu erstellen. Laravel Nova und AdminBro sind zwei Open-Source-Frameworks, die uns dabei helfen können, schnell schöne Backend-Verwaltungsschnittstellen zu erstellen. In diesem Artikel erfahren Sie, wie Sie damit eine schnelle Entwicklung erreichen und Ihre Bewerbung schnell online stellen können.
1. Grundlegendes zu Laravel Nova und AdminBro
Laravel Nova ist ein schönes und benutzerfreundliches Backend-Verwaltungspanel, das von Taylor Otwell und seinem Team entwickelt wurde. Es bietet einige leistungsstarke Funktionen, wie zum Beispiel: Ressourcenverwaltung, Filterung und Sortierung, Benutzerdefiniert Dashboards und mehr. Darüber hinaus können Sie durch die Verwendung mehrerer Komponenten den Stil und das Erscheinungsbild von Nova ganz einfach anpassen.
AdminBro ist ein erweiterbares Backend-Admin-Panel für Node.js und Typescript, mit responsivem Design und einfacher Bedienung. Gleichzeitig können Entwickler mit AdminBro ihr eigenes Admin-Panel entwickeln Aussehen und Verhalten können je nach Bedarf angepasst werden.
2. Installieren und konfigurieren Sie Laravel Nova
Bevor Sie beginnen, müssen Sie sicherstellen, dass in Ihrem Projekt die neueste Version von Laravel installiert ist. Verwenden Sie in Ihrem Projekt Composer, um die neueste Version von Laravel Nova zu aktualisieren und zu installieren.
composer require 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
Route::get('/nova', function () { return restart('/nova/login');});
Das können Sie Fügen Sie diese Anweisung außerdem Ihrer Routing-Datei hinzu, damit das Admin-Panel nur autorisierten Benutzern zur Verfügung steht.
Route::middleware(['auth'])->group(function () { Route::get('/nova', function () { return restart('/nova/login'); }); Nova::routes();});
Hier können Sie die Nova::routes()-Methode verwenden, um anzugeben, welche Routen von Nova verwendet werden. Nachdem die Einrichtung abgeschlossen ist, können Sie nun auf Ihre neu hinzugefügte /Admin-Route zugreifen und sich erfolgreich beim Nova-Kontrollfeld anmelden. 3. AdminBro installieren und konfigurierenIm Vergleich zu Laravel Nova kann AdminBro in der Node.js-Umgebung ausgeführt werden. Es handelt sich um eine Plug-in-Architektur, die verschiedene Erweiterungen unterstützt, wie z. B. die stark typisierte Eingabe verschiedener Eingabewerte, eine benutzerdefinierte Vorschau, Filterung, Sortierung und andere Funktionen. Die Installation von AdminBro ist sehr einfach. Zuerst müssen Sie zwei notwendige Abhängigkeiten installieren.
npm install admin-bro
npm install @admin-bro/express
🎜🎜Als nächstes müssen Sie AdminBro in der Express-Anwendung und dann auf dem Router einrichten Aktivieren Sie AdminBro, wo Sie Routing-Pfade und Handler festlegen können. 🎜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')})
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)
Das obige ist der detaillierte Inhalt vonLaravel-Entwicklung: Wie verwende ich Laravel Nova und AdminBro, um eine Backend-Verwaltungsschnittstelle zu generieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!