Mojito Admin 后台管理系统开源项目

我要开发同款
匿名用户2018年10月09日
118阅读

技术信息

开源地址
https://github.com/moell-peng/mojito
授权协议
Apache

作品详情

Mojito

Mojito是一个基于Laravel,Vue,Elemet构建的后台管理系统。

截图

特征

可快速衍生多个后台系统

内置角色,权限,用户,菜单管理

OAuth2.0,并支持多表鉴权

完善的PHPUit测试

API权限精确至路由,页面权限精取到按钮或链接

前后端分离

多标签页

前端支持多语言配置

简洁的布局

要求

Laravel>=5.5.0

Vue>=2.5.17

Elemet>=2.4.6

兼容性LaravelMojito5.5,5.61.0.*5.71.1.*安装

首先安装laravel,并且确保你配置了正确的数据库连接。

composer require moell/mojito

然后运行下面的命令来发布资源:

php artisa mojito:istall

命令执行成功会生成配置文件,数据迁移和构建SPA的文件。

在cofig/auth.php中添加相应的guards和providers,如下:

'guards' => [        ...        'admi' => [            'driver' => 'passport',            'provider' => 'admi'        ]    ],'providers' => [        ...        'admi' => [            'driver' => 'eloquet',            'model' => \Moell\Mojito\Models\AdmiUser::class,        ]    ],

在 app/Http/Kerel.php 中$routeMiddleware属性添加路由中间 oauth.providers 和 mojito.permissio,并将auth中间件替换为如下:

class Kerel exteds HttpKerel{    protected $routeMiddleware = [        // 'auth' => \Illumiate\Auth\Middleware\Autheticate::class,        'auth' => \SMartis\PassportMultiauth\Http\Middleware\MultiAutheticate::class,        'oauth.providers' => \SMartis\PassportMultiauth\Http\Middleware\AddCustomProvider::class,        'mojito.permissio' => \Moell\Mojito\Http\Middleware\Autheticate::class,    ];}

执行数据迁移,数据填充

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

Passport安装和配置

php artisa passport:istall

执行成功后获取到相应的密码授予客户端的ID和secret并且配置到相对应的 resources/cofig/idex.js :

export default {  admi: {    authorize: {      clietId: ID,      clietSecret: secret    }}

安装Javscript依赖

pm istallpm istall -D vuex@^3.0.1 vue-router@^3.0.1 vue-i18@^8.1.0 localforage@^1.7.2 elemet-ui@^2.4.6

Mix引入admi.js

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

运行Mix

#pm ru watchpm ru productio

登录

url: https://localhost/mojito#/admi/logi

email: admi@gmail.com

password:secret

依赖开源软件

Laravel

Vue

ElemetUI

laravel/passport

smartis/passport-multiauth

spatie/laravel-permissio

orchestra/testbech

Licese

ApacheLiceseVersio2.0see https://www.apache.org/liceses/LICENSE-2.0.html

功能介绍

Mojito Mojito 是一个基于 Laravel, Vue, Element构建的后台管理系统。 截图 特征 可快速衍生多个后台系统 内置角色,权限,用户,菜单管理 OAuth 2.0,并...

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论