看到Cool-Admin這個管理後臺，就被迷住了！

FLaravel發表於2022-02-22

當第一眼看到 Cool-Admin 就被它的顏值驚豔到了

當我看到Cool-Admin就被迷住了！

官方只有node和java版本的server api，於是基於Laravel做了後臺最基本的幾個模組（許可權管理）

  • 管理員
  • 選單管理
  • 角色管理

github地址：github.com/flaravel/cool-admin-api

安裝

composer require flaravel/cool-admin-api

配置檔案

php artisan vendor:publish --tag=cool-admin

遷移

php artisan migrate

初始化資料

php artisan vendor:publish --tag=cool-seeder

php artisan db:seed --class=CoolAdminSeeder

生成jwt金鑰

php artisan jwt:secret

前端

github: github.com/flaravel/cool-admin-vue

程式碼拉取下來之後更改代理配置（在 vite.config.ts檔案 中）, 更改成當前你的後面請求地址

const proxy = {
    "/dev": {
        target: "請求服務端的url",
        changeOrigin: true,
        rewrite: (path: string) => path.replace(/^\/dev/, "")
    },

    "/pro": {
        target: "https://show.cool-admin.com",
        changeOrigin: true,
        rewrite: (path: string) => path.replace(/^\/pro/, "/api")
    }
};

更改完執行就能看到如下介面:

img_1.png

演示地址

119.29.159.240:8001

管理員:

  • admin
  • password

測試:

  • test
  • password

因為前端自己做了一些處理，所以要下載這個 https://github.com/flaravel/cool-admin-vue 當作客戶端，後續我直接相容官方的客戶端api

本作品採用《CC 協議》，轉載必須註明作者和本文連結

相關文章