本專案為「前後台分離」、「前後端分離」:
📁 資料夾名稱 | 📝 說明 | 🔗 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 : 動物管理