iT邦幫忙

2025 iThome 鐵人賽

DAY 17
0
生成式 AI

生成式 AI 生產力挑戰:30 天從需求打造工作凱瑞工具系列 第 17

[17] 開發過程 - 部分驗證與測試 -3

  • 分享至 

  • xImage
  •  

前言


上一篇我們取得了 PT 條件限制,今天要將規則實踐到排班工具

內文


PT 個人畫休限制條件

PT,計時人員,工讀生,若以 PT 身分面試,通常都會被問到這個問題:「你能來上班的時段是什麼呢?」,通常能選擇的是平日或假日的早班、晚班或全日,這些都以該門市的如何畫定一個人力可以切分到多小的時間顆粒度而定,水獺的店鋪滿彈性的,最小可以讓 PT 選擇只做假日一個班別,最大可以讓 PT 做全天工讀,工時等同於一般正職人員。

PT 各個班別詳細的定義如下:

  • 平日晚班:18 點 ~ 22 點
  • 假日晚班:18 點 ~ 22 點
  • 全日:工時等同於一般正職人員

以水獺的店舖而言,目前的 PT 只有分晚班與全日班,因此我紀錄的種類也以這三類為主。

填寫畫面

水獺希望能將 PT 的班別嵌入在員工管理頁面,以選項方式進行建檔或編輯,因此我將以下 Prompt 提供給 Cursor,請他處理這部分的需求

現在我正在優化員工管理頁面,在員工類別部分,除了正職人員以外,還有 PT 類別,我想請你增加一個欄位,若選擇 PT,則顯示以下班別:
平日晚班、假日晚班、全日班
個別班別定義如下:
- 平日晚班:18 點 ~ 22 點
- 假日晚班:18 點 ~ 22 點
- 全日:工時等同於一般正職人員
這些類別會影響排班機制,請你留意

以下是 Cursor 針對需求完成的清單項目

📋 完成清單

  1. 資料庫結構(server.js 第 63 行)

    已添加 pt_shift_type 欄位,支援三種班別:weekday_pm、weekend_pm、full_day

  2. 建立員工 API(server.js 第 344-405 行)

    • 接收 pt_shift_type 參數
    • 驗證 PT 員工必須選擇班別
    • 驗證班別值的合法性
    • 儲存到資料庫
  3. 更新員工 API(server.js 第 408-449 行)

    • 接收 pt_shift_type 參數
    • 驗證 PT 員工必須選擇班別
    • 更新到資料庫
  4. 前端編輯表單(src/index.js 第 1056-1058 行)

    • 編輯員工時會顯示現有的 PT 班別
    • 自動選中對應的選項

前台顯示

從圖片可以看到當我建立員工資訊時,若類型選擇 PT,則會自動出現 PT 班別,選單就能選擇該員的班別。
https://ithelp.ithome.com.tw/upload/images/20251001/20168562JEScffmO4S.png

https://ithelp.ithome.com.tw/upload/images/20251001/201685621izm3c79hn.png

Cursor 出現連線錯誤訊息

昨天曾提到遇到一技術問題導致無法順利開啟排班工具網頁,這邊一併分享給各位

若你在使用 Cursor 時,發生如下錯誤

Connection failed. If the problem persists, please check your internet connection or VPN.

解釋原因

  • 不見得代表是電腦或使用者本身網路有問題,我曾測試過把網路更改或者重新開啟 Cursor 依然無法解決問題。這時候我開始懷疑可能是 Cursor 本身問題

除錯方式

當下我試了很多方式,以下也分享給各位

  1. 將 Cursor 的模式從 Agent → Ask

    https://ithelp.ithome.com.tw/upload/images/20251001/201685623nka8jr9qz.png

  2. 找到右上角的齒輪裝置 → 選擇 Network → HTTP Compatibility Mode 從 HTTP/2 → HTTP/1.1

    https://ithelp.ithome.com.tw/upload/images/20251001/20168562SeUTf6cQLO.png
    https://ithelp.ithome.com.tw/upload/images/20251001/201685627TXn85QMMU.png

  3. 重新開啟 Cursor,不是關閉視窗而是到工具列點擊 Cursor 後右鍵 quit

    https://ithelp.ithome.com.tw/upload/images/20251001/2016856281TdzjLJie.png

  4. 執行完成後,重開啟就能正常使用了


上一篇
[16] 開發過程 - 部分驗證與測試 -2
下一篇
[18] 開發過程 - 部分驗證與測試 -3
系列文
生成式 AI 生產力挑戰:30 天從需求打造工作凱瑞工具20
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
waynewei
iT邦新手 5 級 ‧ 2025-10-03 14:20:15

我 Cursor 也是用 Claude sonnet 系列!

我要留言

立即登入留言