WEBWeb 前端實作
QTable Web App
面向最終使用者的 React 應用：工作中心、五種檢視、儀表板、自動化、通知、記錄協作、搜尋、回收站、AI 與 Source Inbox。
- React 19 + TypeScript 7
- VTable / VTable Gantt
- Apollo Client + Zustand
- Nginx 自託管執行時
QTable · 一個完整開源產品結構化工作，
結構化工作，
從介面到底層服務統一在 QTable。
QTable 將 Web 應用程式、API 與領域服務統一在同一資料模型、權限邊界與發佈節奏中，形成從介面到底層服務的完整自託管工作系統。
5 種檢視Grid · Kanban · Gantt · Calendar · Gallery
完整工作殼層Home · My Work · Projects · Dashboards · Automations
可自託管PostgreSQL · Redis · S3-compatible
Apache-2.0v0.1.1-alpha 開源預覽
產品組成
一個產品，兩層實作。
程式碼儲存庫分開是工程邊界，產品體驗與資料契約保持統一。
APIAPI 與領域服務
QTable API & Domain Services
負責伺服器端資料模型、安全邊界與可稽核變更的核心服務層。
- FastAPI + Strawberry GraphQL
- Workspace / Row-level Permission
- Automation / Dashboard / ChangeSet
- PostgreSQL + Redis + S3-compatible storage
REST / GraphQL / WebSocket / Auth / OAuth
核心能力
圍繞同一工作模型建構端到端能力。
專案、檢視、協作、自動化、儀表板和 AI 不需要維護第二套任務資料庫。
多維表格
欄位、記錄、篩選、多欄位排序、分組、命名檢視與業務語意。
五種專案檢視
同一份記錄在 Grid、Kanban、Gantt、Calendar、Gallery 中切換。
工作中心
Home / My Work / Projects 提供真實的個人與專案入口。
權限與安全
Workspace、物件與列級權限貫穿詳情、聚合、搜尋與 AI。
自動化
規則驗證、執行、啟停、測試與執行歷史。
儀表板
Dashboard Center、Workbench、伺服器端聚合與安全公開分享。
協作
通知、記錄工作區、Activity 與即時路徑。
搜尋與恢復
權限感知全域搜尋、ChangeSet 與 Recycle Bin。
私有附件
穩定物件身分、權限重新驗證與可恢復的 S3 生命週期。
QTable Web 體驗
QTable Web 體驗承載完整產品互動。
下面的互動導覽使用本機模擬資料展示 QTable 的五種檢視；真實執行時由前端實作儲存庫連接 QTable API。
React 19TypeScript 7VTableApollo ClientZustandVChart
互動示範 · 無需後端前端實作原始碼
AI 原生工作流程
AI 建議仍然遵守 QTable 的權限與變更模型。
從目標產生到 Project Steward，再到安全 Action Plan，AI 重用既有 Table / View / Dashboard / Permission 模型。
Goal → Workspace
從目標產生初始工作結構。
Task Planning
把目標拆成可執行任務與專案結構。
Workload & Assignment
估算工作量、排程並建議工作空間成員。
Project Steward
從權限過濾後的記錄診斷專案並回答問題。
AI Views & Dashboards
使用既有 View / Dashboard 模型產生可視結構。
Preview → Confirm → Apply
預覽差異、選擇性接受，再重新驗證權限與狀態。
安全與資料生命週期
寫入、附件與協作都留在伺服器端安全邊界內。
用戶端體驗不會削弱 QTable 的權限、分頁、稽核與私有附件契約。
權限與可稽核變更
- AI 只讀取目前使用者可見脈絡
- Preview 不修改業務資料
- Apply 重新驗證權限與並行狀態
- 大型表格路徑保留伺服器端分頁與聚合
私有附件生命週期
- 記錄保存穩定 attachmentId / objectKey
- 上傳、讀取、刪除重新檢查權限
- Recycle / Restore 保留物件身分
- Upload Intent 支援異常中斷後的清理恢復
QTable Web App
Nginx · PORT 9100
React 19 + TypeScriptVTable + ApolloWeb 前端實作
↔
QTable API
FastAPI · PORT 9000
GraphQL · RESTWebSocket · OAuthPermission · Automation · AI
↔
資料與儲存
建議資料儲存
PostgreSQL 16Redis 7MinIO / external S3SQLite fallback