國立中央大學-機械系 電腦網路及程式課上機考試 2025/10/30

請考生forkEXAM#2-backend 專案到自己的 repository，git clone至你自己的電腦上進行作答，同樣完成一部分就要進行commit，最後作答完畢再將自己的 GitHub 連結上傳至 eeclass 。

image.png

購物系統（佔總成績5%）

本題是購物系統，為上次產品過濾器的延伸。在本題中，你需要完成購物系統。

閱讀並理解程式碼，根據以下要求，補齊HTML部分，並完成 JavaScript、Python 等部分，以實現購物系統的註冊、登入、購物車、下單等功能。

image.png

HTML(5%)

  1. 依照註解修正失效路徑

JavaScript(20%)

  1. 左上角需顯示目前登入的使用者名稱，按下登出回到登入介面
  2. 未勾選任何品項時，數量皆顯示 0 ，且「-」及「+」皆反白不可按
  3. 當 Selection 勾選到任意品項，此品項的 Number 數量要從 0 改為 1，且「-」按鍵要反白無法按；從勾選變為取消勾選後，此品項數量要從任何數改為 0
  4. 未勾選任何品項，下單鍵反白無法按
  5. 每選擇一個品項、增加任何品項數量、總金額改變，皆會顯示在下單按鍵旁邊

image.png

Python(75%)

  1. 註冊頁面+功能(30%)

    1. 可輸入帳號、密碼、信箱

    2. 帳號是主鍵

    3. 密碼: 至少包括 2 條限制（字數 8 以上、包含大小寫英文、...)。若用戶輸入密碼不符合規則，按下註冊後跳出 alert 顯示違反之規則，EX:“ 密碼必須超過8個字元且包含英文大小寫，重新輸入”

    4. 信箱: 須符合 [email protected] 格式。不滿足條件會跳出警告“Email 格式不符重新輸入”

    5. 帳號若與資料庫重複，按下註冊後跳出 alert 顯示: "帳號已存在，成功修改密碼或信箱"

    6. 規則全部符合後，跳出 alert 顯示: 註冊成功

      image.png

    7. 註冊後進入登入頁面

    8. 則會將資料輸入 shopping_data.db 中的 user_table