Read this post in: de_DEen_USes_ESfr_FRhi_INid_IDpl_PLpt_PTru_RUvizh_CN

產品更新:使用 VPasCode 可立即將 PHP 源代碼轉換為 UML 類圖

A two-column diagram showing PHP source code being transformed into a UML class diagram.

理解 PHP 應用程式中複雜的面向對象架構可能具有挑戰性,特別是在引入新團隊成員或審計遺留代碼庫時。Visual Paradigm 很高興宣布對 Visual Paradigm 進行重大增強VPasCode:原生支援將 PHP 源代碼可視化為全面的UML 類圖.

作為一個整合的圖示即代碼工具,VPasCode 現在彌補了原始源代碼與架構圖之間的差距。無論您需要快速的免費 PHP 編輯器或專用的線上 PHP 圖示工具,VPasCode 會自動處理渲染,讓您專注於系統設計。

什麼是 VPasCode?

如果您是首次接觸 VPasCode,它是 Visual Paradigm 的一站式圖示即代碼工具,旨在使用流行的文本轉圖示領域特定語言(DSL)和程式碼來簡化圖示創建。VPasCode 結合了輕量級的免費 PHP 編輯器和程式碼編輯器體驗,搭配即時的並排圖形渲染器。

Screenshot of VPasCode, a diagram-as-code tool, editing a PHP code and reading the corresponding UML class diagram side by side.

除了 PHP 之外,VPasCode 還支援大量格式和語言,包括:

PHP轉UML可視化的工作原理

從您現有的 PHP 專案建立 UML 圖表僅需幾秒鐘。VPasCode 提供簡潔的介面,您的程式碼位於左側,而您的視覺架構則即時顯示在右側。

1. 粘貼、輸入或拖放

您可以直接將物件導向 PHP 程式碼輸入編輯器。如果您正在處理電腦上的現有檔案,只需將 PHP 原始碼檔案直接拖放到 VPasCode 工作區——編輯器會立即讀取程式碼,並產生對應的類別結構、介面、屬性、方法和關係。

2. 即時圖形預覽

當您修改類別定義、可見性修飾詞(public, protected, private),繼承,或介面實作時,您的 UML 類別圖會即時更新。它同時兼具快速免費 PHP 編輯器與互動式線上 PHP 圖表工具.

3. 無縫分享與匯出選項

當您的圖表準備就緒後,與團隊成員分享架構或將其加入文件中將毫無障礙:

  • 免登入連結分享:透過簡單的超連結分享您程式碼和圖表的精確互動預覽——無需使用者註冊。
  • 向量匯出(SVG):下載高解析度的SVG檔案,適合用於網頁嵌入和詳細的技術規格。
  • 影像匯出(PNG):儲存影像檔案,以快速製作報告或簡報投影片。
  • 剪貼簿複製:將渲染後的影像直接複製到系統剪貼簿,以便快速貼上至Slack、Teams或電子郵件中。

立即體驗:PHP 面向物件範例

為展示VPasCode如何清晰解析類別層次結構、抽象類別與介面,請考慮以下定義簡單動物領域模型的面向物件PHP程式碼範例:

<?php
interface Playable {
    public function play(): void;
}

abstract class Animal {
    protected string $name;
    private int $age;

    public function __construct(string $name, int $age) {
        $this->name = $name;
        $this->age = $age;
    }

    abstract public function makeSound(): void;

    public function getInfo(): string {
        return $this->name . " 是 " . $this->age . " 歲";
    }
}

class Dog extends Animal implements Playable {
    private string $breed;

    public function __construct(string $name, int $age, string $breed) {
        parent::__construct($name, $age);
        $this->breed = $breed;
    }

    public function makeSound(): void {
        echo "汪!";
    }

    public function play(): void {
        echo $this->name . " 正在玩接球遊戲";
    }
}

class Cat extends Animal {
    private string $furColor;

    public function __construct(string $name, int $age, string $furColor) {
        parent::__construct($name, $age);
        $this->furColor = $furColor;
    }

    public function makeSound(): void {
        echo "喵!";
    }
}

class Zoo {
    /** @var Animal[] */
    private array $animals = [];

    public function addAnimal(Animal $animal): void {
        $this->animals[] = $animal;
    }
}

在VPasCode中解析時,此片段會以視覺方式呈現:

  • 這個Playable介面合約。
  • 抽象基類Animal具有受保護和私有屬性的類別。
  • 具體類別DogCat繼承自Animal.
  • 類別 實作 可播放.
  • 之間的聚合關係 動物園動物.

立即親自試試這個範例: 您可以在我們的 線上 PHP 圖表工具 透過開啟下方預載的工作區連結來使用:

在 VPasCode 中開啟互動式 PHP UML 類別圖

進階功能:AI 協助與整合

VPasCode 不僅超越傳統的文字轉圖表工具,更內建智慧生產力功能,專為企業開發工作流程設計:

  • 自動程式碼偵測: 只需將您的程式碼片段貼到畫布上。VPasCode 會自動分析輸入格式,並呈現正確的圖表視圖,無需手動切換選項。
  • AI 程式碼錯誤修復: 遇到語法錯誤嗎?點擊 『由 AI 修復』 即可自動解決語法錯誤。VPasCode 同時顯示並列的差異說明,讓您了解語法錯誤是如何被修正的。
  • AI 圖表翻譯: 單次點擊即可原生將圖表內的文字翻譯成多種語言,非常適合分散的國際工程團隊使用。
  • OpenDocs 整合: 直接匯出並嵌入您產生的圖表至 Visual Paradigm OpenDocs,以確保系統架構手冊與您的活碼庫同步更新。

計畫注意事項:核心功能包括即時程式碼編輯、自動視覺渲染、拖曳上傳檔案、PNG/SVG 匯出以及 URL 連結分享,全部免費。進階 AI 錯誤修復與 AI 翻譯功能僅提供給 Visual Paradigm Online Combo Edition(及更高版本)或 Visual Paradigm Desktop Professional Edition(及更高版本)使用者使用。

立即開始規劃您的 PHP 架構

停止花費數小時在影像編輯器中手動繪製類別圖。使用 VPasCode 作為您彈性的免費 PHP 編輯器以及輕量級的圖表即程式碼工具讓您的文件與程式碼保持同步。

立即啟動 VPasCode 編輯器 →

統一平台VPasCode 的入口:位於應用程式中心的「開發者」類別下。

返回頂端