Mojito

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

截图

获取地址

github.com/moell-peng/… 欢迎使用和star

特征

• 可快速衍生多个后台系统
• 内置角色，权限，用户，菜单管理
• OAuth 2.0，并支持多表鉴权
• 完善的PHPUnit测试
• API 权限精确至路由，页面权限精取到按钮或链接
• 前后端分离
• 多标签页
• 前端支持多语言配置
• 简洁的布局

Demo

url: mojito.moell.cn/mojito#/adm…

username: mojito@gmail.com

password: mojito-demo

要求

• Laravel >= 5.5.0
• Vue >= 2.5.17
• Element >= 2.4.6

兼容性

安装

首先安装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' => \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,];
}
复制代码

执行数据迁移，数据填充

php artisan migratephp artisan db:seed --class="Moell\Mojito\Database\MojitoTableSeeder"
复制代码

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
复制代码

将 admin.js 添加到 webpack.mix.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: 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 www.apache.org/licenses/LI…