ホームページ > 記事 > PHPフレームワーク > Laravel 開発: Laravel Nova と AdminBro を使用してバックエンド管理インターフェイスを生成する方法?
Laravel は、開発者が Web アプリケーションをより迅速かつ簡単に構築できるようにする豊富な機能とツールを備えた人気の PHP Web アプリケーション フレームワークです。 Laravel Nova と AdminBro は、美しいバックエンド管理インターフェイスを迅速に生成するのに役立つ 2 つのオープンソース フレームワークです。この記事では、これらを使用して迅速な開発を実現し、アプリケーションを迅速にオンラインにする方法を紹介します。
1. Laravel Nova と AdminBro について理解する
Laravel Nova は、Taylor Otwell と彼のチームによって開発された、美しく使いやすいバックエンド管理パネルであり、次のようないくつかの強力な機能を提供します。リソース管理、フィルタリングと並べ替え、カスタム ダッシュボードなど。さらに、複数のコンポーネントを使用して、Nova のスタイルと外観を簡単にカスタマイズできます。
AdminBro は、Node.js および Typescript 用の拡張可能なバックエンド管理パネルです。ユーザー インターフェイス ライブラリとして React を使用し、応答性の高いデザインと使いやすさを備えています。開発者は、AdminBro を使用して独自の管理パネルを開発できます。 、外観と動作を必要に応じてカスタマイズできます。
2. Laravel Nova のインストールと設定
始める前に、最新バージョンの Laravel がプロジェクトにインストールされていることを確認する必要があります。プロジェクトで、composer を使用して、Laravel Nova の最新バージョンを更新してインストールします。
composer require laravel/nova
インストールプロセスには時間がかかる場合があり、Laravel Nova の公式 Web サイトにログインして 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();});
npm install admin-bro
npm install @admin-bro/express
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)ここでは、エンティティをアタッチするコードを作成します。このプログラムをテンプレートとして使用して、カスタム エンティティ、プロパティ、コンポーネントを追加できます。 4. Laravel Nova と AdminBro を使用してデータを管理するLaravel Nova と AdminBro をアプリケーションにインストールして構成したので、それらを使用してカスタム管理パネルを作成できます。これらのフレームワークはある点では非常に似ていますが、他の点ではわずかに異なります。 1. リソース管理: Laravel Nova は、Laravel の便利な ORM (オブジェクト リレーショナル マッピング) を使用して、記事、著者、コメント、注文などのリソースを簡単かつシンプルに管理できる、シンプルかつ強力なリソース マネージャーを提供します。 AdminBro も同様の操作を実行できますが、独自の新しいエンティティ クラスとデータ ソースを使用する必要があるため、より時間がかかる可能性があります。 2. フィールドとプロパティ: Laravel Nova と AdminBro の管理パネルでは、プラグインやカスタム コンポーネントをインストールすることで、入力、表示、およびフィールドのフォーマットを簡単に追加できます。どちらのフレームワークもフィールドの作成をサポートしていますが、Nova にはより多くのフィールド コンポーネントがあります。対照的に、AdminBro のカスタム コンポーネントを使用すると、セレクターやラジオ ボタンなどの特定のコンポーネントをより直接的に管理できます。 3. ビューのカスタマイズ: Laravel Nova はデフォルトのテンプレート エンジンとして Blade を使用します。したがって、Laravel のコアテンプレートシステムを使用してビューを定義できます。同時に、Nova は Vue を使用してカスタム コンポーネントを開発することもできます。 AdminBro はデフォルトのユーザー インターフェイス ライブラリとして React を使用するため、カスタム ビューを開発するには React を使用する必要があります。 結論Laravel Nova と AdminBro はどちらも、開発者が Web アプリケーションで美しく使いやすい管理パネルをより速く作成できるようにする優れたフレームワークです。動作は若干異なりますが、ニーズに基づいてどのフレームワークを使用するかを決定できます。今後は、上記の手順に従うだけで、アプリケーションでこれら 2 つのフレームワークを構成して使用できるようになり、学習と開発の効率が最大限に向上し、アプリケーションをより速くオンラインにできるようになります。
以上がLaravel 開発: Laravel Nova と AdminBro を使用してバックエンド管理インターフェイスを生成する方法?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。