回到系統作品

Low-code CMS

以視覺化設定建立資料模型、管理後台、頁面與 API 的內容系統。

作品畫面

Low Code CMS 的登入入口與 Schema、多語系、工作流功能介紹 — CMS 登入入口；下方是登入後各功能的實際畫面。點擊圖片可查看原尺寸

後台總覽：內容類型數量（Collection／Single Type）、待審核項目、工作流各狀態的筆數與系統狀態，登入後第一眼就知道內容現況。 — 後台總覽：內容類型數量（Collection／Single Type）、待審核項目、工作流各狀態的筆數與系統狀態，登入後第一眼就知道內容現況。點擊圖片可查看原尺寸

Schema Builder：列出所有內容類型，可看到類型、Key、說明、是否開啟審核流程與版本，新增一種內容不用寫程式也不用改資料庫。 — Schema Builder：列出所有內容類型，可看到類型、Key、說明、是否開啟審核流程與版本，新增一種內容不用寫程式也不用改資料庫。點擊圖片可查看原尺寸

表單設計器：左邊是元件庫（文字、富文字編輯器、下拉選單、日期、上傳、JSON、評分、顏色…），拖進中間就排出編輯表單；關聯欄位會依 Schema Relations 自動辨識。 — 表單設計器：左邊是元件庫（文字、富文字編輯器、下拉選單、日期、上傳、JSON、評分、顏色…），拖進中間就排出編輯表單；關聯欄位會依 Schema Relations 自動辨識。點擊圖片可查看原尺寸

內容編輯：依 Schema 自動產生的編輯表單，上方顯示工作流狀態與審核歷史，可以直接取消發布。 — 內容編輯：依 Schema 自動產生的編輯表單，上方顯示工作流狀態與審核歷史，可以直接取消發布。點擊圖片可查看原尺寸

頁面編輯器：用 Hero、按鈕、圖片、影片、頁尾等元件拖拉組出網站頁面，可切換手機、平板、桌機尺寸預覽，編好直接發布。 — 頁面編輯器：用 Hero、按鈕、圖片、影片、頁尾等元件拖拉組出網站頁面，可切換手機、平板、桌機尺寸預覽，編好直接發布。點擊圖片可查看原尺寸

網站主題：一鍵套用配色範本，或自訂品牌色、字型與間距，右邊即時預覽按鈕、卡片等元件套用後的樣子。 — 網站主題：一鍵套用配色範本，或自訂品牌色、字型與間距，右邊即時預覽按鈕、卡片等元件套用後的樣子。點擊圖片可查看原尺寸

角色權限：每個角色可以逐項開關各內容類型的建立、讀取、更新、刪除與發布權限。 — 角色權限：每個角色可以逐項開關各內容類型的建立、讀取、更新、刪除與發布權限。點擊圖片可查看原尺寸

搜尋索引：替文章、分類、標籤等內容建立全文搜尋索引，分別設定可搜尋與可篩選的欄位，資料異動後可以一鍵重建索引。 — 搜尋索引：替文章、分類、標籤等內容建立全文搜尋索引，分別設定可搜尋與可篩選的欄位，資料異動後可以一鍵重建索引。點擊圖片可查看原尺寸

API Token：發給外部網站或 App 的存取金鑰，可設為唯讀或完整存取，並設定有效期與每小時的呼叫上限。 — API Token：發給外部網站或 App 的存取金鑰，可設為唯讀或完整存取，並設定有效期與每小時的呼叫上限。點擊圖片可查看原尺寸

解決的問題

縮短 MVP 的建置與迭代時間，讓非工程角色能參與內容與資料結構的日常管理。

實作方向

01以 Schema 描述內容模型與欄位設定。
02將後台操作、頁面與 API 的產生流程收斂到同一系統。
03支援內容審核與多語系的日常管理情境。