All Projects → moell-peng → Mojito

moell-peng / Mojito

Licence: apache-2.0
Mojito Admin 基于 Laravel, Vue, Element 构建的后台管理系统

Projects that are alternatives of or similar to Mojito

Nideadmin
【未完成】NideAdmin - 基于 Vue.js + Egg.js 的微信小程序后台框架
Stars: ✭ 35 (-91.18%)
Mutual labels:  laravel-admin, vue-admin
Administrator
a fork from Frozennode/Administrator
Stars: ✭ 296 (-25.44%)
Mutual labels:  laravel-admin
element-ui-demo
A element-ui admin base on vue2
Stars: ✭ 18 (-95.47%)
Mutual labels:  vue-admin
login-captcha
laravel-admin 登录添加验证
Stars: ✭ 37 (-90.68%)
Mutual labels:  laravel-admin
laravel-jarvis
Achieve Your Ambition With Me .
Stars: ✭ 32 (-91.94%)
Mutual labels:  laravel-admin
Blockscloud
web os be based on laravel and vue
Stars: ✭ 274 (-30.98%)
Mutual labels:  laravel-admin
vue-antdesign-admin-template
Ant Design Pro Vue Template
Stars: ✭ 127 (-68.01%)
Mutual labels:  vue-admin
Go Admin
基于Gin + Vue + Element UI的前后端分离权限管理系统脚手架(包含了:多租户的支持,基础用户管理功能,jwt鉴权,代码生成器,RBAC资源控制,表单构建,定时任务等)3分钟构建自己的中后台项目;文档:https://doc.go-admin.dev Demo: https://www.go-admin.dev Antd beta版本:https://preview.go-admin.dev
Stars: ✭ 5,439 (+1270.03%)
Mutual labels:  vue-admin
Iview Admin
Vue 2.0 admin management system template based on iView
Stars: ✭ 15,963 (+3920.91%)
Mutual labels:  vue-admin
vue3.0-template-admin
本项目基于vue3+ElementPlus+Typescript+Vite搭建一套通用的后台管理模板;并基于常见业务场景,抽象出常见功能组件;包括动态菜单,菜单权限、登录、主题切换、国际化、个人中心、表单页、列表页、复制文本、二维码分享等等
Stars: ✭ 500 (+25.94%)
Mutual labels:  vue-admin
moth-admin-vue
飞蛾后台管理系统vue2版本
Stars: ✭ 16 (-95.97%)
Mutual labels:  vue-admin
vue-element-admin-ts
vue-element-admin 的 typescript 版本
Stars: ✭ 101 (-74.56%)
Mutual labels:  vue-admin
Black Shop
black-shop(黑店),基于springBoot2.1.13和Spring Cloud Alibaba.{latest.version}搭建的微服务b2c电商平台,持续开发中…………欢迎加入贡献团队
Stars: ✭ 278 (-29.97%)
Mutual labels:  vue-admin
laravel-vue-admin
Laravel integration with vue-admin
Stars: ✭ 36 (-90.93%)
Mutual labels:  vue-admin
Coreui Free Laravel Admin Template
CoreUI Free Laravel Bootstrap Admin Template
Stars: ✭ 353 (-11.08%)
Mutual labels:  laravel-admin
laravel-layui-admin
基于 Laravel, Layui 构建的 RBAC 后台管理系统。
Stars: ✭ 56 (-85.89%)
Mutual labels:  laravel-admin
laravel-admin-select2
𝒂𝒔𝒚𝒏𝒄 𝒔𝒆𝒍𝒆𝒄𝒕/𝒎𝒐𝒓𝒑𝒉𝑺𝒆𝒍𝒆𝒄𝒕 𝒇𝒐𝒓 𝒍𝒂𝒓𝒂𝒗𝒆𝒍 𝒂𝒅𝒎𝒊𝒏
Stars: ✭ 42 (-89.42%)
Mutual labels:  laravel-admin
Vue3 Composition Admin
🎉 基于vue3 的管理端模板(Vue3 TS Vuex4 element-plus vue-i18n-next composition-api) vue3-admin vue3-ts-admin
Stars: ✭ 261 (-34.26%)
Mutual labels:  vue-admin
Vue Element Admin Tpl
Admin platform template base on vue + element-ui
Stars: ✭ 384 (-3.27%)
Mutual labels:  vue-admin
Vue Framework Wz
👏vue后台管理框架👏
Stars: ✭ 3,757 (+846.35%)
Mutual labels:  vue-admin

Mojito

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

截图

mojito-admin.jpg

Demo

登陆地址 http://mojito.moell.cn/admin/login , 用户名 [email protected] ,密码 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
npm install -D [email protected]^2.6.6 [email protected]^3.0.1 [email protected]^3.0.1 [email protected]^8.1.0 [email protected]^1.7.2 [email protected]^2.9.1

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

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

运行 Mix

#npm run watch
npm run production

后台登陆地址为 http://localhost/admin/login, 账号 [email protected] , 密码 secret

打赏

License

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].