---
# System prepended metadata

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

---

# 🏅 Week9 - typescript 實作課程

安 大家，這是第九週的任務

以下根據[真真協助統整的進度規劃](https://puffy-spectrum-df9.notion.site/Vue-vue3-TypeScript-a1cb82c769334bcaa231ea614f47a1be) 

此次會使用到尚硅谷提供的 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#/
**帳號測資:**: 帳/密: admin/atguigu123

大家最最最慢這週需要完成, 如下進度
### 1. 本週預定學習進度
**第六章、api實接 & type 定義、品牌模組搭建、對話框建置(dialog) (p52~p63)**

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

- 學會在 vite.config.ts 設定可複用的 proxy 邏輯 
- 學會在 vite.config.ts 使用 env 的變數 
- 學會 vite 的 loadEnv, mode 代表的意思 & 使用方式
- 學會 vite 中代表根節點的 process.cwd()
- api 實作 & ts 定義 
- ctrl+click 套件方法，考已直接看到該套件方法的 ts 定義 ex: get
- element ui pagination 組件 attr & event 介紹/使用 ( p57, 可視個人孰悉度決定是否跳過 )
- element ui dialog 組件 ( p58, 可視個人孰悉度決定是否跳過 )
- element ui upload 組件使用 & 上傳前/成功後的 hooks & 文件大小計算 ( p59, 可視個人孰悉度決定是否跳過 )
- 新增視窗 ( dialog ) 原數據清空建議建立在開啟視窗的按鈕方法上
- element ui form 的表單驗證 ( 包含沒有明確觸發點的 upload 驗證、upload 滿足條件的驗證、打開彈窗(新增 & 編輯 都要確認 )時不殘留上次驗證的結果 ( nextTick ) )
- element ui  Popconfirm 元件使用


### 3. 上週未繳交人員公告
再不交真的要公告囉~ 這樣不好喔~ 

<br>

**請大家交個 GitHub 連結作為有達到本週目標 & 挑戰的證明喔~**
( 這是良心繳交區，做為彼此監督彼此學習進度的地方哩~ 沒交的請摸摸你的良心看他會不會痛哩~ )

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