使用說明

客戶使用指南

步驟 1選擇商品

在首頁瀏覽所有可客製化的商品,點擊「開始設計」進入設計編輯器。

步驟 2上傳設計
  • 點擊「上傳圖片」按鈕,選擇您的設計圖檔(支援 JPG、PNG、GIF、WebP)
  • 拖曳圖片調整位置
  • 使用滑桿調整大小和旋轉角度
步驟 3新增文字(選用)
  • 切換到「文字」標籤,輸入您想要的文字
  • 設定字體大小和顏色
  • 點擊「新增文字」將文字添加到設計中
步驟 4下載預覽或提交訂單
  • 點擊「下載預覽」可下載合成的預覽圖片
  • 點擊「提交訂單」填寫聯絡資訊,完成訂單

後台管理說明

登入資訊

網址:/admin/login

預設帳號:admin@example.com

預設密碼:admin123

請在首次登入後前往系統設定修改密碼!

商品管理
  • 新增商品:上傳商品圖片、設定名稱、分類、說明
  • 設定設計區域:定義客戶可以放置設計的區域
  • 編輯/刪除:管理現有商品
  • 啟用/停用:控制商品是否顯示在前台
訂單管理
  • 查看所有客戶訂單
  • 查看客戶聯絡資訊(姓名、電子郵件、電話)
  • 下載客戶提交的設計圖片
  • 更新訂單狀態(待處理、處理中、已完成、已取消)
系統設定
  • 新增管理員帳號
  • 修改密碼

安全性說明

  • 密碼加密使用 bcrypt 加密儲存密碼,即使資料庫洩漏也無法還原
  • Session 簽章使用 HMAC-SHA256 簽章 session,防止偽造登入狀態
  • 登入限制同一 IP 連續登入失敗 5 次後鎖定 15 分鐘
  • 檔案驗證驗證上傳檔案的實際內容,防止偽造檔案類型
  • RLS 政策使用 Supabase Row Level Security 保護資料存取
  • HTTP Only CookieSession cookie 設為 HTTP Only,防止 XSS 攻擊竊取