---
# System prepended metadata

title: 20210730 班導 - 第一次 SiteMap 確認與專案分工
tags: [MFEE 網頁設計]

---

# 20210730 班導 - 第一次 SiteMap 確認與專案分工

## 健康食物平台 Sitemap

- ![Sitemap](https://i.imgur.com/4EVDSRZ.png)


### 大方向

- 一人負責一個功能 and 相關頁面

- 需考慮商品與購物車間的關聯性(最高)

- 登入/註冊/購物車技術最複雜
    - React、JS 與 CSS 能力要高

- 版型可以上網尋找並討論風格
    - 與老師確認好後就可先開始切版 + RWD


### 首頁

- 決定主視覺與風格

- 專欄需要資料庫



### 商城

- 大量的商品、資料與規格，著重篩選器的設計
    - 篩選器需篩選不同類型

- 資料需在後端(資料庫)篩選後回傳前端顯示

- **會有商品詳細頁、商品說明、加入購物車流程處理(重要)**
    - 進入所有商品 → 篩選器 → 食品詳細頁 → 加入購物車

- 資料庫的 CRUD 很重要
    - 商城的商品都需要有刪除鈕( 垃圾桶 )

### 購物車

- 呈現商城內加入購物車的流程
    - 運送方式
        - 宅配或超商自取
            - 評估是否需要超商地圖
    - 結帳付款方式
        - 現金或信用卡
    - 資料庫邏輯最複雜

- CRUD 功能一定要有

- 需與負責商城的組員討論資料儲存與傳送資料方式

- 需規劃資料庫會用到哪些欄位


### 扭蛋

- 若結合會員，可串接資料庫
    - 可利用會員資料作運用
    - 可做會員中心


### 外送平台

- 可自行設計迷你資料庫，自行串 API


### 資料庫

- 每人都需要建自己的資料庫
- 都要會做 CRUD 
    - 讀取：建立 更改 
    - 新增：要做新增鈕，可更新資料庫
    - 刪除：從資料庫刪除資料 
    - 更新

- 需建立後台呈現

## 分工方式

- 準備好各自負責的功能細項，8/1 1400 討論

### 首頁 ＋ 專欄

- Una

### 健康餐食（外送）

- 羿瑾

### 商城

- 家佑

### 購物車

- 華哥

### 扭蛋 ＋ 會員

- 凱琳

###### tags: `MFEE 網頁設計`