WtDesigner

WT設計師

---

下載 Windows 二進位檔案（64 位元）

• 首次運行 WtDesigner 之前安裝「vcredist_x64.exe」。
• 在 Windows 中以管理員權限執行 WtDesigner。

---

下載 Linux 二進位（64 位元）

• 可能需要：

$ chmod +x ./WtDesignerInstallerV.1.0.3.run

• 在CentOS7和Ubuntu14.04上測試

• 安裝程式可能會要求輸入sudo密碼以將WtDesigner.desktop複製到/usr/shared/applications/ 。

• 如果 WtDesigner 未顯示網頁內容，請點選「重新整理」按鈕，直到顯示內容。

---

什麼

一個 WYSIWYG（所見即所得）前端編輯器，充當 HTML/CSS 和 Wt C++ 函式庫之間的橋樑。只需點擊幾下，它就可以幫助您使用 C++ 和 Wt 程式庫建立 Web 應用程式。它還透過自動產生大部分樣板程式碼並預覽最終結果的圖形來簡化 Wt 函式庫的使用，而無需編譯任何 C++ 程式碼。

---

世界衛生組織

貢獻者名單：

• 胡安布爾戈斯。

• cls-nebadje。

---

為什麼

儘管 C++ 並不是 Web 開發的首選語言，但在某些特定情況下，它相對於其他語言具有優勢：

• 高效能、資源需求高的 Web 應用程式。
• 適用於嵌入式裝置的低佔用空間 Web GUI。
• 與現有 C++ 庫整合。
• 將 C++ 桌面應用程式移植到 Web 中。
• 利用現有的 C++ 技能集進行 Web 開發。

Wt（Web 工具包）C++ 函式庫是實現上述所有目標的完美工具。 Wt 透過使用桌面 GUI 開發中經過充分測試的以小部件為中心的設計模式以及受成功的 Qt C++ 庫啟發的 API，簡化了 Web 應用程式的開發。

缺點是，以小部件為中心的工作流程犧牲了 HTML/CSS 框架的全部圖形潛力。它使得創建簡單的工作 Web 應用程式變得非常容易，但創建美觀、響應靈敏、個人化、引人注目的設計卻非常複雜。

WtDesigner 的創建是為了降低使用 Wt 庫創建漂亮的 Web 應用程式設計的複雜性。

---

如何

WtDesigner 是一個同樣受到 Qt（特別是 QtDesigner）啟發的工具，它基於 Wt 函式庫和 Qt 本身。它提供了一種透過拖放元素、區塊和模板來開發 Web 應用程式前端的簡單方法。此外，它還允許預覽應用程式的外觀、對其進行調整併立即查看結果，而無需重新編譯應用程式。

WtDesigner 可以在 Windows（以及很快的 Linux 和 Mac）中用作獨立應用程序，但它也可以透過流行的 IDE 插件整合到您的工作流程中（即將推出... ）。

---

教學

Youtube 影片

謝謝

如果沒有以下條件，這個專案就不可能實現：

• Wt C++ 函式庫
• Qt C++ 框架
• Font Awesome 和 Font-Awesome-SVG-PNG（應用程式圖示）。
• Melissa Montero Habaue（小部件圖示）