分享一个前后端分离的基于 Laravel + Vue 的管理后台模板项目

简介

就是一个后台模板项目,基于 Laravel 和 Vue,UI 库用的 Element,功能都是参考自其他开源产品,代码少部分参考。自认为体验很棒,毕竟都是完全按我个人的意愿做出来的,虽然功能都是参考自其他地方的,但都是我认为很棒的功能,,,前端封装了很多东西,方便开发,统一管理后台的风格、布局和操作,,,

DEMO

http://admin-demo.largezhou.cn/admin/vue-r...

账号:admin

密码:000000

可以随意体验,搞坏了,登录不了,可点 重置,,,,修改了路由配置,要刷新浏览器页面才能生效。

Vue Router 和菜单配置,拖拽排序和调整层次结构

Vue Router 和菜单配置

添加角色

添加角色

添加权限Laravel-admin 同款(照搬))

添加权限

上面是管理后台最最基础功能,下面附带两个甜点,,

这两个功能都是参考自 crmeb 这个开源的商城系统,,,当时公司有人在用这个系统二开,我觉得这两个功能挺好的,,,还有个 组合数据 的功能,,,以后可能会加进去吧,,

文件上传管理器,所有需要上传文件的地方,只需使用 FilePicker 组件,就可以从这个文件管理器之中进行文件的上传、筛选、删除和选择,统一管理后台文件上传。

分享一个前后端分离的管理后台模板项目,基于 Laravel 和 Vue,带有权限、文件管理器和系统设置

配置管理,分类配置,添加,按分类获取、更新,,支持多种类型的

分享一个前后端分离的管理后台模板项目,基于 Laravel 和 Vue,带有权限、文件管理器和系统设置

最后来一个自认为小亮点的功能,,,但是我说不清楚是啥功能,,所以就发张图吧,注意看浏览器地址,面包屑,和侧边栏菜单,,
分享一个前后端分离的管理后台模板项目,基于 Laravel 和 Vue,带有权限、文件管理器和系统设置

https://github.com/largezhou/admin

顺便推荐下 微信公众号菜单管理插件

附言 1  ·  2个月前
本帖由系统于 2个月前 自动加精
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
讨论数量: 26

666

2个月前 评论

很赞 正准备使用这个功能

2个月前 评论

源码呢

2个月前 评论

老司机带带我

2个月前 评论

这跟后端返回左侧菜单栏不是一样的吗?只要是没catch到的页面统统进404呀

2个月前 评论
largezhou (楼主) 2个月前
legendary_jesse (作者) 2个月前

代码质量很高 :100:

2个月前 评论
largezhou (楼主) 2个月前
全场我最姜姜姜丶

我们公司后端只配置接口路径,然后前段根据接口去匹配哪些页面要显示,哪个按钮要显示。不需要配置路由列表,因为你配置了列表,结果他没有这个接口权限,也很麻烦。相当于要去匹配2遍

2个月前 评论
largezhou (楼主) 2个月前
全场我最姜姜姜丶 (作者) 2个月前

不错,自己想了很久都没有行动,值得学习 :+1:

2个月前 评论

期待分享一下思路: 后端添加的路由是怎么注册到vue的路由里面的

2个月前 评论
largezhou (楼主) 2个月前
michealzh (作者) 2个月前
largezhou (楼主) 2个月前

克隆下来 compsoer update env都配置了。进不了后台页面。404

2个月前 评论
largezhou (楼主) 2个月前
redline (作者) 2个月前
redline (作者) 2个月前
largezhou (楼主) 2个月前
redline (作者) 2个月前

我们是通过在前端router的meta字段里面存储这个页面所需要用到的接口的数组,登录后后端返回这个用户所拥有的所有接口数组,然后与路由里面的meta字段数组取交集来判断这个路由显不显示,页面的按钮通过自定义指令判断是否在当前路由的meta字段里面来决定是否显示

2个月前 评论

@zjwshisb 菜单根据路由配置生成的吗?

你们这样不能通过后端来随意修改路由的嵌套层级和顺序吧?不过这并不是什么很必要的功能,,,只是我个人喜好了,,,

后端返回用户拥有权限的所有接口,,,会不会一大坨?我这个页面上如果要单独控制某个按钮显不显示,是用权限的 slug 来判断的,不过我还没弄,,,

我也来搞个自定义指令做这个可以,,

用自定义指令做这个,是不是也就只比用 v-if="can('edit-post')" 来说,语义化强一点?

2个月前 评论

@largezhou 是的呀,菜单就根据路由来
一大坨也没啥关系,就长度几百的一个数组嘛
主要我们还整合rbac的权限控制,permission表字段就存接口的名称(users.index)这样的,配合laravel的api路由,这样就一整套就配合起来了

2个月前 评论

期待你的 readme ~ 404中

2个月前 评论
largezhou (楼主) 2个月前

添加了新的路由然后访问新的路由404是因为没有对应的组件的原因吗?

2个月前 评论

@SamCCC

是啊,,,这路由的添加基本上算是开发用的功能了吧,,,不是随便添加就有页面的,,只是如果你权限要更细分一点,可能可以给特定用户调整路由的层级和顺序,这还是有点点用处的,而且这个路由和菜单的权限,可以通过管理后台随意调整,不用重新打包前端资源。

不过评论里也有其他方案,,,

2个月前 评论

很不错,牛逼

2个月前 评论

很牛 :+1:

3周前 评论

权限这块没看懂 具体是把路由直接分配给角色吗 还是没增加一个路由就要分配到一个权限组里。

2周前 评论
largezhou (楼主) 2周前

在后台,刷新浏览器 ,出现404

file

2周前 评论
largezhou (楼主) 2周前

file

报这个错呢 执行到php artisan admin:init 这步的时候

1周前 评论
largezhou (楼主) 1周前
james23 (作者) 1周前

很棒的项目,加油!

1周前 评论

请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!