VibeCoding Python Flask Ticketing

簡易訂票系統 - 基於 Python Flask 的全端網頁應用

功能特色

• 票種展示: 首頁展示多種票種和價格
• 線上訂票: 完整的訂票表單，包含票種選擇、數量選擇和個人資訊填寫
• 資料驗證: 表單資料驗證，確保資料完整性
• 訂單確認: 訂票成功後顯示詳細的訂單資訊
• 響應式設計: 適配桌面和移動設備

技術架構

• 後端: Python Flask
• 前端: HTML5, CSS3, JavaScript
• 模板引擎: Jinja2
• 數據存儲: 內存存儲（可擴展為數據庫）

快速開始

1. 安裝依賴

pip install -r requirements.txt

2. 運行應用

python app.py

PS. 目前在 Windows Powershell 執行問題比較少。

3. 訪問網站

打開瀏覽器訪問：http://localhost:5000

頁面路由

• / - 首頁，展示票種資訊
• /book - 訂票表單頁面
• /submit - 處理訂票提交（POST）
• /success - 訂票成功頁面

票種資料

系統預設包含以下票種：

• 一般票：NT$ 100
• 學生票：NT$ 80
• VIP票：NT$ 200
• 團體票：NT$ 90

開發環境

• Python 3.7+
• Flask 2.3.3+

功能說明

1. 首頁: 展示所有可用的票種和價格，用戶可以直接點擊「立即訂購」按鈕
2. 訂票頁面: 填寫訂票資訊，包括票種選擇、數量、姓名、電話和電子郵件
3. 訂單處理: 後端驗證所有輸入資料，驗證通過後生成訂單
4. 成功頁面: 顯示完整的訂單資訊和重要提醒事項

新增功能 (New Features)

管理員功能

• 訂單管理: 查看所有訂單的詳細資訊
• 搜尋功能: 按訂票人姓名、電話或電子郵件搜尋訂單
• 狀態篩選: 按訂單狀態（待確認、已確認、已取消）篩選
• 訂單匯出: 將所有訂單匯出為 CSV 檔案
• 狀態管理: 即時更新訂單狀態

用戶體驗改進

• 即時驗證: 表單填寫時即時驗證資料格式
• 價格計算: 選擇票種和數量時即時顯示總金額
• 電子郵件確認: 訂票成功後模擬發送確認郵件
• 響應式設計: 完美適配桌面和移動設備

技術特色

• 客戶端驗證: JavaScript 表單驗證，減少伺服器負載
• 狀態追蹤: 完整的訂單狀態生命週期管理
• 資料匯出: CSV 格式訂單資料匯出功能
• 錯誤處理: 完整的錯誤處理和使用者提示

完整功能列表

✅ 核心功能

• 票種展示與價格查詢
• 線上訂票表單
• 訂單資料驗證
• 訂票成功確認

✅ 管理功能

• 訂單列表查看
• 訂單搜尋與篩選
• 訂單狀態管理
• 訂單資料匯出

✅ 使用者體驗

• 響應式網頁設計
• 即時表單驗證
• 動態價格計算
• 電子郵件確認模擬

✅ 系統特色

• 現代化 UI 設計
• 完整的錯誤處理
• 跨平台相容性
• 易於擴展的架構

PRD

PRD