本專案為「前後台分離」、「前後端分離」:
| 📁 資料夾名稱 | 📝 說明 | 🔗 GitHub 連結 |
|---|---|---|
| g4 | 儲存所有專案 | -- |
| - pxzoo | 前台內容 | 前台 |
| - back | 後台內容 | 後台 |
| - api | PHP 內容 | API |
| - img | 資料庫的圖片內容 | 見 API 的 img 資料夾 |
管理員的權限如下:- 「後台管理」瀏覽、查詢所有管理員資料。
- 「會員管理」瀏覽、查詢所有會員資料，並修改處理狀態（正常or停權）。
- 「留言管理 | 會員留言」瀏覽、查詢所有留言資料，並修改處理狀態（上架or下架）。
- 「留言管理 | 檢舉留言」瀏覽、查詢所有檢舉資料，並瀏覽檢舉明細、修改處理狀態（未審核or審核通過or審核未通過）。
- 「消息管理」瀏覽、查詢、新增、刪除、修改所有消息資料，並修改處理狀態（上架or下架）。
- 「動物管理」瀏覽、查詢、新增、修改所有消息資料，並修改處理狀態（上架or下架）。
- 「學堂管理」瀏覽、查詢、新增、刪除、修改所有學堂資料，並修改處理狀態（上架or下架）。
- 「門票管理」瀏覽、修改所有門票資料。
- 「銷售管理 | 購票訂單」瀏覽、查詢所有訂單資料，可瀏覽訂單明細，並修改處理狀態（已用票or已取票）、紀錄更新情形。
- 「銷售管理 | 銷售統計」瀏覽近 3 個月入園人數、票種統計、銷售金額之統計明細與報表。
超級管理員擁有管理員的所有權限，還可以在「後台管理」修改管理員狀態（正常or停權）、編輯自己與其他管理員資料、新增管理員。
- 專案運行方式是使用
Node.js、npm、Vue vite。 - 核心相依項目（dependencies）
| 📌 項目 | 🏷️ 版本 |
|---|---|
| axios | ^1.6.7 |
| chart.js | ^4.4.1 |
| pinia | ^2.1.7 |
| view-ui-plus | ^1.3.16 |
| vue | ^3.3.11 |
| vue-chartjs | ^5.3.0 |
| vue-cropper | ^1.1.1 |
| vue-router | ^4.2.5 |
- 開發相依項目（devDependencies）
| 📌 項目 | 🏷️ 版本 |
|---|---|
| @vitejs/plugin-vue | ^4.5.2 |
| sass | ^1.70.0 |
| vite | ^5.0.10 |
| 📌 類別 | 🔧 技術 |
|---|---|
| 前端工具 | CSS、HTML、JS、AJAX、Vue.js、View Design、pinia、chart.js |
| 後端工具 | PHP、MySQL |
| 程式環境與工具 | Sass、VSCode、MySQL Workbench、Wampserver、Vue Vite |
| 版控工具 | git、GitHub、Sourcetree |
| 設計與專案管理工具 | Figma、TimeTree |
| 📁 資料夾名稱 | 📝 說明 |
|---|---|
| public | 圖片放置處(檔名不會隨打包改變) |
| src | 資源放置處 |
| - components | vue 組件放置處 |
| - router | index.js 放置處 |
| - stores | pinia 檔案放置處 |
| - views | 畫面放置處 |
| - assets | 靜態資源放置處 |
| -- images | 圖片放置處 |
| -- js | 共用 .js 放置處 |
| -- scss | scss 檔案放置處 |
帳號： PxZoOexample
密碼： PxZoOexample- 後台需要登入才能看到內容。
- 取得後台專案
git clone https://github.com/Hsuan1128/PxZoO-admin.git- 進入專案目錄
cd PxZoO-admin- 後台安裝套件
npm install- 運行後台專案
npm run dev本專案開發者及主責頁面/功能:
- SkerLeon: 門票管理、動物管理的動物位置
- yhkekeke: 銷售管理|購票訂單、銷售管理|銷售統計
- wenchieh0119 : 學堂管理
- Hsuan1128: 後台側邊欄、後台登入頁、後台管理、會員管理
- huang607 : 留言管理|會員留言、留言管理|檢舉留言、消息管理
- Ying-Jung189 : 動物管理