iT邦幫忙

1

Day 15|分開管理電影與遊戲

  • 分享至 

  • xImage
  •  

前面已經有電影頁與遊戲頁,但新增作品後,使用者必須自己選擇正確的作品類型。今天要讓表單更直覺,並讓不同類型顯示適合自己的狀態。
步驟 1:修改 templates/add.html
將狀態下拉選單替換成以下內容:

收藏狀態

待觀看/待遊玩
已看電影
遊玩中
已通關

這段 JavaScript 會根據使用者選擇的作品類型,重新產生適合的狀態選項。
步驟 2:在收藏卡片上顯示中文狀態
在 templates/collection.html 中,把原本顯示狀態的部分:

替換成:

步驟 3:測試

  • 選擇電影,確認只出現「想看」與「已看」。
  • 選擇遊戲,確認出現「待遊玩」、「遊玩中」、「已通關」。
  • 新增不同類型的作品,確認會出現在正確頁面。

圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言