El documento utiliza el ChatGPT Demostración, código de generación de documentos por favor adapte el software para exportar la imagen por sí mismo.
El diagrama de flujo de generación de palabras rápidas proporciona un rápido resumen visual del tedioso trabajo y permite que la generación de artículos incluya elementos gráficos más fáciles de usar.

Herramientas relacionadas.

1. Mermaid es una biblioteca JavaScript para crear diagramas de flujo, diagramas de tiempo, diagramas de clases, etc.

2. Mindmap es una herramienta para construir diagramas conceptuales que se utilizan habitualmente en escenarios de mapas mentales, mapas mentales y mapas cerebrales.

3. GraphvizDOT es una herramienta para crear diagramas de flujo, diagramas de transición de estados, organigramas, diagramas de temporización y mucho más, utilizando nodos y aristas para representar relaciones y opciones de diseño más ricas para controlar el aspecto del diagrama.

Generar organigrama

pista

sirena

Gráficos circulares: utilice la palabra clave circular, que se utilizará con más detalle más adelante.

Diagrama de flujo: utilice la palabra clave gráfico, que se describirá con más detalle más adelante.

Diagramas de secuencia: utilización de la palabra clave sequenceDiagram

Diagrama de Gantt: uso de la palabra clave gantt

Diagramas de clase: utilice la palabra clave classDiagram

Diagramas de estado: uso de la palabra clave stateDiagram

Mapa del recorrido del usuario: uso de la palabra clave journey (recorrido)

Ejemplo de introducción

#### Cómo generar expresiones de trama de sirena utilizando chatGPT
El núcleo es un proceso de dos pasos, uno es generar la descripción del proceso que necesita a partir del prompt, y el otro es generar la expresión sirena del proceso a partir del prompt.
Consejo genérico:
Papel: usted es un experto en `***'.
Tarea 1: Escenario `***`, cómo se desarrolla todo el proceso, indique el flujo de interacción específico.
Tarea 2: Escriba de nuevo el proceso anterior utilizando la sintaxis Mermaid

#### por ejemplo, diagramas de flujo mediante Diagramas
Abra diagrams.net (https://app.diagrams.net/) Copie el código del diagrama de flujo de sintaxis Mermaid en Advanced para generar el diagrama de flujo.

Generar organigrama

``Mermaid
gráfico TD.
A[usuario] --> B[navegador].
B --> C [Servidor DNS].
C --> D [caché local].
D --> |cache misses| E[resolución DNS].
E --> F [Servidor DNS].
F --> G [obtener dirección IP].
B --> H [servidor web].
H --> I[solicitud de conexión TCP].
I --> J [servidor web].
J --> K [petición HTTP].
K --> L[método de solicitud, encabezado de solicitud, cuerpo de solicitud].
J --> M [procesando solicitud].
M --> |recurso existente| N [mensaje de respuesta de retorno];
N --> O[código de estado de la respuesta, encabezado de la respuesta, cuerpo de la respuesta].
B --> P[navegador parseando página renderizada];
O --> P.
M --> |No existe ningún recurso| Q [devolver código de estado 404].
Q --> O.
P --> R [descargar recursos].
R --> S [acceso a los recursos].
H --> T [procesamiento de solicitudes de recursos].
T --> |recurso existente| U[devolver mensaje de respuesta de recurso];
U --> V[código de estado del recurso, cabecera de respuesta, cuerpo de la respuesta].
R --> P.
T --> |No existe ningún recurso| W [devolver código de estado 404].
W --> U.
```

Cómo dibujar rápidamente por escenas

1. Diagrama de secuencia del flujo de interacción URL del navegador, importando expresiones de sirena en diagrams.net

``Mermaid
diagramaSecuencia
participante Navegador
servidor DNS participante
participante Servidor web

Navegador->>Servidor DNS: consulta DNS de la dirección IP del nombre de dominio del sitio web
Servidor DNS -->> Navegador: Devolver dirección IP

Navegador->>Servidor Web: Inicia la petición HTTP
Servidor Web -->> Navegador: Devuelve la respuesta HTTP (contenido HTML)

Navegador->>Servidor Web: solicitud de recursos HTML incrustados (imágenes, estilos, JS, etc.)
Servidor Web -->> Navegador: Volver al contenido del recurso

Navegador -->> Navegador: procesa HTML y recursos, renderiza páginas web.
Navegador-->>Usuario: Mostrar página

Usuario->>Browser: interactúa con la página web, genera nuevas peticiones
Navegador->>Servidor Web: Inicia la petición HTTP
Servidor Web -->> Navegador: Devolver respuesta HTTP
```

2. Secuencia de interacción de un usuario que accede a la aplicación WeChat, importando expresiones de sirena en diagrams.net

``Mermaid
diagramaSecuencia
usuario participante
participante wechat app
participante Servidor VPN local
servidor wechat participante

Usuario->>WeChat APP: Haga clic en el icono de WeChat APP
WeChat APP->>Servidor WeChat: Enviar solicitud HTTPS
Servidor WeChat-->>WeChat APP: Devolver respuesta HTTP
WeChat APP->>Servidor WeChat: Analizando Mensaje de Respuesta

Nota para el usuario: El siguiente es el procedimiento para establecer una conexión VPN
la red alt no está cubierta por los servicios de microsoft
WeChat APP->>Servidor VPN local: Enviar solicitud de conexión VPN
Servidor VPN local->>Servidor WeChat: Establecer conexión VPN
fin
```

3. Diagrama de flujo de interacción de un usuario que accede a la aplicación WeChat, importando expresiones de sirena en diagrams.net
La sintaxis de Mermaid en el entorno de texto actual no se puede analizar correctamente, se puede cambiar para que sea compatible con el formato markdown.

``Mermaid
subgrafo Cliente
clic[Haga clic en el icono de la APP de WeChat] --> solicitud[La APP de WeChat envía una solicitud HTTPS al servidor de WeChat]fin

subgraph Servidor VPN local
juzgar[Determinar si la red está dentro del alcance del servicio de WeChat] -->|No está en| establecer[La APP de WeChat envía una solicitud de conexión al servidor VPN local para establecer una conexión VPN]fin

subgraph wechat server side
solicitud --> autenticar[El servidor WeChat autentica la solicitud]autenticar -->|la solicitud es legítima| respuesta[El servidor WeChat devuelve un mensaje de respuesta HTTP a la APP WeChat]respuesta --> analizar[La APP WeChat analiza el mensaje de respuesta]fin

parse -->|required| request_more [WeChat APP para iniciar más solicitudes e interacciones con el servidor WeChat] ```

Tenga en cuenta que en las expresiones Mermaid: no puede haber paréntesis () en la descripción; expresiones de puntuación, que deben estar en formato inglés, por ejemplo, dos puntos, comas.

Generar un mapa mental

pista

Mapa mental

Ejemplo de introducción

Palabra clave:
El proceso de visitar los Ocho Grandes Lugares, peinarlo con un mapa mental, generar el lenguaje de marcado Mindmap

Código de salida:

El proceso de jugar en Badaqi

- pretender
- Determinar la fecha de la excursión
- Compra de entradas
- Consultar la previsión meteorológica
- Prepare agua, tentempiés, crema solar, etc.

- Llegada a Badaqi
- Llegada en autobús/coche
- Encontrar aparcamiento/comprar un ticket de aparcamiento
- Entrar en la zona panorámica

- Visitas turísticas
- Visita al Templo del Buda de Jade
- Visita a las Trece Tumbas
- Al lago Qinglong
- Escala la roca de mil pies.
- Disfrute del paisaje del Valle de los Lobos
- Visita al Jardín Botánico
- Jugar a Ice World
- Conoce los emocionantes coches de choque

- comedor
- Elegir un restaurante
- pedir comida
- comedor

- descanso
- pausa
- Agua potable como fuente de energía

- Continuación del recorrido
- Desafiando a la tirolina
- Prueba a escalar.
- Siente la emoción del rafting
- Conozca el carrusel

- Compra de recuerdos
- Selección de tiendas de recuerdos
- Compra de recuerdos
- pago

- Deja a Badaqi.
- Volver a casa a pie o en autobús
- Organice sus efectos personales
- Fin de un día agradable

Ejemplo de código:

El proceso de jugar en Badaqi

- pretender
- Determinar la fecha de la excursión
- Compra de entradas
- Consultar la previsión meteorológica
- Prepare agua, tentempiés, crema solar, etc.

- Llegada a Badaqi
- Llegada en autobús/coche
- Encontrar aparcamiento/comprar un ticket de aparcamiento
- Entrar en la zona panorámica

- Visitas turísticas
- Visita al Templo del Buda de Jade
- Visita a las Trece Tumbas
- Al lago Qinglong
- Escala la roca de mil pies.
- Disfrute del paisaje del Valle de los Lobos
- Visita al Jardín Botánico
- Jugar a Ice World
- Conoce los emocionantes coches de choque

- comedor
- Elegir un restaurante
- pedir comida
- comedor

- descanso
- pausa
- Agua potable como fuente de energía

- Continuación del recorrido
- Desafiando a la tirolina
- Prueba a escalar.
- Siente la emoción del rafting
- Conozca el carrusel

- Compra de recuerdos
- Selección de tiendas de recuerdos
- Compra de recuerdos
- pago

- Deja a Badaqi.
- Volver a casa a pie o en autobús
- Organice sus efectos personales
- Fin de un día agradable

>El código anterior no se puede ejecutar directamente en las notas, haga clic en [Generar mapa mental](https://markmap.js.org/repl) , el código se copia, puede descargar directamente la imagen original.

Generar diagramas de flujo complejos

pista

GraphvizDOT

Ejemplo de introducción

Palabra clave:
Quiero que actúes como generador de Graphviz DOT, experto en crear gráficos con sentido. Ayúdame a generar un gráfico del ciclo del agua. El contenido del código está en chino.

Código de salida:

dígrafo G {
rankdir=LR.
nodo[shape=círculo, fontname="Arial"];
edge[fontname="Arial", fontsize=12].

// Definir el nodo
Tierra [label="Tierra"].
Lagos [label="Lagos"].
Océanos [label="Océanos"].
Sol [label="Sol"].
Atmósfera [label="Atmósfera"].
Nubes [label="Nubes"].
Lluvia [label="Lluvia"].
Hielo y nieve [label="Hielo y nieve"].
Ríos [label="Ríos"].
Vegetación [label="Vegetación"].

// Definir los bordes
Sol -> Atmósfera [label="Radiación"].
Atmósfera -> Tierra [label="Radiación"].
Tierra -> Lagos [label="Recarga de aguas subterráneas"].
Tierra -> Océanos [label="Reposición de ríos"].
Lagos -> Ríos [label="Arroyos"].
Océanos -> Atmósfera [label="Evaporación"].
Atmósfera -> Nubes [label="Condensación"].
Nubes -> Lluvia [label="Precipitación"].
Precipitaciones -> Lagos [label="Escorrentía"].
Precipitaciones -> Arroyos [label="Escorrentía"].
Hielo -> Lagos [label="Derretir"];;
Hielo y nieve -> río [label="deshielo"].
Vegetación -> Atmósfera [label="Transpiración"].
Vegetación -> Tierra [label="Humedad del suelo"].
}

Ejemplos avanzados

Palabra clave:
Me gustaría que actuara como generador de Graphviz DOT, experto en crear gráficos con sentido. El gráfico debe tener al menos n nodos (especifico n en mi entrada escribiendo [n], 10 es el valor por defecto) y ser una representación precisa y compleja de la entrada dada. Cada nodo está indexado por un número para reducir el tamaño de la salida, no debe contener estilos y debe parametrizarse con layout=neato, overlap=false, node [shape=rectangle]. El código debe ser válido, estar libre de errores y devolverse en una sola línea sin ninguna explicación. Proporcione diagramas claros y organizados, las relaciones entre nodos deben tener sentido para un experto en esa entrada. Mi primer diagrama es: "Ciclo del agua [8]".
> Este ejemplo refuerza los roles, introduce n como variable, abstrae el código, los requisitos de estilo, la denominación de parámetros, mejora la validez del código y reduce el código redundante. Este ejemplo ofrece más posibilidades.

Código de salida:

dígrafo {
layout=neato; overlap=false; nodo [shape=rectangle];
0[label="Vaporización"];
1[label="Atmósfera"].
2[label="Condensación"].
3[label="Precipitación"].
4[label="Terreno"].
5 [label="Aguas subterráneas"].
6[label="Escorrentía superficial"].
7[label="Océanos"].
0 -> 1;
1 -> 2;
2 -> 3.
3 -> 4.
3 -> 5.
3 -> 6.
3 -> 7.
}

erDiagrama
USERS ||--o{ USER_ROLES }o--| ROLES : "User-Roles"

MAPS }o--|| LEVELS : nivel
NIVELES ||--o{ OBJETIVOS } : objetivo

usuarios {
uuid user_id
texto correo electrónico
fecha del texto
int recuento_de_peticiones
user_id *--1 usuario
}

chats {
uuid chat_id
uuid user_id
timestamp hora_creación
historial json
texto nombre_chat
}

chat_history {
uuid mensaje_id
uuid chat_id
texto mensaje_usuario
asistente de texto
timestamp hora_mensaje
}

vectores {
uuid id
contenido del texto
metadatos jsonb
vector(1536) incrustación
}

stats {
hora timestamp
booleano chat
incrustación booleana
detalles del texto
metadatos jsonb
identificador de serie
}

resúmenes {
id bigserial
uuid documento_id
contenido del texto
metadatos jsonb
vector(1536) incrustación
}

api_keys {
uuid clave_id
uuid user_id
text api_key
timestamp hora_creación
timestamp hora_borrado
booleano is_active
}

cerebros {
uuid brain_id
nombre del texto
estado del texto
modelo de texto
text max_tokens
temperatura flotante
}

brains_users {
uuid brain_id
uuid user_id
varchar derechos
boolean cerebro_por_defecto
}

cerebros_vectores {
uuid brain_id
uuid vector_id
texto archivo_sha1
}

brain_subscription_invitations {
uuid brain_id
varchar email
varchar derechos
}

migraciones {
nombre varchar
timestamptz fecha_ejecutado
}