moell/mojito

Mojito admin is a component of laravel, vue, element build backend system.

v2.0.1 2020-07-15 14:06 UTC

README

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

截图

mojito-admin.jpg

Demo

登陆地址 http://mojito.moell.cn/admin/login , 用户名 mojito@gmail.com ,密码 mojito-demo

特征

  • 可快速衍生多个后台系统
  • 内置角色,权限,用户,菜单管理
  • API 权限精确至路由,页面权限精确到按钮或链接
  • 完善的PHPUnit测试
  • 前后端分离
  • 多标签页

要求

  • Laravel >= 7.0.0
  • Vue >= 2.5.17
  • Element >= 2.9.1

安装

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

composer require moell/mojito

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

php artisan mojito:install

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

修改 app/Http/Kernel.php

class Kernel extends HttpKernel
{
    protected $routeMiddleware = [
        ...
        'mojito.permission' => \Moell\Mojito\Http\Middleware\Authenticate::class,
    ];

    protected $middlewareGroups = [
            ...
            'api' => [
                ...
                \Laravel\Sanctum\Http\Middleware\EnsureFrontendRequestsAreStateful::class,
            ],
        ];
}

执行数据迁移,数据填充

php artisan migrate

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

安装 Javscript 依赖

npm install
# laravel < 8.0 以下
npm install -D vue@^2.6.6 vuex@^3.0.1 vue-router@^3.0.1 vue-i18n@^8.1.0 localforage@^1.7.2 element-ui@^2.9.1

# laravel 8.0 ~ 8.5.7
npm install -D vue@^2.6.6 vuex@^3.0.1 vue-router@^3.0.1 vue-i18n@^8.1.0 localforage@^1.7.2 element-ui@^2.9.1 vue-template-compiler@^2.6.14 sass@^1.15.2 sass-loader@^8.0.0

# laravel 8.5.7 以上
npm install -D vue@^2.6.6 vuex@^3.0.1 vue-router@^3.0.1 vue-i18n@^8.1.0 vue-loader@^15.9.7 localforage@^1.7.2 element-ui@^2.9.1 vue-template-compiler@^2.6.14 sass@^1.35.1 sass-loader@^12.1.0

将 admin.js 添加到 webpack.mix.js

mix.js('resources/js/admin.js', 'public/js');

# laravel 8.5.7 以上
mix.js('resources/js/admin.js', 'public/js').vue({ version: 2 });

运行 Mix

#npm run watch
npm run production

后台登陆地址为 http://localhost/admin/login, 账号 admin@gmail.com , 密码 secret

打赏

687474703a2f2f7777312e73696e61696d672e636e2f6d773639302f37613637396361316c793166767872666e767861346a323064773064776469632e6a7067 687474703a2f2f7777312e73696e61696d672e636e2f6d773639302f37613637396361316c793166767872666e723064686a323064773064776770302e6a7067

License

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