怎么使用laravel搭建一個后臺系統

2915

laravel是一個流行的php web框架，廣泛用于web應用程序和api的開發。眾所周知，它提供了一個易于使用，優雅和靈活的語法，使開發人員可以快速構建復雜的web應用程序。在這篇文章中，我們將討論如何使用laravel框架輕松地搭建一個簡單但功能強大的后臺系統。

第一步：安裝Laravel
為了讓Laravel框架實現相關功能的開發，我們需要先安裝Laravel。我們可以使用composer創建一個新的Laravel應用，方法如下：

Step1: 先安裝最新版本的Composer，官方網站提供了多種平臺的下載方法。
Step2: 運行以下命令：
composer create-project –prefer-dist laravel/laravel laravel-admin

這將創建一個新的Laravel應用程序，并將其安裝在名為laravel-admin的文件夾中。等待命令執行完成，我們可以進入這個文件夾來繼續下一步操作。

第二步：安裝Laravel-admin
為了使后臺更方便地管理，我們可以使用Laravel-admin。這是一個針對Laravel的后臺管理面板，它可以輕松地生成CRUD（創建、讀取、更新、刪除）和一些常見的操作，例如文件上傳、日期時間選擇器和富文本編輯器等。

我們可以使用Composer安裝Laravel-admin，方法如下：

Step1: 打開終端并切換到我們的Laravel項目文件夾下，然后在命令行中輸入：

composer require encore/laravel-admin

Step2: 安裝后，我們需要為Laravel-admin在我們的配置文件中添加服務提供器。編輯app.php文件并添加以下代碼到providers數組中：

EncoreAdminAdminServiceProvider::class,

Step3: 然后，我們需要準備好后臺所需要的數據庫。運行以下命令：

php artisan admin:install

這將創建一個默認的用戶和角色，然后我們就可以使用這些來登錄到后臺系統中并管理我們的應用程序了。

第三步：設置路由和控制器
我們需要定義一些路由來連接我們的后臺界面和控制器。編輯routes/admin.php文件并添加以下路由：

use EncoreAdminFacadesAdmin;

Route::get(‘/’, function () {

return Admin::content('Dashboard');

});

這定義了一個基本路由，它將指定我們主頁的內容。現在我們需要創建一個控制器來顯示我們的視圖。

Step1: 我們可以在終端中輸入以下命令，以創建一個控制器：

php artisan make:controller Admin/DashboardController

Step2: 接下來，打開我們的DashboardController.php文件并添加以下內容：

namespace ApphttpControllersAdmin;

use EncoreAdminControllersAdminController;

class DashboardController extends AdminController
{

public function index() {     return $this->content('Dashboard'); }

}

Step3: 最后，我們還需要在routes/admin.php文件中定義我們新的控制器路由：

Route::get(‘/’, ‘AdminDashboardController@index’);

現在在瀏覽器中訪問我們的應用程序時，我們就可以看到后臺儀表盤的內容了。

第四步：構建后臺界面
現在我們已經定義了我們的路由和控制器，下一步是構建我們的后臺界面。我們可以使用Laravel-admin提供的模板和組件來快速構建我們的后臺系統。

Step1: 打開app/Admin/bootstrap.php文件并添加以下代碼：

Admin::JS(asset(‘vendor/laravel-admin/AdminLTE/bootstrap/js/bootstrap.min.js’));
Admin::js(asset(‘vendor/laravel-admin/AdminLTE/dist/js/app.min.js’));
Admin::js(asset(‘vendor/laravel-admin/AdminLTE/plugins/datatables/jquery.dataTables.min.js’));
Admin::js(asset(‘vendor/laravel-admin/AdminLTE/plugins/datatables/dataTables.bootstrap.min.js’));
Admin::js(asset(‘vendor/laravel-admin/AdminLTE/plugins/slimScroll/jquery.slimscroll.min.js’));
Admin::js(asset(‘vendor/laravel-admin/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js’));
Admin::js(asset(‘vendor/laravel-admin/AdminLTE/plugins/select2/select2.full.min.js’));
Admin::js(asset(‘vendor/laravel-admin/AdminLTE/plugins/ckeditor/ckeditor.js’));

Admin::css(asset(‘vendor/laravel-admin/AdminLTE/bootstrap/css/bootstrap.min.css’));
Admin::css(asset(‘vendor/laravel-admin/AdminLTE/dist/css/AdminLTE.min.css’));
Admin::css(asset(‘vendor/laravel-admin/AdminLTE/dist/css/skins/skin-blue.min.css’));
Admin::css(asset(‘vendor/laravel-admin/AdminLTE/plugins/datatables/dataTables.bootstrap.min.css’));
Admin::css(asset(‘vendor/laravel-admin/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css’));
Admin::css(asset(‘vendor/laravel-admin/AdminLTE/plugins/select2/select2.min.css’));

這將添加一些必要的CSS和JS文件，以便后臺模板能夠正確地運行?，F在我們可以創建我們的后臺模板。

Step2: 找到resources/views/vendor/admin/layout.blade.php文件并添加以下代碼：

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

這個模板將包含必要的CSS和JS文件，并將使用Laravel-admin定義的視圖來呈現我們的內容。

現在我們可以創建我們的后臺視圖，找到resources/views/admin/dashboard.blade.php并添加以下代碼：

@extends(‘admin::index’)

@section(‘content’)

Welcome to the Dashboard

@endsection

這個視圖將會添加一個標題并顯示它在控制器內定義的文本。

第五步：添加菜單和路由
現在我們已經創建了我們的后臺界面，我們還需要為我們的應用程序添加一些菜單和路由。我們可以使用Laravel-admin提供的菜單構建器來輕松地創建菜單，方法如下：

Step1: 打開app/Admin/bootstrap.php文件并添加以下代碼：

use EncoreAdminMenu;

Menu::create(function ($menu) {

$menu->add('Dashboard', ['route' => 'admin.dashboard']);

});

這將創建一個名為Dashboard的菜單項，并將其鏈接到我們的Dashboard路由。

Step2: 找到resources/views/vendor/admin/sidebar.blade.php文件并添加以下代碼：

  • <a href="{{ admin_url('/') }}">     <i class="fa fa-fw fa-dashboard"></i>     <span>Dashboard</span> </a>

    • 這將在我們的后臺側欄中添加一個Dashboard鏈接。

    最后，我們可以在我們的控制器路由中為我們的菜單項添加一個名稱。找到routes/admin.php文件并添加以下代碼：

    Route::get(‘/’, ‘AdminDashboardController@index’)->name(‘admin.dashboard’);

    現在我們已經完成了我們的后臺系統搭建，我們可以登錄并開始使用它了。使用Laravel框架和Laravel-admin構建自己的后臺系統變得非常簡單，我們可以使用這些工具快速創建強大的應用程序。

    ? 版權聲明
    THE END
    PHP框架
    # 數據庫# php# http# html# laravel# composer# css# JS# class# function# bootstrap# require# 選擇器# jquery# li# transition
    喜歡就支持一下吧
    點贊15 分享