Konwersacyjny UML: Natychmiastowe udoskonalanie diagramów klas dzięki wbudowanej sztucznej inteligencji VPasCode

Wstęp

W dynamicznym świecie współczesnej inżynierii oprogramowania dokumentacja często nie nadąża za rozwojem. Metoda Diagram jako kod (DaC)stała się potężnym rozwiązaniem, pozwalającym zespołom traktować diagramy jak kod źródłowy – z możliwością kontroli wersji, powtarzalnością i precyzją. Na czele tej rewolucji stoi VPasCode, zintegrowana platforma oparta na przeglądarce od Visual Paradigm, która obsługuje branżowe składnie, takie jak PlantUML, Mermaid i Graphviz.

Choć pisanie kodu do generowania diagramów zapewnia wyższą precyzję w porównaniu do ręcznego rysowania, wprowadza ono nowy punkt tarcia: ręczne aktualizowanie złożonych struktur. Dodawanie atrybutów do wielu klas podrzędnych lub refaktoryzowanie relacji może być żmudne i podatne na błędy, gdy wykonuje się to linijka po linijce.

Przepływ pracy Diagram-as-Code pokazujący, jak sztuczna inteligencja VPasCode modyfikuje diagramy klas UML za pomocą poleceń w języku naturalnym.

To właśnie tutaj wbudowana sztuczna inteligencja VPasCode przekształca proces pracy. Dzięki integracji przetwarzania języka naturalnego bezpośrednio w edytorze, VPasCode pozwala programistom udoskonalać swoje modele wizualne w trybie konwersacyjnym. Ten przewodnik wyjaśnia, jak wykorzystać funkcję „AI Modify”, aby natychmiast zaktualizować diagram klas UML, zamykając przepaść między kodem tekstowym a projektem wizualnym bez konieczności opuszczania środowiska pracy.

Kluczowe pojęcia

Zanim przejdziemy do praktycznych kroków, niezbędne jest zrozumienie kluczowych technologii, które czynią ten płynny proces udoskonalania możliwym:

Diagram jako kod (DaC):Metoda, w której diagramy są generowane z tekstowego kodu źródłowego, a nie rysowane ręcznie za pomocą myszy. Zapewnia to, że diagramy są kontrolowane wersjonowo, łatwo powtarzalne i zintegrowane z potokami CI/CD.
PlantUML:Popularne narzędzie open-source, które wykorzystuje proste opisy tekstowe do tworzenia diagramów UML. W naszym przykładzie składnia PlantUML definiuje strukturę klas takich jak Klient, Zamówienie, oraz Płatność.
Modyfikacja za pomocą wbudowanej sztucznej inteligencji:W przeciwieństwie do zewnętrznych narzędzi AI wymagających kopiowania i wklejania kodu tam i z powrotem, wbudowana sztuczna inteligencja VPasCode rozumie kontekst Twojego aktualnego pliku. Analizuje istniejący kod PlantUML, stosuje żądane zmiany (np. dodawanie atrybutów lub metod) i automatycznie przepisuje kod w tym samym środowisku.
Renderowanie w czasie rzeczywistym:VPasCode zapewnia widok podzielonego ekranu, w którym zmiany w kodzie po lewej stronie są natychmiast odzwierciedlane w diagramie wizualnym po prawej, zapewniając natychmiastową informację zwrotną i zmniejszając obciążenie poznawcze wynikające ze przełączania kontekstów.

Przewodnik krok po kroku: Doskonalenie diagramu klas przy użyciu wbudowanego AI w VPasCode

Szybkie i wygodne doskonalenie diagramu klas wewnątrz VPasCode bez zewnętrznych narzędzi można wykonać w kilku prostych krokach, korzystając z wbudowanej funkcji AI.

Punkt wyjścia

Wyobraź sobie, że masz podstawowy diagram klas e-commerce zdefiniowany w PlantUML. Posiadasz klasę Płatnośćz trzema klasami potomnymi: Gotówkę, Czek, oraz Kartę kredytowąObecnie te klasy potomne są pustymi powłokami, dziedziczącymi tylko po klasie rodzica.

(Uwaga: W rzeczywistym interfejsie odpowiada to pierwszemu dostarczonymu obrazowi, pokazującemu kod po lewej stronie oraz wyrenderowany diagram po prawej stronie z pustymi klasami potomnymi.)

Interfejs VPasCode wyświetlający podstawowy diagram klas PlantUML dla e-commerce z pustymi klasami podrzędnymi Cash, Check i Credit.

Rysunek 1: Stan początkowy diagramu klas w VPasCode. Zwróć uwagę na Gotówkę, Czek, oraz Kartę kredytowąbrakują konkretnych atrybutów.

Krok 1: Otwórz menu AI

Aby rozpocząć proces doskonalenia, zlokalizuj sterowania AI w interfejsie edytora.

Kliknij przycisk rozwijany AIumieszczony w sekcji górno-lewej nad edytorem kodu. To menu jest Twoją bramą do inteligentnej manipulacji diagramem.

Interfejs VPasCode pokazujący menu rozwijane sztucznej inteligencji z wybranymi opcjami Modyfikuj i Przetłumacz.

Rysunek 2: Kliknięcie przycisku rozwijanego AI ujawnia opcje Modyfikuj lub Przetłumacz kod diagramu.

Krok 2: Wybierz opcję Modyfikuj

Menu AI oferuje różne możliwości w zależności od Twoich potrzeb. W przypadku zmian strukturalnych użyjesz funkcji Modyfikuj.

Z menu rozwijanego kliknij Modyfikuj opcja z ikoną AI obok niej. Informuje to system, że zamierzasz zmienić istniejącą logikę i strukturę diagramu, a nie generować czegoś od zera.

Krok 3: Opisz pożądane zmiany

To najważniejszy krok, w którym język naturalny zastępuje ręczne kodowanie. Nie musisz znać dokładnej składni PlantUML dla nowych atrybutów; po prostu opisz, czego chcesz.

W oknie AI Modyfikuj dialogowym, który się pojawi, wprowadź opis w języku naturalnym, jak chcesz udoskonalić lub zmienić swój diagram.
Przykładowe polecenie: „Dodaj kilka atrybutów do klas potomnych klasy Payment na diagramie klas”
Kliknij przycisk AI Modyfikuj aby przesłać swoje żądanie.

Okno dialogowe modyfikacji AI VPasCode pokazujące polecenie dodania atrybutów do dzieci klasy Payment w diagramie UML.
Rysunek 3: Okno dialogowe AI Modyfikuj. Użytkownik wprowadza polecenie w języku naturalnym (1) i uruchamia proces (2).

Krok 4: Wyświetl udoskonalony diagram

Po przesłaniu polecenia silnik VPasCode rozpoczyna pracę. Analizuje żądanie, identyfikuje docelowe klasy (Cash, Check, Credit) i wstrzykuje odpowiednie atrybuty i metody na podstawie standardowej wiedzy z dziedziny.

AI automatycznie przetworzy Twój opis, zaktualizuje kod i odzwierciedli nowo dodane klasy, atrybuty lub metody bezpośrednio w Twoim wizualnym diagramie klas.
Wynik: Jak widać poniżej, klasa Cash posiada teraz cashTendered, klasa Check posiada bankID i bankName, a Kredyt klasa zawiera numer i expDate. Kod po lewej stronie został zaktualizowany, aby pasował do wizualizacji po prawej.

Wygenerowany przez AI VPasCode diagram klas UML pokazujący zaktualizowane klasy Cash, Check i Credit z nowymi atrybutami i metodami.

Rysunek 4: Ulepszony diagram. Sztuczna inteligencja pomyślnie uzupełniła klasy podrzędne odpowiednimi atrybutami i metodami, aktualizując zarówno kod, jak i reprezentację wizualną.

Podsumowanie

Integracja sztucznej inteligencji w narzędziach typu Diagram-as-Code, takich jak VPasCode, stanowi znaczący krok naprzód w zakresie produktywności architektów i programistów oprogramowania. Postępując zgodnie z tym prostym czterokrokowym procesem, możesz przekształcić szkieletowy diagram klas w szczegółowy dokument projektowy w kilka sekund.

Możliwość wpisania „Dodaj atrybuty do dzieci klasy Payment”i obserwować jednoczesną aktualizację kodu i diagramu eliminuje trudności związane z ręczną edycją składni. Niezależnie od tego, czy modelujesz złożony system przedsiębiorstwa, czy prostą aplikację, wbudowana sztuczna inteligencja VPasCode zapewnia, że Twoja dokumentacja ewoluuje tak szybko, jak Twoje pomysły.

Gotowy, aby spróbować samodzielnie? Odwiedź VPasCode, aby natychmiast zacząć zamieniać swój tekst na profesjonalne diagramy.

Ten post dostępny jest również w English, Français, English, Bahasa Indonesia, Portuguese, Ру́сский, Việt Nam and 繁體中文