thinkphp-vue-admin thinkphp + vue + element + 權限管理 + 菜單自定義解決方案

thinkphp + vue + element + 權限管理 + 菜單自定義解決方案

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

帳號: admin
密碼: admin123vue

後臺 api 地址git

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

支持功能web

  • jsx render 渲染table
  • 結合minix 快速建立 table + 分頁 + 查詢
  • 結合後端支持權限菜單自定義渲染

權限管理後臺來自: thinkphp

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

這裏僅僅在其功能上面增長了後端

  • 對接後端的權限控制自定義渲染
  • 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

效果圖 :api

  • 儀表盤

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

相關文章
相關標籤/搜索