{"id":2112,"date":"2026-05-26T08:05:43","date_gmt":"2026-05-26T08:05:43","guid":{"rendered":"https:\/\/www.vpascode.com\/es\/docs\/uncategorized\/mermaid-js-erd-syntax-guide\/"},"modified":"2026-05-26T08:05:43","modified_gmt":"2026-05-26T08:05:43","slug":"mermaid-js-erd-syntax-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/mermaid-js-erd-syntax-guide\/","title":{"rendered":"Gu\u00eda de sintaxis de ERD de Mermaid.js"},"content":{"rendered":"

\u00bfQu\u00e9 es un diagrama de entidad-relaci\u00f3n (ERD)?<\/h2>\n

Un Diagrama de entidad-relaci\u00f3n (ERD)<\/strong> es un plano estructural utilizado para dise\u00f1ar, documentar y analizar esquemas de bases de datos relacionales. Describe las tablas de datos espec\u00edficas (entidades) dentro de una aplicaci\u00f3n, las columnas (atributos) anidadas dentro de esas tablas, y las reglas de integridad referencial que las unen. Escrito utilizando la notaci\u00f3n est\u00e1ndar notaci\u00f3n de Ingenier\u00eda de Informaci\u00f3n (IE)<\/strong>, implementa claras notaci\u00f3n de pie de cuervo<\/strong> de cabeza para mostrar restricciones de datos y dependencias entre m\u00faltiples tablas.<\/p>\n

Con Mermaid.js<\/strong>, puedes definir los \u00edndices de tablas de producci\u00f3n, los tipos de datos y las conexiones de claves for\u00e1neas utilizando un bloque de texto limpio y declarativo. El motor maneja autom\u00e1ticamente el tama\u00f1o para contenedores de dise\u00f1o de m\u00faltiples columnas y enruta las l\u00edneas de conexi\u00f3n sin que las etiquetas de texto se solapen.<\/p>\n

Gu\u00eda de sintaxis principal: Elementos y construcciones<\/h2>\n

Construir un esquema de base de datos v\u00e1lido y completamente ejecutable en Mermaid depende de bloques de entidades estructurales, asignaciones de tipos de datos, etiquetas de \u00edndices y operadores de cardinalidad.<\/p>\n

1. Declaraci\u00f3n de entidades y columnas de tabla<\/h3>\n

Inicializas una superficie de ERD en la primera l\u00ednea utilizando la palabra clave erDiagram<\/code> palabra clave. Para definir una tabla, escribe el nombre de la entidad seguido de una llave abierta, enumerando tus configuraciones de columnas de forma secuencial en l\u00edneas individuales:<\/p>\n

\n
\nMermaid<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar Mermaid en VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\r\n
\r\n Mermaid<\/span>\r\n \r\n <\/path><\/path><\/svg>\r\n Edit Mermaid in VPasCode<\/span>\r\n <\/a>\r\n <\/div>\r\n
\r\n 
erDiagram\r\n    USERS {\r\n        int id\r\n        string email\r\n        timestamp created_at\r\n    }<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEditar Mermaid en VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
2. Marcado de claves primarias, claves for\u00e1neas y comentarios<\/h3>\n
El motor de ERD de Mermaid te permite asignar etiquetas de indexaci\u00f3n estructural directamente despu\u00e9s del nombre de la columna y la definici\u00f3n de tipo de datos. Tambi\u00e9n puedes agregar un comentario de texto opcional a una columna envolvi\u00e9ndolo entre comillas dobles:<\/p>\n