本專案為「前後台分離」、「前後端分離」:
| 📁 資料夾名稱 |
📝 說明 |
🔗 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 |
| 📌 項目 |
🏷️ 版本 |
| @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
- 進入專案目錄
- 後台安裝套件
- 運行後台專案
本專案開發者及主責頁面/功能:
- SkerLeon: 門票管理、動物管理的動物位置
- yhkekeke: 銷售管理|購票訂單、銷售管理|銷售統計
- wenchieh0119 : 學堂管理
- Hsuan1128: 後台側邊欄、後台登入頁、後台管理、會員管理
- huang607 : 留言管理|會員留言、留言管理|檢舉留言、消息管理
- Ying-Jung189 : 動物管理