You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
26 lines
1.5 KiB
26 lines
1.5 KiB
# 編寫"加入交易明細"視窗
|
|
|
|
## 簡介
|
|
|
|
我們的銀行應用程式還缺乏一項重要的功能：輸入新的交易明細。
|
|
使用你在這四堂課中學到的知識，編寫"加入交易明細"視窗：
|
|
|
|
- 在儀表板頁面新增"加入交易明細"按鈕
|
|
- 加入新的 HTML 模板建立新頁面，或是在同一頁面中使用 JavaScript 顯示 HTML 窗格(可以使用 [`hidden`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden) 屬性，或是 CSS classes)
|
|
- 確保視窗能滿足[鍵盤與螢幕報讀器的相容性](https://developer.paciellogroup.com/blog/2018/06/the-current-state-of-modal-dialog-accessibility/)
|
|
- 編寫 HTML 表單來接收輸入資料
|
|
- 建立 JSON 表單資料並傳送到 API 上
|
|
- 使用新資料更新到儀表板頁面上
|
|
|
|
看看[伺服器 API 規格](../../api/README.zh-tw.md)來查詢你需要呼叫的 API 和所需的 JSON 格式。
|
|
|
|
這邊有完成作業後的成果：
|
|
|
|
|
|
|
|
## 學習評量
|
|
|
|
| 作業內容 | 優良 | 普通 | 待改進 |
|
|
| -------- | ------------------------------------ | -------------------------------------------------- | ---------------------- |
|
|
| | 利用課程內容完美的製作出交易明細功能 | 有製作出交易明細功能，但有缺少部分要點且功能不完全 | 新的交易明細功能不正常 |
|