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 协议》,转载必须注明作者和本文链接
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
讨论数量: 31

好的,看看!

VUE的真的没有什么前途!

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

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

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

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

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

2年前 评论

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

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

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

能否請教一下後端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 (楼主) 7个月前

还在更新维护吗

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

挺好的,非常乾淨

1年前 评论

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

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年前 评论

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

file 是怎么关联后端权限的

1年前 评论

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

2年前 评论

后端源码呢,没有找到!

2年前 评论

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

2年前 评论
benbenxiong 2年前

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

2年前 评论

@giao哥 可以呀, 欢迎使用

2年前 评论
giao哥

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

2年前 评论

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

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

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

2年前 评论

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