推薦一個 Laravel admin 后臺管理插件

如何優雅的寫代碼,我想是每位程序員的心聲。自從15年初第一次接觸 Laravel 4.2 開始,我就迷上使用 Laravel 框架了。我一直都想找個時間好好寫寫有關 Laravel 的使用文章,由淺入深的介紹 Laravel 框架。

今天通過使用 laravel-admin 插件,來簡單說說怎么優雅的寫 Laravel 代碼。

創建 Laravel 項目

只要跟著官方文檔走,創建一個 Laravel 項目還是很簡單的:

// 使用 Composer 下載 Laravel 安裝程序
composer global require "laravel/installer"

// 創建 web 項目
laravel new web

具體配置數據庫等:

安裝 Laravel 看官網:https://d.laravel-china.org/docs/5.5/installation

如何安裝 Composer,可以看看我之前的文章 一步一步搭建 PHP 服務器環境

安裝 laravel-admin

laravel-admin 是一個可以快速幫你構建后臺管理的工具,它提供的頁面組件和表單元素等功能,能幫助你使用很少的代碼就實現功能完善的后臺管理功能。

注:當前版本(1.5)需要安裝 PHP 7+和 Laravel 5.5

看看 laravel-admin 的特性:

  • 內置用戶和權限系統
  • model-grid 支持快速構建數據表格
  • model-form 支持快速構建數據表單
  • model-tree 支持快速構建樹狀數據
  • 內置 40+ 種 form 元素組件、以及支持擴展組件
  • 支持 Laravel 的多種模型關系
  • mysql、mongodb、pgsql 等多數據庫支持
  • 支持引入第三方前端庫
  • 數據庫和 artisan 命令行工具的 web 實現
  • 支持自定義圖表
  • 多種常用 web 組件
  • 支持本地和 oss 文件上傳

有了這些功能,開發一個后臺管理系統就變得相對簡單了。

安裝插件:

composer require encore/laravel-admin "1.5.*"

// 發布資源:
php artisan vendor:publish --provider="Encore\Admin\AdminServiceProvider"

// 安裝
php artisan admin:install

簡單的三條命令,即可配置好一個簡單的后臺管理系統,賬號和密碼都是 admin

代碼主要集中在\APP\Admin中

默認系統提供一個 Dashboard 界面:

<?php

namespace App\Admin\Controllers;

use App\Http\Controllers\Controller;
use Encore\Admin\Facades\Admin;
use Encore\Admin\Layout\Column;
use Encore\Admin\Layout\Content;
use Encore\Admin\Layout\Row;

class HomeController extends Controller
{
    public function index()
    {
        return Admin::content(function (Content $content) {

            $content->header('Test Dashboard');
            $content->description('Description...');

            $content->row(Dashboard::title());

            $content->row(function (Row $row) {

                $row->column(4, function (Column $column) {
                    $column->append(Dashboard::environment());
                });

                $row->column(4, function (Column $column) {
                    $column->append(Dashboard::extensions());
                });

                $row->column(4, function (Column $column) {
                    $column->append(Dashboard::dependencies());
                });
            });
        });
    }
}

結合界面和代碼,可以看出界面主要分成這么幾個部分:header、description、兩個 row,后一個 row 包含三個 column 模塊;具體的代碼放在 Dashboard 代碼中,如下:

<?php

namespace Encore\Admin\Controllers;

use Encore\Admin\Admin;

class Dashboard
{
    /**
     * @return \Illuminate\Contracts\View\Factory|\Illuminate\View\View
     */
    public static function title()
    {
        return view('admin::dashboard.title');
    }

    /**
     * @return \Illuminate\Contracts\View\Factory|\Illuminate\View\View
     */
    public static function environment()
    {
        $envs = [
            ['name' => 'PHP version',       'value' => 'PHP/'.PHP_VERSION],
            ['name' => 'Laravel version',   'value' => app()->version()],
            ['name' => 'CGI',               'value' => php_sapi_name()],
            ['name' => 'Uname',             'value' => php_uname()],
            ['name' => 'Server',            'value' => array_get($_SERVER, 'SERVER_SOFTWARE')],

            ['name' => 'Cache driver',      'value' => config('cache.default')],
            ['name' => 'Session driver',    'value' => config('session.driver')],
            ['name' => 'Queue driver',      'value' => config('queue.default')],

            ['name' => 'Timezone',          'value' => config('app.timezone')],
            ['name' => 'Locale',            'value' => config('app.locale')],
            ['name' => 'Env',               'value' => config('app.env')],
            ['name' => 'URL',               'value' => config('app.url')],
        ];

        return view('admin::dashboard.environment', compact('envs'));
    }

    /**
     * @return \Illuminate\Contracts\View\Factory|\Illuminate\View\View
     */
    public static function extensions()
    {
        $extensions = [
            'helpers' => [
                'name' => 'laravel-admin-ext/helpers',
                'link' => 'https://github.com/laravel-admin-extensions/helpers',
                'icon' => 'gears',
            ],
            'log-viewer' => [
                'name' => 'laravel-admin-ext/log-viewer',
                'link' => 'https://github.com/laravel-admin-extensions/log-viewer',
                'icon' => 'database',
            ],
            'backup' => [
                'name' => 'laravel-admin-ext/backup',
                'link' => 'https://github.com/laravel-admin-extensions/backup',
                'icon' => 'copy',
            ],
            'config' => [
                'name' => 'laravel-admin-ext/config',
                'link' => 'https://github.com/laravel-admin-extensions/config',
                'icon' => 'toggle-on',
            ],
            'api-tester' => [
                'name' => 'laravel-admin-ext/api-tester',
                'link' => 'https://github.com/laravel-admin-extensions/api-tester',
                'icon' => 'sliders',
            ],
            'media-manager' => [
                'name' => 'laravel-admin-ext/media-manager',
                'link' => 'https://github.com/laravel-admin-extensions/media-manager',
                'icon' => 'file',
            ],
            'scheduling' => [
                'name' => 'laravel-admin-ext/scheduling',
                'link' => 'https://github.com/laravel-admin-extensions/scheduling',
                'icon' => 'clock-o',
            ],
            'reporter' => [
                'name' => 'laravel-admin-ext/reporter',
                'link' => 'https://github.com/laravel-admin-extensions/reporter',
                'icon' => 'bug',
            ],
            'translation' => [
                'name' => 'laravel-admin-ext/translation',
                'link' => 'https://github.com/laravel-admin-extensions/translation',
                'icon' => 'language',
            ],
        ];

        foreach ($extensions as &$extension) {
            $name = explode('/', $extension['name']);
            $extension['installed'] = array_key_exists(end($name), Admin::$extensions);
        }

        return view('admin::dashboard.extensions', compact('extensions'));
    }

    /**
     * @return \Illuminate\Contracts\View\Factory|\Illuminate\View\View
     */
    public static function dependencies()
    {
        $json = file_get_contents(base_path('composer.json'));

        $dependencies = json_decode($json, true)['require'];

        return view('admin::dashboard.dependencies', compact('dependencies'));
    }
}

這樣我們就把代碼分塊的組織在一起。具體布局類看:class Content implements Renderable

其它的靜態資源文件放在 /public/vendor/laravel-admin 目錄下

更多內容參考 laravel-admin 官網:
http://laravel-admin.org/docs/#/zh/

寫一個 demo

有了這個 laravel-admin 插件,要寫一個 movies 列表,只需要幾個命令行就可以完成了,非常簡單:

1.建立模型,并創建 Migrations:

php artisan make:model Movie -m 

2.在 Migrations,增加一個字段:name

<?php

use Illuminate\Support\Facades\Schema;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;

class CreateMoviesTable extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        Schema::create('movies', function (Blueprint $table) {
            $table->increments('id');
            $table->string('name', 50)->unique();
            $table->timestamps();
        });
    }

    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    {
        Schema::dropIfExists('movies');
    }
}

3.運行 Migrations,創建對應數據庫:

php artisan migrate

4.有了數據表,就需要往表里插入 fake 數據,用于測試

// 使用該插件創建 fake 數據
composer require fzaninotto/faker 

5.建立 Seeder

php artisan make:seeder MovieTableSeeder 

在該類中,建立1000條假數據:

<?php

use Illuminate\Database\Seeder;

class MovieTableSeeder extends Seeder
{
    /**
     * Run the database seeds.
     *
     * @return void
     */
    public function run()
    {
        //
        $faker = Faker\Factory::create();

        for($i = 0; $i < 1000; $i++) {
            App\Movie::create([
                'name' => $faker->name
            ]);
        }
    }
}

運行:

php artisan db:seed --class=MovieTableSeeder 

是不是很簡單,數據表直接填充 1000 條假數據:

6.建立資源 Controller

php artisan admin:make MovieController --model=App\\Movie 

這樣就直接有了基礎的增刪改查和 movie 列表功能的 Controller 了。

7.建立 route

$router->resource('movies', MovieController::class);

8.加入到 admin 的 menu 中

其中路徑處需要注意的是:

其中uri填寫不包含路由前綴的的路徑部分,比如完整路徑是http://localhost:8000/admin/demo/users, 那么就填demo/users,如果要添加外部鏈接,只要填寫完整的url即可,比如http://laravel-admin.org/.

上圖也是加了左側 movies 菜單的效果。

就完成了簡單的 movie 資源的后臺管理了,在瀏覽器輸入鏈接:
http://web.app/admin/movies

就能看到一個較為完整的 movie 列表:


具體有新增、導出、篩選、操作 (刪除)、撤銷、分頁、修改、刪除等常規功能,如下幾個截圖:

總結

有了 Laravel 和 laravel-admin,基本不用寫什么代碼,敲敲幾個命令就可以完成一個「功能比較齊全」的資源操作后臺。極大的方便了我們的開發。

總體命令行和代碼如下

php artisan make:model Movie -m

php artisan migrate

composer require fzaninotto/faker

php artisan make:seeder MovieTableSeeder

php artisan db:seed --class=MovieTableSeeder

php artisan admin:make MovieController --model=App\\Movie

$router->resource('movies', MovieController::class);

框架和開源插件,有時候確實是能方便我們開發,所以尋找優質的框架和開源庫也是促進我們生產力的。

laravel-admin 代碼是如何組織的,可以具體參考網站開發。先根據官網的介紹,利用好 laravel-admin,然后學習它的源碼和代碼設計,最后取其精華,為你所用。

「完」


coding01 期待您繼續關注

qrcode

也很感謝您能看到這了

qrcode
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,443評論 6 532
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,530評論 3 416
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事?!?“怎么了?”我有些...
    開封第一講書人閱讀 176,407評論 0 375
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,981評論 1 312
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,759評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,204評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,263評論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,415評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,955評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,782評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,983評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,528評論 5 359
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,222評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,650評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,892評論 1 286
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,675評論 3 392
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,967評論 2 374

推薦閱讀更多精彩內容