https://dylanchiang-dev.github.io/tags/%E6%A5%AD%E5%8B%99%E7%B3%BB%E7%B5%B1/業務系統Hugo Blox Builder (https://hugoblox.com)zh-TWSat, 03 Oct 2026 00:00:00 +0000https://dylanchiang-dev.github.io/media/icon_hu_982c5d63a71b2961.pnghttps://dylanchiang-dev.github.io/tags/%E6%A5%AD%E5%8B%99%E7%B3%BB%E7%B5%B1/https://dylanchiang-dev.github.io/project/quotabase/Sat, 03 Oct 2026 00:00:00 +0000https://dylanchiang-dev.github.io/project/quotabase/<p>Quotabase-Lite 是面向中小企業報價工作的開源網頁系統。我將客戶、商品／服務、報價單、狀態及收據整理成連貫流程，使用原生前端、PHP 與 MySQL／MariaDB 保持架構精簡。</p> <h2 id="我做了哪些工作">我做了哪些工作</h2> <ul> <li><strong>業務資料與操作流程</strong>：整合客戶管理、產品／服務目錄、報價建立與狀態追蹤，讓資料可以在相關操作之間接續使用。</li> <li><strong>金額與交易處理</strong>：以整數分儲存金額，避免直接以浮點數表示金額；結合資料庫交易處理相關寫入。</li> <li><strong>前後端實作</strong>：以 PHP、少量 Composer 依賴及原生 HTML／CSS／JavaScript 實作，整理 Tab 導覽及深色模式。</li> <li><strong>輸入與存取防護</strong>：使用 PDO 預處理、CSRF 驗證及輸出轉義等基礎機制；本頁不將這些機制當成完整安全稽核的結論。</li> <li><strong>列印與收據</strong>：實作 A4 列印頁、個人收據及 QR／hash 核對入口，讓保存、列印及資料檢視接上業務流程。</li> <li><strong>匯出與部署</strong>：提供 CSV／JSON 匯出與安裝部署說明，保留零框架架構的易理解性及可維護範圍。</li> </ul> <h2 id="業務流程示意">業務流程示意</h2> <figure><img src="https://dylanchiang-dev.github.io/project/quotabase/workflow.png" alt="Quotabase-Lite 的客戶、商品、報價、狀態、列印與收據流程。"><figcaption> <p>依公開功能繪製的示意，不含客戶姓名、金額、交易編號或真實文件；不是產品介面截圖。</p> </figcaption> </figure> <h2 id="展示邊界">展示邊界</h2> <p>本頁展示業務建模、資料處理與產品實作，不沿用尚未重新核驗的效能數字，也不將收據核對功能延伸為法規符合性或法律效力的保證。</p> <p> </p>