thinkphp-vue-admin thinkphp + vue + element + 权限管理 + 菜单自定义解决方案

thinkphp + vue + element + 权限管理 + 菜单自定义解决方案

在线地址: http://v-web.surest.cn/

账号: admin
密码: admin123

后台 api 地址

https://github.com/surest-sky/think-vue-admin-api

支持功能

  • jsx render 渲染table
  • 结合minix 快速创建 table + 分页 + 查询
  • 结合后端支持权限菜单自定义渲染

权限管理后台来自:

https://github.com/PanJiaChen/vue-element-admin

这里仅仅在其功能上面增加了

  • 对接后端的权限控制自定义渲染
  • jsx render 渲染table
  • 结合minix 快速创建 table + 分页 + 查询

安装

git clone https://github.com/surest-sky/thinkphp-vue-admin.git

cd thinkphp-vue-admin

yarn install (推荐)
或者
npm install

配置后端: 
    见: https://github.com/surest-sky/think-vue-admin-api
配置 vue.config.js 
    设置跨域地址

npm run dev


如果打包的话, 见

src/utils/request.js

修改环境的请求地址即可

# 打包命令
npm run build:prod

效果图 :

  • 仪表盘

《thinkphp-vue-admin thinkphp + vue + element + 权限管理 + 菜单自定义解决方案》

  • table相关

《thinkphp-vue-admin thinkphp + vue + element + 权限管理 + 菜单自定义解决方案》

  • 权限管理

《thinkphp-vue-admin thinkphp + vue + element + 权限管理 + 菜单自定义解决方案》

  • 角色管理

《thinkphp-vue-admin thinkphp + vue + element + 权限管理 + 菜单自定义解决方案》

  • 代码相关

《thinkphp-vue-admin thinkphp + vue + element + 权限管理 + 菜单自定义解决方案》

《thinkphp-vue-admin thinkphp + vue + element + 权限管理 + 菜单自定义解决方案》

《thinkphp-vue-admin thinkphp + vue + element + 权限管理 + 菜单自定义解决方案》

具体的参阅代码

交流群

《thinkphp-vue-admin thinkphp + vue + element + 权限管理 + 菜单自定义解决方案》

    原文作者:surest
    原文地址: https://segmentfault.com/a/1190000019851094
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞