Laravelを使用してバックエンドシステムを構築する方法
Laravel は、Web アプリケーションや API の開発に広く使用されている人気のある PHP Web フレームワークです。開発者が複雑な Web アプリケーションを迅速に構築できるようにする、使いやすく洗練された柔軟な構文を提供することが知られています。この記事では、Laravel フレームワークを使用して、シンプルかつ強力なバックエンド システムを簡単に構築する方法について説明します。
ステップ 1: Laravel をインストールする
Laravel フレームワークで関連機能を開発するには、まず Laravel をインストールする必要があります。 Composer を使用して新しい Laravel アプリケーションを作成できます。方法は次のとおりです:
ステップ 1: まず、最新バージョンの Composer をインストールします。公式 Web サイトには複数のプラットフォーム用のダウンロード方法が用意されています。
ステップ2: 次のコマンドを実行します:
composer create-project --prefer-dist laravel/laravel laravel-admin
これにより、新しい Laravel アプリケーションが作成され、laravel というディレクトリにインストールされます。管理フォルダー。コマンドの実行が完了するのを待って、このフォルダーに入って次のステップに進むことができます。
ステップ 2: Laravel-admin をインストールする
バックグラウンド管理をより便利にするために、Laravel-admin を使用できます。これは、Laravel のバックエンド管理パネルであり、CRUD (作成、読み取り、更新、削除) や、ファイルのアップロード、日付と時刻のピッカー、リッチ テキスト エディターなどのいくつかの一般的な操作を簡単に生成できます。
Composer を使用して、次のように Laravel-admin をインストールできます:
ステップ 1: ターミナルを開いて Laravel プロジェクト フォルダーに切り替え、コマンド ラインに次のように入力します:
composer require encore/laravel-admin
ステップ 2: インストール後、構成ファイルに Laravel-admin のサービスプロバイダーを追加する必要があります。 app.php ファイルを編集し、次のコードをプロバイダー配列に追加します。
Encore\Admin\AdminServiceProvider::class,
ステップ 3: 次に、必要なデータベースを準備する必要があります。バックエンド。次のコマンドを実行します:
php Artisan admin:install
これにより、デフォルトのユーザーとロールが作成され、これを使用してバックエンド システムにログインし、アプリケーションを管理できます。
ステップ 3: ルーティングとコントローラーを設定する
バックエンド インターフェイスとコントローラーを接続するためのルートをいくつか定義する必要があります。 Routes/admin.php ファイルを編集し、次のルートを追加します:
use Encore\Admin\Facades\Admin;
Route::get( '/ ', function () {
return Admin::content('Dashboard');
});
これは、ホームページのコンテンツを指定する基本的なルートを定義します。次に、ビューを表示するコントローラーを作成する必要があります。
ステップ 1: ターミナルに次のコマンドを入力してコントローラーを作成できます:
php 職人 make:controller Admin/DashboardController
ステップ 2: 次に、DashboardController を開きます。 php ファイルを開き、次の内容を追加します:
namespace App\Http\Controllers\Admin;
use Encore\Admin\Controllers\AdminController;
class DashboardController は AdminController を拡張します
{
public function index()
{
return $this->content('Dashboard');
}</p>
<p>}</p>
<p>ステップ 3: 最後に、routes/admin.php ファイルで新しいコントローラー ルートを定義する必要もあります :</p>
<p>Route::get('/', 'Admin\DashboardController@index');</p>
<p>これで、ブラウザでアプリケーションにアクセスすると、バックグラウンド インストルメンテーションのディスクの内容が表示されます。 </p>
<p>ステップ 4: バックエンド インターフェイスを構築する<br>ルートとコントローラーを定義したので、次のステップはバックエンド インターフェイスを構築することです。 Laravel-admin が提供するテンプレートとコンポーネントを使用して、バックエンド システムを迅速に構築できます。 </p>
<p>ステップ 1: app/Admin/bootstrap.php ファイルを開き、次のコードを追加します: </p>
<p>Admin::js(asset('vendor/laravel-admin/AdminLTE/bootstrap/js/ bootstrap.min.js'));<br>Admin::js(asset('vendor/laravel-admin/AdminLTE/dist/js/app.min.js'));<br>Admin::js(asset ('vendor/laravel-admin/AdminLTE/plugins/datatables/jquery.dataTables.min.js'));<br>Admin::js(asset('vendor/laravel-admin/AdminLTE/plugins/datatables/dataTables. bootstrap.min.js'));<br>Admin::js(asset('vendor/laravel-admin/AdminLTE/plugins/slimScroll/jquery.slimscroll.min.js'));<br>Admin::js (asset ('vendor/laravel-admin/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js'));<br>Admin::js(asset('vendor/laravel-admin/AdminLTE/ plugins/ select2/select2.full.min.js'));<br>Admin::js(asset('vendor/laravel-admin/AdminLTE/plugins/ckeditor/ckeditor.js'));</p>
<p>Admin ::css(asset('vendor/laravel-admin/AdminLTE/bootstrap/css/bootstrap.min.css'));<br>Admin::css(asset('vendor/laravel-admin/AdminLTE/dist /css /AdminLTE.min.css'));<br>Admin::css(asset('vendor/laravel-admin/AdminLTE/dist/css/skins/skin-blue.min.css'));<br>Admin ::css(asset('vendor/laravel-admin/AdminLTE/plugins/datatables/dataTables.bootstrap.min.css'));<br>Admin::css(asset('vendor/laravel-admin/eonasdan) -bootstrap -datetimepicker/build/css/bootstrap-datetimepicker.min.css'));<br>Admin::css(asset('vendor/laravel-admin/AdminLTE/plugins/select2/select2.min.css') ); </p>
<p>这将添加一些必要的CSS和JS文件，以便后台模板能够正确地运行。现在我们可以创建我们的后台模板。</p>
<p>Step2: 找到resources/views/vendor/admin/layout.blade.php文件并添加以下代码：</p>
<p><!DOCTYPE html><br><html><br><head></p>
<pre class="brush:php;toolbar:false"><meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>@yield('title') - {{ admin_title() }}</title>
{!! admin_css() !!}
{!! admin_js() !!}<div class="wrapper">
{!! $content !!}
</div>