Mojito Admin 新版本来了,基于 Laravel + Vue3 + Element Plus + Vite 开发

Mojito Admin

Mojito Admin 是一个基于 Vue3、 Element Plus、Vite 构建的后台管理系统模板,开箱即用,无过度封装,也可以用于学习参考。

Mojito Admin 和 moell/mojito 包的关系

moell/mojito 3.0 版本之前包含了 laravel 和 前端代码,现在将项目代码分离。前端代码存放于 mojito-admin, laravel 代码存放于 mojito

预览

Demo

文档地址

文档

源码获取

GitHub
Gitee

特性

  • 使用最新的Vue3、Vite2、Element Plus 等前端新技术开发
  • 支持国际化
  • Mock 内置模拟数据
  • 灵活的权限判断
  • 内置角色,权限,用户,菜单管理
  • 多标签页
  • 无过度封装
  • 可选择基于 Laravel 开发的 Mojito 后端配合使用

截图

mojito.png

安装

获取项目代码

git clone https://github.com/moell-peng/mojito-admin.git

安装依赖

cd mojito-admin
yarn install

开发运行

yarn dev

打包

yarn build

最后

欢迎使用,如果觉得对你有用,点个 Star 吧!

本作品采用《CC 协议》,转载必须注明作者和本文链接
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
讨论数量: 31

好的,看看!

VUE的真的没有什么前途!

React Ant Pro 才是王道,特别是React 18 出来以后,Ant pro 5.0 前端可以任意搭配! 多完美!

加油吧!我用你的后端,改改,支持Ant Pro 5.0

有没有一起玩的?加入战队吧!

2年前 评论
小李世界 2年前
justlovelmn 2年前

:joy: @dongzhiyu Vue 我感觉挺香的呀, 可能我不知道React的好。

2年前 评论

请问PHP、Laravel需要什么版本,composer require moell/mojito一直提示错误 目前我是php 7.3.9,laravel 8 。以下是错误信息 file

2年前 评论
王大牛 2年前
moell (楼主) 2年前
arukas 2年前
giao哥

可以用你的后台前端吗 :grin:

2年前 评论

@giao哥 可以呀, 欢迎使用

2年前 评论

用了你的vue3版本的,有点不理解你的思路,你是想vue一套权限,后端api一套权限么?

2年前 评论

@benbenxiong 不是的, 就后台的一套权限, 在登录后会将拥有的权限名保存到vuex , 前端按钮、菜单之类的就可以根据权限名来判断是否有权限,最终判断是否显示。

2年前 评论
benbenxiong 2年前

后端源码呢,没有找到!

2年前 评论

不错不错,正想找个element-plus的,基于你这个做

2年前 评论

@jinduo 谢谢,欢迎使用 :blush:

2年前 评论

@moell 大神能讲下前端 mojito-admin 路由里面

file 是怎么关联后端权限的

1年前 评论

@further 参考 views/admin-user/routes.js

export default [
  {
    name: 'adminUserIndex',
    path: 'admin-user',
    meta: {
      title: 'adminUser',
      cache: true,
      permission: 'admin-user.index', //后端的路由名
    },
    component: adminUserPage
  },
]
1年前 评论

测试了一下,挺好的,继续加油

1年前 评论

挺好的,非常乾淨

1年前 评论

还在更新维护吗

9个月前 评论
moell (楼主) 9个月前

能否請教一下後端laravel要怎麼設定app.js才能指向到前端的mojito-admin/src/main.js?

安裝版本:laravel8 + php8.1 裝好全新 laravel + moell/mojito, 在根目錄執行git clone將mojito-admin clone 下來並改名為 frontend, 然後進到 frontend 執行 yarn install & yarn dev 到這邊為止都沒有出錯,但是不知道要怎麼設定resources/js/app.js

8个月前 评论
moell (楼主) 8个月前

博主您好!今天安装了前端和后端,进入后台之后,在菜单那边加了两个菜单,页面还没写的。菜单列表那边没显示,

file ,要怎么样才会显示出来,需要前端js代码里也加上吗?有没有教程 从添加菜单到页面正常跳转那种。。。

3个月前 评论
moell (楼主) 3个月前
yxls (作者) 3个月前

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!