# GPT Image Hub prompt

## 軟體架構概念教育資訊圖
- URL: https://www.gptimagehub.com/zh-TW/library/software-architecture-concepts-educational-infographic
- Generator URL: https://www.gptimagehub.com/zh-TW/generate?promptId=oss-ym-g2-17856
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-TW%2Flibrary%2Fsoftware-architecture-concepts-educational-infographic
- Category: 資訊圖與教育
- Model: gpt-image-2
- Aspect ratio: 3:4
- Style: graphic-design
- Tags: 資訊圖, 軟體架構, 網頁開發, 技術科普, 圖解, 向量風格
- Updated: 2026-10-26T15:51:13.098Z
- Created: 2026-10-26T15:51:13.098Z

生成直觀解釋前端、後端、資料庫與SaaS工作流程的資訊圖。可自訂模組標題、程式語言與流程標籤以符合不同技術架構。

### Full prompt
```text
一張通俗易懂的軟體架構核心概念教育資訊圖解：
- 模組 01：[前端 Frontend] - 使用者可見介面，展示網頁瀏覽器和手機螢幕，配有 HTML、CSS 和 JavaScript 圖示。
- 模組 02：[後端 Backend] - 幕後的業務邏輯與計算層，展示伺服器機架和大腦圖示，帶有 Java、Python、Go 和 Node.js 標籤。
- 模組 03：[資料庫 Database] - 資料儲存與管理，透過代表 MySQL、PostgreSQL 的關係表圓柱體和代表 MongoDB 的文件資料夾圖示展示。
- 模組 04：[SaaS 軟體即服務] - 展示雲端交付與訂閱制模式，連線電腦與移動裝置。
- 模組 05：[總結流程] - 底部橫向連線流程圖：[前端展示 → 後端處理 → 資料庫儲存 → SaaS交付方式]。
風格：現代扁平向量資訊圖，排版清晰規整，柔和的馬卡龍模組配色，極簡科技風圖示，清晰的文字標籤，淺色背景。
```