軟體架構與程式分析 - daniel-qa/Vue GitHub Wiki

0. 系統架構層 (Design Layer)

   0.1 系統藍圖 (Blueprint)

   0.2 架構圖設計 (Diagrams)

   • Diagram-draw.io

0. 系統架構層 (Design Layer)      
      0.1 系統藍圖 (Blueprint)
        - 系統邊界與模組拆分
        - 技術選型 (Vue / .NET / Azure)
        - 非功能需求 (效能/安全)
      0.2 架構圖設計 (Diagrams)
        - System Architecture (整體)
        - Sequence Diagram (時序)
        - Component Tree (元件關係)
      0.3 資料架構 (Data Architecture)
        - Data Model (Schema)
        - Cosmos DB Partition Strategy
      0.4 契約設計 (Contract)
        - REST API / DTO / OpenAPI
      0.5 流程與狀態 (Flow & State)
        - Business/User Flow
        - State Machine (狀態機)

---

網站服務流程設計

1. 角色 & 權限（Who）

使用者類型：訪客 / 會員 / 管理員

權限區分：每個角色能做什麼（最基本的權限控制）

2. 功能流程（What）

主要功能：登入註冊、查詢、下單、付款等核心功能

最小步驟：每個功能的最小可行流程，避免過多分支

3. 頁面 / UI 流程（Where）

重要頁面清單：登入頁、首頁、功能頁、結帳頁

頁面跳轉關係：用簡單流程圖表示

響應式設計：桌面版 / 手機版的基本適配

4. 資料流（How）

API 設計：前端送什麼資料 → 後端怎麼存 → 要不要回傳

資料格式：統一的請求/回應格式（JSON）

資料驗證：前後端雙重驗證機制

主要 API 清單：只列關鍵 API，不用全列