moell/mojito - 基于 Laravel、Vue、ELement 構建的基礎后臺系統擴展

Object 發布于2019-07-01 10:48 / 2096人閱讀

摘要：是一個基于構建的后臺管理系統。然后運行下面的命令來發布資源命令執行成功會生成配置文件，數據遷移和構建的文件。

Mojito

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

截圖

獲取地址

https://github.com/moell-peng... 歡迎使用和star

特征

可快速衍生多個后臺系統

內置角色，權限，用戶，菜單管理

OAuth 2.0，并支持多表鑒權

完善的PHPUnit測試

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

前后端分離

多標簽頁

前端支持多語言配置

簡潔的布局

Demo

url: http://mojito.moell.cn/mojito...
username: mojito@gmail.com
password: mojito-demo

要求

Laravel >= 5.5.0

Vue >= 2.5.17

Element >= 2.4.6

兼容性

Laravel	Mojito
5.5, 5.6	1.0.*
5.7	1.1.*

安裝

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

composer require moell/mojito

然后運行下面的命令來發布資源:

php artisan mojito:install

命令執行成功會生成配置文件，數據遷移和構建SPA的文件。

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

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

"providers" => [
        ...
        "admin" => [
            "driver" => "eloquent",
            "model" => MoellMojitoModelsAdminUser::class,
        ]
    ],

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

class Kernel extends HttpKernel
{
    protected $routeMiddleware = [
        // "auth" => IlluminateAuthMiddlewareAuthenticate::class,
        "auth" => SMartinsPassportMultiauthHttpMiddlewareMultiAuthenticate::class,
        "oauth.providers" => SMartinsPassportMultiauthHttpMiddlewareAddCustomProvider::class,
        "mojito.permission" => MoellMojitoHttpMiddlewareAuthenticate::class,
    ];
}

執行數據遷移，數據填充

php artisan migrate

php artisan db:seed --class="MoellMojitoDatabaseMojitoTableSeeder"

Passport 安裝和配置

php artisan passport:install

執行成功后獲取到相應的密碼授予客戶端的 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#/admi...

email: admin@gmail.com

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/license...

云服務器 GPU云服務器構建基于通訊的云服務器基于lte-fi車載云主機的構建基于lte-fi車載云vps的構建基于lte-fi車載云服務器的構建

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/29499.html

PHP相關

摘要：的機器學習庫的機器學習庫，包括算法交叉驗證神經網絡等內容。在即將到來的大會上，她將和大家分享在機器學習領域的全新可能。入門總結入門相關，如安裝配置基本使用等。基于 Swoole 開發 PHP 擴展 Swoole-1.9.7 增加了一個新特性，可以基于 Swoole 使用 C++ 語言開發擴展模塊，在擴展模塊中可以注冊 PHP 內置函數和類。現在可以基于 Swoole 來編寫 PHP ...

lewinlee 2019-06-28 14:39 評論0 收藏0
關于Vue2一些值得推薦的文章 -- 五、六月份

摘要：五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。五、六月份推薦集合查看github最新的Vue weekly；請::點擊::集web前端最近很火的vue2框架資源；定時更新，歡迎 Star 一下。蘇...

sutaking 2019-08-02 15:17 評論0 收藏0
關于Vue2一些值得推薦的文章 -- 五、六月份

摘要：五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。五、六月份推薦集合查看github最新的Vue weekly；請::點擊::集web前端最近很火的vue2框架資源；定時更新，歡迎 Star 一下。蘇...

khs1994 2019-08-23 18:08 評論0 收藏0
2017年3月份前端資源分享

平日學習接觸過的網站積累，以每月的形式發布。2017年以前看這個網址：http://www.kancloud.cn/jsfron... 03月份前端資源分享 1. Javascript 175453545 Redux compose and middleware 源碼分析深入 Promise(二)——進擊的 Promise Effective JavaScript leeheys blog -...

ermaoL 2019-06-27 16:30 評論0 收藏0