资讯专栏INFORMATION COLUMN

moell/mojito - 基于 Laravel、Vue、ELement 构建的基础后台系统扩展

Object / 2021人阅读

摘要:是一个基于构建的后台管理系统。然后运行下面的命令来发布资源命令执行成功会生成配置文件,数据迁移和构建的文件。

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/29499.html

相关文章

  • PHP相关

    摘要:的机器学习库的机器学习库,包括算法交叉验证神经网络等内容。在即将到来的大会上,她将和大家分享在机器学习领域的全新可能。入门总结入门相关,如安装配置基本使用等。 基于 Swoole 开发 PHP 扩展 Swoole-1.9.7 增加了一个新特性,可以基于 Swoole 使用 C++ 语言开发扩展模块,在扩展模块中可以注册 PHP 内置函数和类。现在可以基于 Swoole 来编写 PHP ...

    lewinlee 评论0 收藏0
  • 关于Vue2一些值得推荐文章 -- 五、六月份

    摘要:五六月份推荐集合查看最新的请点击集前端最近很火的框架资源定时更新,欢迎一下。苏幕遮燎沈香宋周邦彦燎沈香,消溽暑。鸟雀呼晴,侵晓窥檐语。叶上初阳乾宿雨,水面清圆,一一风荷举。家住吴门,久作长安旅。五月渔郎相忆否。小楫轻舟,梦入芙蓉浦。 五、六月份推荐集合 查看github最新的Vue weekly;请::点击::集web前端最近很火的vue2框架资源;定时更新,欢迎 Star 一下。 苏...

    sutaking 评论0 收藏0
  • 关于Vue2一些值得推荐文章 -- 五、六月份

    摘要:五六月份推荐集合查看最新的请点击集前端最近很火的框架资源定时更新,欢迎一下。苏幕遮燎沈香宋周邦彦燎沈香,消溽暑。鸟雀呼晴,侵晓窥檐语。叶上初阳乾宿雨,水面清圆,一一风荷举。家住吴门,久作长安旅。五月渔郎相忆否。小楫轻舟,梦入芙蓉浦。 五、六月份推荐集合 查看github最新的Vue weekly;请::点击::集web前端最近很火的vue2框架资源;定时更新,欢迎 Star 一下。 苏...

    khs1994 评论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 评论0 收藏0

发表评论

0条评论

Object

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<