全名 : 轉珠遊戲專案 sideproject

因為負責前端整合的人沒整合完，所以push一個自己更新後的專案上來
Vue前端-放在ProjectB資料夾裡
Laravel後台管理-放在back-laravel資料夾裡

注意! docker伺服器啟動後需要一些時間連上Vue和Laravel，出現連線錯誤請再試一次

整個專案和分支網址

整個專案 : https://github.com/jiunfeng/ProjectB

分支 : https://github.com/hsd325/ProjectB

安裝步驟

Vue、docker安裝和啟動

1.需安裝node.js、docker

2.執行docker

3.在ProjectB\vue-main執行【npm i】

4.在ProjectB執行【docker compose build】

5.在ProjectB執行【docker compose up -d】，啟動docker伺服器

6.在ProjectB\vue-main執行【npm run dev】，啟動vue

Laravel安裝和啟動

1.需安裝composer

2.在back-laravel執行【composer i】和【npm i】

3.在back-laravel執行【cp .env.example .env】，製造出【.evn】

4.在back-laravel執行【php artisan serve】，啟動Laravel

負責項目

Vue前端負責項目

1.登入畫面和登入js使用(js為別的組員做的)

2.註冊畫面和註冊js使用(js為別的組員做的)，警告視窗使用sweetalert2完成

3.主畫面和資料庫抓取js使用(js為別的組員做的)，跳轉按鈕-戰鬥、BOX

4.可換主頁背景角色

5.可更換頭象

Laravel 後端管理系統，全部由我製作完成

1.可新增、刪除、更新

2.更改畫面

3.持有角色、隊伍勾選剩最後一個會鎖定，避免出BUG

持有角色

隊伍

專案技術

• GitHub 分支和上傳功能
• Vue 3
• Bootstrap v5.2.3
• jQuery v1.5.1
• sweetalert2.js
• Laravel 8
• Composer V2.7.6