Das Dokument verwendet die ChatGPT Demonstration, Code zur Dokumentenerstellung Bitte passen Sie die Software an, um das Bild selbst zu exportieren.
Das Flussdiagramm zur Generierung von Prompt-Wörtern bietet eine schnelle visuelle Zusammenfassung der mühsamen Arbeit und ermöglicht es, die Generierung von Artikeln mit benutzerfreundlicheren grafischen Elementen zu versehen.
Verwandte Tools.
1) Mermaid ist eine JavaScript-Bibliothek zur Erstellung von Flussdiagrammen, Zeitdiagrammen, Klassendiagrammen und mehr.
2 Mindmap ist ein Werkzeug zur Erstellung von konzeptionellen Diagrammen, die häufig in Mindmapping-, Mindmapping- und Brainmapping-Szenarien verwendet werden.
3. graphvizDOT ist ein Werkzeug zur Erstellung von Flussdiagrammen, Zustandsübergangsdiagrammen, Organisationsdiagrammen, Zeitdiagrammen und mehr, das Knoten und Kanten zur Darstellung von Beziehungen und reichhaltige Layout-Optionen zur Steuerung des Erscheinungsbildes des Diagramms verwendet.
Flussdiagramm generieren
Hinweis
Nixe
Tortendiagramme: Verwenden Sie das Schlüsselwort pie, das später noch ausführlicher behandelt wird.
Flussdiagramm: Verwenden Sie das Schlüsselwort graph, auf das später noch näher eingegangen wird.
Sequenzdiagramme: Verwendung des Schlüsselworts sequenceDiagram
Gantt-Diagramm: Verwendung des Schlüsselworts gantt
Klassendiagramme: Verwenden Sie das Schlüsselwort classDiagram
Zustandsdiagramme: Verwendung des Schlüsselworts stateDiagram
User Journey Mapping: Verwendung des Schlüsselworts Journey
Erste Schritte Beispiel
#### Wie man Mermaid-Plot-Ausdrücke mit chatGPT erzeugt
Das Kernstück ist ein zweistufiger Prozess, bei dem zum einen die benötigte Prozessbeschreibung aus der Eingabeaufforderung und zum anderen der Prozessnixenausdruck aus der Eingabeaufforderung generiert wird.
Allgemeiner Tipp:
Rolle: Sie sind Experte für `***'
Aufgabe 1: `***`-Szenario, wie läuft der gesamte Prozess ab, geben Sie einen konkreten Interaktionsablauf an
Aufgabe 2: Schreiben Sie den obigen Prozess erneut in der Mermaid-Syntax#### z.B. Flussdiagramme mit Diagrammen
Öffnen Sie diagrams.net (https://app.diagrams.net/) Kopieren Sie den Mermaid-Syntax-Flussdiagramm-Code in Advanced, um das Flussdiagramm zu erstellen.
Flussdiagramm generieren
Nixe
Grafik TD.
A[Benutzer] --> B[Browser].
B --> C [DNS-Server].
C --> D [lokaler Cache].
D --> |cache misses| E[DNS-Auflösung].
E --> F [DNS-Server].
F --> G [IP-Adresse ermitteln].
B --> H [Webserver].
H --> I[TCP-Verbindungsanfrage].
I --> J [Webserver].
J --> K [HTTP-Anfrage].
K --> L[Anfragemethode, Anfragekopf, Anfragekörper].
J --> M [Bearbeitung der Anfrage].
M --> |vorhandene Ressource| N [Antwortnachricht];
N --> O[Antwortstatuscode, Antwortkopf, Antwortkörper].
B --> P[Browser parst gerenderte Seite];
O --> P.
M --> |Keine Ressource vorhanden| Q [return 404 status code].
Q --> O.
P --> R [Ressourcen herunterladen].
R --> S [Zugang zu Ressourcen].
H --> T [Bearbeitung von Ressourcenanforderungen].
T --> |vorhandene Ressource| U[Antwortnachricht der Ressource];
U --> V[Statuscode der Ressource, Antwortkopf, Antwortkörper].
R --> P.
T --> |Keine Ressource vorhanden| W [return 404 status code].
W --> U.
```
Wie man schnell nach Szenen zeichnet
1) Sequenzdiagramm des Browser-URL-Interaktionsflusses, Import von Meerjungfrauen-Ausdrücken in diagrams.net
Nixe
sequenceDiagram
Teilnehmer-Browser
Teilnehmer DNS-Server
Teilnehmer-WebserverBrowser->>DNS Server: DNS-Abfrage der IP-Adresse des Domainnamens der Website
DNS-Server -->> Browser: Rückgabe der IP-AdresseBrowser->>Webserver: Initiiert eine HTTP-Anfrage
Webserver -->> Browser: Rückgabe der HTTP-Antwort (HTML-Inhalt)Browser->>Webserver: Anforderung von in HTML eingebetteten Ressourcen (Bilder, Stile, JS usw.)
Webserver -->> Browser: Zurück zum RessourceninhaltBrowser -->> Browser: Analysiert HTML und Ressourcen, rendert Webseiten.
Browser-->>Benutzer: Seite anzeigenBenutzer->>Browser: interagiert mit der Webseite, erzeugt neue Anfragen
Browser->>Webserver: Initiiert eine HTTP-Anfrage
Webserver -->> Browser: HTTP-Antwort zurückgeben
```
2. die Interaktionssequenz eines Benutzers, der auf die WeChat-App zugreift und Meerjungfrauenausdrücke in diagrams.net importiert
Nixe
sequenceDiagram
Teilnehmer-Benutzer
Teilnehmer wechat app
Teilnehmer Lokaler VPN-Server
Teilnehmer wechat serverBenutzer->>WeChat APP: Klicken Sie auf das WeChat APP Symbol
WeChat APP->>WeChat Server: HTTPS-Anfrage senden
WeChat Server-->>WeChat APP: HTTP-Antwort zurückgeben
WeChat APP->>WeChat Server: Analysieren der AntwortnachrichtHinweis an den Benutzer: Nachfolgend wird die Vorgehensweise zum Aufbau einer VPN-Verbindung beschrieben
alt network ist nicht von microsoft services abgedeckt
WeChat APP->>Lokaler VPN-Server: VPN-Verbindungsanfrage senden
Lokaler VPN-Server->>WeChat-Server: VPN-Verbindung aufbauen
Ende
```
3) Flussdiagramm der Interaktion eines Benutzers, der auf die WeChat-App zugreift, Import von Meerjungfrauenausdrücken in diagrams.net
Mermaid-Syntax in der aktuellen Textumgebung kann nicht richtig geparst werden, kann geändert werden, um mit dem Markdown-Format kompatibel zu sein.
Nixe
Untergraph Kunde
klicken[WeChat APP-Symbol anklicken] --> Anfrage[WeChat APP sendet HTTPS-Anfrage an WeChat-Server]
EndeUntergraf Lokaler VPN-Server
judge[Ermitteln, ob sich das Netzwerk innerhalb des WeChat-Dienstbereichs befindet] -->|not in| establish[WeChat APP sendet Verbindungsanfrage an lokalen VPN-Server, um VPN-Verbindung aufzubauen]
Endesubgraph wechat server side
request --> authenticate [microsoft server authentication und authentication of request]
authenticate -->|request is legitimate| response [WeChat-Server sendet HTTP-Antwortnachricht an WeChat APP]
Antwort --> parse[microsoft app parse response message]
Endeparse -->|erforderlich| request_more [WeChat APP zur Initiierung weiterer Anfragen und Interaktionen mit dem WeChat Server]
```
Beachten Sie, dass in Mermaid-Ausdrücken keine Klammern () in der Beschreibung vorkommen dürfen; Interpunktionsausdrücke, die im englischen Format sein müssen, z. B. Doppelpunkte, Kommas.
Erstellen einer Mind Map
Hinweis
Mindmap
Erste Schritte Beispiel
Stichwort Wort:
Der Prozess des Besuchs der Acht Großen Orte, die Kombination mit einer Mindmap, die Erstellung der Mindmap-Auszeichnungssprache
Ausgangscode:
Der Prozess des Spielens in Badaqi
- beabsichtigen
- Bestimmen Sie das Datum der Exkursion
- Kauf von Fahrkarten
- Prüfen Sie die Wettervorhersage
- Bereiten Sie Wasser, Snacks, Sonnenschutzmittel usw. vor.- Ankunft in Badaqi
- Anreise mit dem Bus/Fahrzeug
- Suche nach einem Parkplatz/Kauf eines Parkscheins
- Betreten des landschaftlich reizvollen Gebiets- Sightseeing
- Besuch des Jade-Buddha-Tempels
- Besuchen Sie die Dreizehn Gräber
- In den Qinglong-See
- Besteigen Sie den Tausend-Fuß-Felsen.
- Erleben Sie die Landschaft des Tals der Wölfe
- Besichtigung des Botanischen Gartens
- Ice World spielen
- Treffen Sie die aufregenden Autoscooter- Essen
- Auswahl eines Restaurants
- Essen bestellen
- Essen- ruhend
- Pause
- Trinkwasser für Energie- Fortsetzung der Tour
- Die Herausforderung der Seilrutsche
- Versuchen Sie Klettern.
- Erleben Sie den Nervenkitzel des Raftings
- Treffen Sie das Karussell- Kauf von Souvenirs
- Auswahl an Souvenirläden
- Kauf von Souvenirs
- Bezahlung- Verlassen Sie Badaqi.
- Zu Fuß gehen/den Bus nach Hause nehmen
- Organisieren Sie Ihr persönliches Hab und Gut
- Ende eines angenehmen Tages
Code-Beispiel:
Der Prozess des Spielens in Badaqi
- beabsichtigen
- Bestimmen Sie das Datum der Exkursion
- Kauf von Fahrkarten
- Prüfen Sie die Wettervorhersage
- Bereiten Sie Wasser, Snacks, Sonnenschutzmittel usw. vor.- Ankunft in Badaqi
- Anreise mit dem Bus/Fahrzeug
- Suche nach einem Parkplatz/Kauf eines Parkscheins
- Betreten des landschaftlich reizvollen Gebiets- Sightseeing
- Besuch des Jade-Buddha-Tempels
- Besuchen Sie die Dreizehn Gräber
- In den Qinglong-See
- Besteigen Sie den Tausend-Fuß-Felsen.
- Erleben Sie die Landschaft des Tals der Wölfe
- Besichtigung des Botanischen Gartens
- Ice World spielen
- Treffen Sie die aufregenden Autoscooter- Essen
- Auswahl eines Restaurants
- Essen bestellen
- Essen- ruhend
- Pause
- Trinkwasser für Energie- Fortsetzung der Tour
- Die Herausforderung der Seilrutsche
- Versuchen Sie Klettern.
- Erleben Sie den Nervenkitzel des Raftings
- Treffen Sie das Karussell- Kauf von Souvenirs
- Auswahl an Souvenirläden
- Kauf von Souvenirs
- Bezahlung- Verlassen Sie Badaqi.
- Zu Fuß gehen/den Bus nach Hause nehmen
- Organisieren Sie Ihr persönliches Hab und Gut
- Ende eines angenehmen Tages
>Der obige Code kann nicht direkt in den Notizen ausgeführt werden. Klicken Sie auf [Mind Map generieren] (https://markmap.js.org/repl), der Code wird hineinkopiert und Sie können das Originalbild direkt herunterladen.
Komplexe Flussdiagramme generieren
Hinweis
GraphvizDOT
Erste Schritte Beispiel
Stichwort Wort:
Ich möchte, dass Sie als Graphviz DOT-Generator fungieren, als Experte für die Erstellung aussagekräftiger Diagramme. Helfen Sie mir, ein Wasserzyklus-Diagramm zu erstellen. Der Inhalt des Codes ist auf Chinesisch.
Ausgangscode:
Digraph G {
rankdir=LR.
node[shape=circle, fontname="Arial"];
edge[fontname="Arial", fontsize=12].// Definieren Sie den Knoten
Erde [label="Erde"].
Seen [label="Seen"].
Meere [label="Meere"].
Sonne [label="Sonne"].
Atmosphäre [label="Atmosphere"].
Wolken [label="Clouds"].
Regen [label="Regen"].
Eis und Schnee [label="Eis und Schnee"].
Flüsse [label="Flüsse"].
Vegetation [label="Vegetation"].// Definieren Sie die Kanten
Sonne -> Atmosphäre [label="Strahlung"].
Atmosphäre -> Erde [label="Strahlung"].
Erde -> Seen [label="Grundwasseranreicherung"].
Erde -> Ozeane [label="River Replenishment"].
Seen -> Flüsse [label="Ströme"].
Ozeane -> Atmosphäre [label="Verdunstung"].
Atmosphäre -> Wolken [label="Kondenswasser"].
Wolken -> Regen [label="Niederschlag"].
Niederschlag -> Seen [label="Abfluss"].
Niederschlag -> Bäche [label="Abfluss"].
Eis -> Seen [label="Schmelzen"];;
Eis und Schnee -> Fluss [label="Schmelzen"].
Vegetation -> Atmosphäre [label="Transpiration"].
Vegetation -> Erde [label="Bodenfeuchtigkeit"].
}
Fortgeschrittene Beispiele
Stichwort Wort:
Ich möchte, dass Sie als Graphviz DOT-Generator agieren, als Experte für die Erstellung sinnvoller Graphen. Der Graph sollte mindestens n Knoten haben (ich gebe n in meiner Eingabe an, indem ich [n] schreibe, 10 ist der Standard) und eine genaue und komplexe Darstellung der gegebenen Eingabe sein. Jeder Knoten wird durch eine Zahl indiziert, um die Größe der Ausgabe zu reduzieren, sollte keine Stile enthalten und mit layout=neato, overlap=false, node [shape=rectangle] parametrisiert sein. Der Code sollte gültig und fehlerfrei sein und in einer Zeile ohne jegliche Erklärung zurückgegeben werden. Liefern Sie klare und übersichtliche Diagramme, die Beziehungen zwischen den Knoten müssen für einen Experten auf diesem Gebiet einen Sinn ergeben. Mein erstes Diagramm ist: "Wasserkreislauf [8]".
> Dieses Beispiel verstärkt die Rollen, bringt n als Variable ein, abstrahiert den Code, die Stilanforderungen, die Parameterbenennung, verbessert die Gültigkeit des Codes und reduziert redundanten Code. Dieses Beispiel bietet mehr Möglichkeiten.
Ausgangscode:
Digraph {
layout=neato; overlap=false; node [shape=rectangle];
0[label="Verdampfung"];
1[label="Atmosphäre"].
2[label="Kondenswasser"].
3[label="Niederschlag"].
4[label="Land"].
5[label="Grundwasser"].
6[label="Oberflächenabfluss"].
7[label="Ozeane"].
0 -> 1;
1 -> 2;
2 -> 3.
3 -> 4.
3 -> 5.
3 -> 6.
3 -> 7.
}
erDiagramm
USERS ||--o{ USER_ROLES }o--|| ROLES : "Benutzer-Rollen"MAPS }o--|| LEVELS : level
LEVELS ||--o{ OBJECTIVES } : ZielBenutzer {
uuid benutzer_id
Text-E-Mail
Textdatum
int Anfragen_Zahl
user_id *--1 user
}chats {
uuid chat_id
uuid benutzer_id
Zeitstempel creation_time
json-Geschichte
text chat_name
}chat_history {
uuid nachricht_id
uuid chat_id
text user_message
Textassistent
Zeitstempel message_time
}Vektoren {
uuid id
Textinhalt
jsonb-Metadaten
Vektor(1536) Einbettung
}stats {
Zeitstempel Zeit
boolescher Chat
boolesche Einbettung
Textdetails
jsonb-Metadaten
Seriennummer
}Zusammenfassungen {
Großseriennummer
uuid dokument_id
Textinhalt
jsonb-Metadaten
Vektor(1536) Einbettung
}api_keys {
uuid schlüssel_id
uuid benutzer_id
text api_key
Zeitstempel creation_time
Zeitstempel deleted_time
boolean is_active
}Gehirne {
uuid brain_id
Textname
Textstatus
Textmodell
text max_tokens
Schwimmertemperatur
}brains_users {
uuid brain_id
uuid benutzer_id
varchar Rechte
boolean default_brain
}brains_vectors {
uuid brain_id
uuid vector_id
text datei_sha1
}brain_subscription_invitations {
uuid brain_id
varchar E-Mail
varchar Rechte
}Migrationen {
varchar name
timestamptz ausgeführt_am
}