案例
羽球場預約系統 Court booking
2026 年 8 月
球友自己查空場，
這是
- 我們打造
- 公開查詢網站、LINE 官方帳號與 LIFF 頁面、管理後台、後端
- 使用者
- 球友（免註冊）與場館業主
- 版本
- 2026 年 8 月上線，持續更新中
- 場
館 - 新北市，三面室內羽球場
場館的日常，變了什麼
-
以前
「週六
晚上 B 場 還有 空 嗎？」 一 整天 電話、LINE 問 個 不停， 業主 每次 都 得 翻 舊 紀錄 才能 回答。 現在
A、B、C 三面
場地 的 即時 空檔， 網站 和 LINE 都 查 得到， 任何人 免 登入 就 能看。 -
以前
每一
筆 預約 都要 再 手動 抄 一次。 現在
球友
自己 填 的 姓名、 電話 和 匯款 末五碼 直接 成為 紀錄， 業主 核對 帳戶 後 按 確認 就好。 -
以前
季租
的 熟客， 要 一週 一週 手動 登記。 現在
套用
方案 就 能 一次 排好 整 季， 撞 期 的 時段 會 自動 略過 並列 出來。 -
以前
時段
被人 佔著， 卻 遲遲 沒有 匯款。 現在
沒
付款 的 保留，24 小時 後 自動 釋出。
系統怎麼運作
-
跨日期、跨場地一次選
場地 × 時段
的 表格， 一眼 看出 哪裡 還 空 著。 球友 可以 跨 日期、 跨 場地 複選， 一次 送出； 三面 場 同時 段 一起 租 就是 包場， 固定 價格。 公開 頁 面 只會 顯示 「已 預約」， 不會 顯示 是誰 訂 的。 實際 介面， 資料 為 示意。 -
在 LINE 裡直接確認
每一
筆 申請 都會 以 卡片 傳到 業主 的 LINE， 球場、 時段、 聯絡 人 和 匯款 末五碼 一次 看清楚。 確認、 拒絕 或 請 對方 補件， 都不 用 打開 後台。 球友 這邊， 申請 送出 和 確認 完成 時 也 都會 收到 LINE 通知。 示意圖， 文字 取自 系統 實際 用語。 -
季租方案，自動續約保留
業主
依 場地、 星期 和 時段 設定 方案， 套用 後 整 季 一次 排好， 遇到 國定假日 的 場 次 會 順延 到 最後。 季 末 前， 系統 會 先把 同樣 的 時段 保留 給 熟客， 並在 LINE 詢問 要 不要 續租；14 天 沒 回覆 就 自動 釋出。 -
改期、取消，不用再打電話
球友
可以 依 場 館 規範 自己 改期 或 取消， 確認 前 就 看得到 能 退 多少。 業主 會 收到 一張 LINE 卡片， 退款 轉帳 完成 後 按 一下 回報。 取消
可 退 費用 - 3 天
前 100%取消 - 2 天
前 50%取消 - 前 1 天
或 0%當天
- 3 天
-
經營場館，一個後台就夠
保留
中的 申請、 看得到 預約 人 和 保留 狀態 的 場地 管理、 歷史 紀錄、 季租 方案 與 管理 員 名單 都在 這裡。 一個 開關 就 能 暫停 公開 申請， 從 舊 行事曆 搬 資料 過來 時 也 不怕 撞 單。 
實際 介面， 資料 為 示意。
跟著使用的人，一起長出來
上線
-
遇到
的 狀況 球友
要 在 聊天 室 輸入 手機 號碼 來 綁 定 LINE， 很多 人 打錯。 我們
的 調整 改成 LINE 裡
的 簡短 表 單， 已 綁 定、 未 綁 定 的 人 看到 不同 的 選單。 -
遇到
的 狀況 「我的
預約」 每次 打開 都要 重新 登入。 我們
的 調整 改成 LINE 裡
的 頁 面， 直接 認得 你是 誰， 不再 有 登入 按鈕。 -
遇到
的 狀況 業主
還在 等 熟客 回覆 要 不要 續租， 時段 就 被 別人 訂 走了。 我們
的 調整 下
一季 的 時段， 現在 會 自動 先 幫 熟客 保留。 -
遇到
的 狀況 球友
不 確定 申請 到底有 沒有 送出。 我們
的 調整 每
一種 申請 送出 後， 都會 在 LINE 收到 「已 收到 申請」 的 訊息。
我們打造的部分
Vue 3 · TypeScript · Vite
公開查詢網站
場地
Messaging API · LINE Login · LIFF
LINE 官方帳號
圖文選單、
Vue 3 · Bootstrap 5
管理後台
申請、
Laravel 13 · PHP · MySQL
後端服務
價格
場館不大，工程一樣扎實
預約
- 788 個
後端 自動化 測試 - 96 個 API 端點，
撐起 網站、LINE 頁 面 與 後台 - 5 個 LINE 內頁
面： 預約、 購買 時 數、 我的 預約、 綁 定 帳號、 申請 - 4 個
排 程 工作， 包括 每 五分鐘 釋出 未 付款 的 保留， 以及 續約 提醒
數字
對