鐵人檔案
在上一回的修煉中，我們初探了 Pinia 的核心，學會了使用 state、getters 和 actions 來建立一個管理認證 token 的中央倉庫 (au...
在過去幾天的修煉中，我們已經建立起一套完整的登入與狀態管理機制。在上一回，我們甚至在 authStore 中定義了一個名為 fetchUserProfile 的...
在上一回的修煉中，我們打造了 axios 客戶端。它配備的「回應攔截器」可以在偵測到 401 錯誤時，果斷地將使用者登出並踢回登入頁。這確保了系統的安全性，但從...
今天，我們要施展的是系統開發中最實用的一式：「庫存查詢系統」。 一個能讓管理者快速掌握所有商品庫存狀況的介面，是POS系統不可或缺的核心功能。 我們將打造一個功...
今天聚焦「客戶管理」的頁面設計與基礎實作，主角是 CustomerManagement.vue。我們會完成搜尋卡（CustomerSearchCard）、結果清...
承接上篇的介面設計，本文聚焦在「可運行的前端 CRUD 骨架」，以 CustomerManagement.vue 為中心，補齊資料模型、Store、API 契約...
在 Day 25、Day26 的文章中，我們深入探討了 POS 系統中商品管理的前端 CRUD 介面設計，並借鑒了 CustomerManagement.vue...
在過去的幾篇文章中，我們逐步構建了銷售系統的核心功能，我們的系統已經具備了處理日常營運的能力。然而，一個完善的商業系統不僅僅是處理交易和管理資料，更重要的是能夠...
在過去的幾篇文章中，我們從前端 CRUD 介面、訂單狀態機設計，到儀表板的數據視覺化，逐步構建了 POS 系統的各項核心功能。這些功能在桌面環境下運作良好，但現...
前言 各位讀者大家好！我們的鐵人賽系列文章終於來到了最後一天！ 從最初對 Vue.js 的好奇與探索，到如今完成一個具備多項核心功能的銷售系統雛形，這 30 天...
