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

surest

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

效果图 :

  • 仪表盘

https://s2.ax1x.com/2019/07/23/eko2uj.png

  • table相关

https://s2.ax1x.com/2019/07/23/ekTci6.png

  • 权限管理

https://s2.ax1x.com/2019/07/23/ekTRzD.png

  • 角色管理

https://s2.ax1x.com/2019/07/23/ekThsH.md.png

  • 代码相关

https://s2.ax1x.com/2019/07/23/ek76mj.png

https://s2.ax1x.com/2019/07/23/ek7Wt0.png

https://s2.ax1x.com/2019/07/23/ek77nJ.png

具体的参阅代码

交流群

https://s2.ax1x.com/2019/07/23/ek4oCD.jpg

阅读 6.5k

laravel
一步一步
191 声望
1 粉丝
0 条评论
191 声望
1 粉丝
宣传栏