---
# System prepended metadata

title: "\U0001F3C5 Week12 - typescript 實作課程"

---

# 🏅 Week12 - typescript 實作課程


安 大家~  第十二週的學習進度如下，目前測試不管是上周的 SPU PAI 或是這周的 SKU API 官方皆已修復

那一樣請大家最晚下禮拜一繳交喔 


<hr />
<span style='color:gray'>

**此次會使用到尚硅谷提供的 api 資源**

* **服務器域名:** http://sph-api.atguigu.cn
* **swagger文檔文檔 1:** http://139.198.104.58:8212/swagger-ui.html#/index45controller
* **swagger文檔文檔 2:** http://39.98.123.211:8510/swagger-ui.html#/    
* **swagger文檔文檔 2 簡化版:** http://139.198.104.58:8209/swagger-ui.html#/
* **帳號測資:**: 帳/密: admin/atguigu123</span>

<br/>

**註1: login api 原帳密有時會出現 201 密碼錯誤，解決方法是先將 middleware ( permission.ts ) 中的路由 login 路由相關邏輯先 comment 掉，有鑑於目前後臺頁面的其他 api 操作都不須帶 token 的情況下，如此後續的課程內容仍可持續進行**

**註2: 屬性 api (GET /admin/product/attrInfoList/{category1Id}/{category2Id}/{category3Id}) 這支會因為回傳的內容太多而導致因回應的慢出現錯誤，建議遇到這個情形可以選擇較少回傳內容的組合**

<hr/>

### 1. 本週預定學習進度
以下根據[真真協助統整的進度規劃](https://puffy-spectrum-df9.notion.site/Vue-vue3-TypeScript-a1cb82c769334bcaa231ea614f47a1be) 
**第九章、SKU頁面 (p90~p98)**
- SPU 頁面的 SKU 添加功能 (p90~p93)
- SPU 頁面的 SKU 列表檢視 (p94)
- SPU 頁面的 SPU 模塊資料刪除 (p95)
- SKU 頁面的靜態 & 商品呈現 (p96, p97)
- SKU 頁面的上架與下架 (p98)

註: 這塊其實我們在龍巖部分大都處理過類似的邏輯，所以大家請依自身熟悉情況揀選此頁要練習或學習的內容 (目前我的程式碼為已補齊到 P98 的程式碼，若後續的課程與這邊有相關但有跳過部分學習內容的同仁，還請自行至下方我提供的 Github 連結自行參考 & 取用 )


### 2. 本週學習重點整理

- 

<br>

**請大家交個 GitHub 連結作為有達到本週目標 & 挑戰的證明喔~**

---
| 名稱 | 回報網址 | 
| -------- | :--------: |
| Bruno     | [github](https://github.com/Bruno-Yu/vue_admin.git)  |
| 真真 |  |
| 家欣 | [github](https://github.com/hsin0110/vue_admin_practice)|
|| |