Heim > PHP-Framework > Laravel > Hauptteil

Laravel-Entwicklung: Wie verwende ich Laravel Nova und AdminBro, um eine Backend-Verwaltungsschnittstelle zu generieren?

WBOY
Freigeben: 2023-06-15 18:01:29
Original
1353 Leute haben es durchsucht

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/novacomposer 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

Der Installationsvorgang kann eine Weile dauern. Sie müssen sich auf der offiziellen Website von Laravel Nova anmelden, um Ihre Nova-Anwendung zu registrieren und sich für die Autorisierung zu registrieren.

Sobald Sie fertig sind, müssen Sie Nova zu Ihrer Routing-Datei hinzufügen. Dies kann mit der folgenden Anweisung erreicht werden:

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 konfigurieren

Im 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')})
Nach dem Login kopieren
🎜Nachdem Sie AdminBro in Ihrer Express-Anwendung aktiviert haben, müssen Sie ein AdminBro-Konfigurationsobjekt erstellen, das alle Entitäten enthält. 🎜
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)
Nach dem Login kopieren
🎜Hier haben wir einen Code erstellt, an den unsere Entität angehängt ist. Sie können das Programm als Vorlage verwenden, um benutzerdefinierte Entitäten, Eigenschaften und Komponenten hinzuzufügen. 🎜🎜4. Verwalten Sie Ihre Daten mit Laravel Nova und AdminBro🎜🎜Da wir nun Laravel Nova und AdminBro in unserer Anwendung installiert und konfiguriert haben, können wir damit ein benutzerdefiniertes Admin-Panel erstellen. Während diese Frameworks in mancher Hinsicht sehr ähnlich sind, unterscheiden sie sich in anderer Hinsicht geringfügig. 🎜🎜1. Ressourcenverwaltung: Laravel Nova bietet einen einfachen, aber leistungsstarken Ressourcenmanager, mit dem Sie Ressourcen wie Artikel, Autoren, Kommentare, Bestellungen mithilfe von Laravels praktischem ORM (Object Relational Mapping) einfach und unkompliziert verwalten können. AdminBro kann auch ähnliche Vorgänge ausführen, erfordert jedoch die Verwendung neuer Entitätsklassen und eigener Datenquellen, was möglicherweise mehr Zeit in Anspruch nimmt. 🎜🎜2. Felder und Eigenschaften: Mit dem Admin-Panel von Laravel Nova und AdminBro können Sie ganz einfach Eingabe-, Anzeige- und Formatfelder hinzufügen, indem Sie Plugins oder benutzerdefinierte Komponenten installieren. Beide Frameworks unterstützen das Erstellen von Feldern, Nova verfügt jedoch über mehr Feldkomponenten. Im Gegensatz dazu können Sie mit den benutzerdefinierten Komponenten von AdminBro bestimmte Komponenten direkter verwalten, z. B. Selektoren und Optionsfelder. 🎜🎜3. Ansichtsanpassung: Laravel Nova verwendet Blade als Standard-Vorlagen-Engine. Sie können also das Kern-Templating-System in Laravel verwenden, um Ansichten zu definieren. Gleichzeitig kann Nova Vue auch zur Entwicklung benutzerdefinierter Komponenten nutzen. Da AdminBro React als Standard-Benutzeroberflächenbibliothek verwendet, müssen Sie React verwenden, um Ihre benutzerdefinierten Ansichten zu entwickeln. 🎜🎜Fazit🎜🎜Laravel Nova und AdminBro sind beide großartige Frameworks, die Entwicklern helfen können, schneller schöne und benutzerfreundliche Admin-Panels in Webanwendungen zu erstellen. Sie funktionieren etwas anders, aber Sie können je nach Bedarf entscheiden, welches Framework Sie verwenden möchten. Jetzt müssen Sie nur noch die oben genannten Schritte ausführen, um diese beiden Frameworks in Ihrer Anwendung zu konfigurieren und zu verwenden. So können Sie eine maximale Effizienzsteigerung bei Ihrem Lernen und Ihrer Entwicklung gewährleisten und Ihre Anwendung schneller online stellen. 🎜

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage