Wie KI beeindruckende Code-Flussdiagramme präzise generiert

Hallo zusammen, ich bin Michuan

Ohne künstliche Intelligenz müssen wir mindestens 60 Minuten damit verbringen, den Code zu lesen und manuell Mindmaps oder Flussdiagramme basierend auf unserem eigenen Verständnis zu zeichnen, um den Code besser zu verstehen.

AI kann Code in genaue Codevisualisierungsgrafiken umwandeln und spart so Zeit beim Lesen des Codes, nur 5 Minuten.

Hier gibt es drei Probleme:

1 Wie interpretiert man den Code durch KI?

2 Wie stellt man den interpretierten Code durch ein Flussdiagramm dar?

3. So erstellen Sie ein Flussdiagramm

Ich werde diese drei Teile nacheinander vorstellen

1. KI-Interpretation von Code nutzt tatsächlich die Zusammenfassungsfähigkeit von KI, um Codekommentare zu generieren. Große Modelle implementieren diese Funktion bereits.

Zum Beispiel das zugrunde liegende Modell von Baidu Comate: Wenxinyiyan 4.0, das von der Tsinghua-Universität entwickelte große CodeGeex-Modell und das zugrunde liegende Modell von GitHub Copilot: CodeX

Einige Leute fragen sich vielleicht, warum Anmerkungen nicht direkt über GPT generiert werden?

GPT ist ein allgemeines großes Modell, das viele Dinge tun kann, z. B. das Schreiben von Artikeln, das Schreiben von Code, das Schreiben von Romanen usw.; wenn Sie nur Code schreiben, ist es nicht so gut wie ein großes proprietäres Codemodell, das spezialisierter ist Konzentriert sich nur auf das Codefeld und interpretiert den Code genauer. Die generierten Codekommentare sind genauer Kern ist die Auftragsverpackung. Zum Beispiel werden 10 Bestellungen geclustert, um 8 Pakete zu generieren.

Clustering Es gibt zu viele Details, daher möchte ich KI verwenden, um das Flussdiagramm zu extrahieren und zu zeichnen, was intuitiver ist Programmiertool Baidu Comate zur Interpretation dieses Codes

Nach der Installation des Plug-Ins Comate finden Sie über dem Funktionscode das Code-Erklärungsmenü

Bild

Klicken Sie auf den Codekommentar und das Chatfeld Baidu AI Assistant wird geöffnet und zeigt die Codeerklärung

Bilder

2. Ob es sich um die Berichterstattung an den Leiter oder das Schreiben eines wöchentlichen Berichts handelt, wenn Sie den Text oder die Codevisualisierung einfügen können, wird das Gefühl anders sein Daher ist es sehr wichtig, die Visualisierung zu erlernen. Die Codevisualisierung erfordert im Allgemeinen die Erstellung von UML-Diagrammen. Aus Sicht der Verwendung von Textbeschreibungen zum Generieren von UML-Diagrammen habe ich mich für PlantUML entschieden ein leistungsstarkes Tool zum schnellen Erstellen vieler Arten von Diagrammen. Diese Diagramme werden häufig in der Softwareentwicklung und beim Schreiben von Dokumenten verwendet. Im Folgenden sind einige der wichtigsten Diagrammtypen aufgeführt, die von PlantUML unterstützt werden:

1. Wird zur Darstellung der Zeitreihen von Interaktionen zwischen Objekten verwendet des Systems oder der Nachrichtenübermittlung zwischen Objekten.

Bilder

2. Anwendungsfalldiagramm: Beschreiben Sie die Interaktion zwischen den Funktionen des Systems und externen Benutzern (Teilnehmern).

Bilder

3. Klassendiagramm: Zeigt die Struktur von Klassen im System und die Beziehungen zwischen Klassen, wie z. B. Vererbung, Schnittstellenimplementierung, Abhängigkeiten usw.

Bilder

4. Aktivitätsdiagramm: Ähnlich einem Flussdiagramm, das verwendet wird, um den Kontrollfluss von einer Aktivität zur anderen darzustellen.

Bilder

5. Komponentendiagramm: Zeigt, wie die Komponenten des Systems zusammenarbeiten.

Bilder

6. Zustandsdiagramm: Zeigt die Zustände, die ein Objekt während seines Lebenszyklus erfährt, und die Übergänge zwischen den Zuständen.

Bilder

7. Objektdiagramm: Ein Beispiel für ein Klassendiagramm, das die Beziehung zwischen Objekten im System zeigt.

Bilder

8. Paketdiagramm: Zeigt die Paketstruktur des Codes und hilft, die modulare Organisation des Codes zu verstehen.

Bild

9. Organigramm (Wireframe Graphic Interface): Wird verwendet, um die Zusammensetzung der grafischen Organisationsstruktur zu beschreiben.

Bild

10. Wird im Projektmanagement verwendet Projektzeitplan und -fortschritt.

Bilder

Ich weiß nicht, ob Sie das Flussdiagramm nicht gesehen haben. Tatsächlich ist das Aktivitätsdiagramm ein Flussdiagramm Die Syntax und die rechte Seite sind die visuellen Grafiken

Bilder

Wir haben die vom AI-Programmiertool generierten Codekommentare übergeben und dann die KI nach den erhaltenen Codekommentaren gefragt: Bitte generieren Sie den PlantUML-Aktivitätsdiagrammcode basierend auf dem folgenden Code Kommentar

Bild

Sehen Sie sich die Antwort von AI an:

Bild

3. Flussdiagramm generieren

Kopieren Sie den in Schritt 2 generierten Flussdiagrammcode auf die URL der Plantuml-Visualisierungswebsite: http://www. plantuml.com/plantuml

Bild

Klicken Sie auf die Schaltfläche „Senden“, um das Bild zu erhalten. Sie können die Bedeutung dieses Codes grob erkennen, indem Sie sich das Flussdiagramm ansehen Code-Visualisierungsdiagramm, das sehr praktisch ist Die Grafiken nach dem Lesen des Codes sind in der Tat viel effizienter. Lassen Sie mich zum Schluss noch einen kleinen Tipp geben: Es gibt viele Arten von visuellen Darstellungen des Codes Diagramme? Sie können AI fragen, welches Diagramm mit diesem Code besser zu generieren ist, und die optimale Präsentationsmethode für die Visualisierung auswählen Ich habe zum Beispiel viele Artikel über Go geschrieben und sie dann mit KI visualisiert.

Go kann zum Beispiel wiedereintretende Sperren ausführen, und ein Bild erklärt es auf einfache Weise verstehen

Bild

Zum Beispiel: Go-Speicherverwaltung, ein Bild erklärt die Speicherverteilungskomponenten

Bild

Zum Beispiel: go.sum-Datei, ein Bild beschreibt die interne Struktur

Bild

Beispielsweise veranschaulicht die zugrunde liegende Datenstruktur von sync.Cond die bereitgestellte Funktionsschnittstelle die Entwicklung eines Tools oder Plug-Ins, wodurch die Kosten der Softwareentwicklung erheblich gesenkt werden; KI kann es Menschen, die sich mit Programmierung auskennen, ermöglichen, ihre tägliche Arbeit effizienter zu erledigen und die Anwendungsentwicklung schneller abzuschließen, was die Arbeits- und Lerneffizienz erheblich verbessert

Ich habe mich immer daran gehalten Ein Standpunkt: Wenn Sie nicht schreiben können, können Sie nicht mit KI schreiben. Wenn Sie nicht programmieren können, können Sie auch nicht mit KI programmieren.

Wenn Sie ein Code-Flussdiagramm mithilfe von KI erstellen möchten, müssen Sie zunächst wissen, was ein Code-Flussdiagramm ist, wie es visualisiert werden kann, und dann KI verwenden, um den Prozess zu beschleunigen. Das war's für den heutigen Austausch. Es gibt noch viele Szenarien, in denen KI zur Verbesserung der Effizienz eingesetzt werden kann. Ich werde es das nächste Mal mit Ihnen teilen. Vielen Dank, dass Sie sich die Zeit genommen haben, es anzusehen

Das obige ist der detaillierte Inhalt vonWie KI beeindruckende Code-Flussdiagramme präzise generiert. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!