Mojito Admin后臺管理系統(tǒng)

Mojito

Mojito 是一個基于 Laravel, Vue, Element構建的后臺管理系統(tǒng)。

截圖

特征

• 可快速衍生多個后臺系統(tǒng)

• 內(nèi)置角色，權限，用戶，菜單管理

• OAuth 2.0，并支持多表鑒權

• 完善的PHPUnit測試

• API 權限精確至路由，頁面權限精取到按鈕或鏈接

• 前后端分離

• 多標簽頁

• 前端支持多語言配置

• 簡潔的布局

要求

• Laravel >= 5.5.0

• Vue >= 2.5.17

• Element >= 2.4.6

兼容性

安裝

首先安裝laravel,并且確保你配置了正確的數(shù)據(jù)庫連接。

composer require moell/mojito

然后運行下面的命令來發(fā)布資源:

php artisan mojito:install

命令執(zhí)行成功會生成配置文件，數(shù)據(jù)遷移和構建SPA的文件。

在config/auth.php中添加相應的 guards 和 providers，如下：

'guards' => [
        ...
        'admin' => [
            'driver' => 'passport',
            'provider' => 'admin'
        ]
    ],

'providers' => [
        ...
        'admin' => [
            'driver' => 'eloquent',
            'model' => \Moell\Mojito\Models\AdminUser::class,
        ]
    ],

在 app/Http/Kernel.php 中 $routeMiddleware 屬性添加路由中間 oauth.providers 和 mojito.permission，并將auth中間件替換為如下：

class Kernel extends HttpKernel
{
    protected $routeMiddleware = [
        // 'auth' => \Illuminate\Auth\Middleware\Authenticate::class,
        'auth' => \SMartins\PassportMultiauth\Http\Middleware\MultiAuthenticate::class,
        'oauth.providers' => \SMartins\PassportMultiauth\Http\Middleware\AddCustomProvider::class,
        'mojito.permission' => \Moell\Mojito\Http\Middleware\Authenticate::class,
    ];
}

執(zhí)行數(shù)據(jù)遷移，數(shù)據(jù)填充

php artisan migrate

php artisan db:seed --class="Moell\Mojito\Database\MojitoTableSeeder"

Passport 安裝和配置

php artisan passport:install

執(zhí)行成功后獲取到相應的密碼授予客戶端的 ID 和 secret 并且配置到相對應的 resources/config/index.js :

export default {
  admin: {
    authorize: {
      clientId: ID,
      clientSecret: secret
    }
}

安裝 Javscript 依賴

npm install
npm install -D vuex@^3.0.1 vue-router@^3.0.1 vue-i18n@^8.1.0 localforage@^1.7.2 element-ui@^2.4.6

Mix 引入 admin.js

mix.js('resources/assets/js/app.js', 'public/js')
    .sass('resources/assets/sass/app.scss', 'public/css')
    //.js('resources/js/admin.js', 'public/js') laravel5.7+
    .js('resources/assets/js/admin.js', 'public/js')

運行 Mix

#npm run watch
npm run production

登錄

url: http://localhost/mojito#/admin/login

email: [email protected]

password: secret

依賴開源軟件

• Laravel

• Vue

• Element UI

• laravel/passport

• smartins/passport-multiauth

• spatie/laravel-permission

• orchestra/testbench

License

Apache License Version 2.0 see http://www.apache.org/licenses/LICENSE-2.0.html