---
tags: Vue 實戰班
---

# 第七週主線任務 - 完成後台功能

- 範例頁面 gh-page：https://hexschool.github.io/vue-training-final-demo/
- 範例程式碼 GitHub：https://github.com/hexschool/vue-training-final-demo
> 建議下載原始碼，修改 `.env` 檔案並加入 UUID 即可運作

本週重點：製作前台前，先完成後台功能頁面

### 使用者故事

在先前的課程中，已經介紹了登入、產品列表的製作，請同學完成剩下功能，並整合至 Vue Cli 中。

後台頁面包含
- 登入頁面
- 產品列表（包含 optional 則為 LV3）
- 優惠券列表（LV2）
- 訂單列表
- 圖片儲存列表（LV2）

### 任務說明：

課程任務均有提供完整範例程式碼，如果開發上不是很順利可以參考範例程式碼來撰寫。
使用範例程式碼注意事項：
- **禁止直接使用範例程式碼提交**
- 如欲參考範例程式碼，請避免複製貼上，請自行重新撰寫
- 參考範例程式碼，請在繳交作業時附註：「本作業有參考範例程式碼」
- 參考範例程式碼，請在原始碼內補上註解，讓自己加深學習印象

// 當判斷式接收到 sayYouLoveMe() 回傳 true 的結果時，則會運行接下來的陳述片段
if (sayYouLoveMe()) { console.log('說你愛我') };

### 提交難度挑戰：
- LV1：完成登入、產品管理、訂單管理、優惠券功能
- LV2：增加完成優惠券管理、圖片儲存列表
- LV3：
- 產品列表包含 optional
- 產品列表上傳完整的產品、文案、圖片等

### 繳交作業流程

1. 於 [試算表](https://docs.google.com/spreadsheets/d/1DOk5jCqnz-y_z6M_aFaoNn3n-ayheFhQ6h2LLDzYaXg/edit#gid=0
)中登記繳交狀況


2. 回程式勇者村 - 任務系統回報，並補上編號：https://rpg.hexschool.com/task/126/show

### 作業格式 & 常見 QA

- 請務必提交 Github 原始碼儲存庫 + Github Pages 頁面
- 繳交作業教學（僅能使用 GitHub Pages）：https://hackmd.io/@hexschool/HJDbvkFqU/%2FK6GUUl_pTRioN9ZpBCeqMQ