{"id":2108,"date":"2026-05-26T08:05:43","date_gmt":"2026-05-26T08:05:43","guid":{"rendered":"https:\/\/www.vpascode.com\/pt\/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\/pt\/docs\/vpascode-docs\/mermaid-js-erd-syntax-guide\/","title":{"rendered":"Guia de Sintaxe ERD do Mermaid.js"},"content":{"rendered":"

O que \u00e9 um Diagrama de Relacionamento de Entidades (ERD)?<\/h2>\n

Um Diagrama de Relacionamento de Entidades (ERD)<\/strong> \u00e9 um plano estrutural usado para projetar, documentar e analisar esquemas de bancos de dados relacionais. Ele define as tabelas de dados espec\u00edficas (entidades) dentro de um aplicativo, as colunas (atributos) contidas nessas tabelas e as regras de integridade referencial que as unem. Escrito usando a nota\u00e7\u00e3o padr\u00e3o nota\u00e7\u00e3o de Engenharia de Informa\u00e7\u00e3o (IE)<\/strong>, ela implementa claramente nota\u00e7\u00e3o de p\u00e9 de corvo<\/strong> cabe\u00e7as para mostrar restri\u00e7\u00f5es de dados e depend\u00eancias entre m\u00faltiplas tabelas.<\/p>\n

Com Mermaid.js<\/strong>, voc\u00ea pode definir seus \u00edndices de tabelas de produ\u00e7\u00e3o, tipos de dados e conex\u00f5es de chaves estrangeiras usando um bloco de texto limpo e declarativo. O motor manipula automaticamente o dimensionamento para cont\u00eaineres de layout com m\u00faltiplas colunas e roteia as linhas de conex\u00e3o sem permitir sobreposi\u00e7\u00e3o de r\u00f3tulos de texto.<\/p>\n

Guia de Sintaxe Principal: Elementos e Constru\u00e7\u00f5es<\/h2>\n

Criar um esquema de banco de dados v\u00e1lido e totalmente execut\u00e1vel no Mermaid depende de blocos estruturais de entidades, mapeamentos de tipos de dados, r\u00f3tulos de \u00edndices e operadores de cardinalidade.<\/p>\n

1. Declarando Entidades e Colunas de Tabelas<\/h3>\n

Voc\u00ea inicializa uma tela ERD na primeira linha usando a palavra-chave erDiagram<\/code> palavra-chave. Para definir uma tabela, escreva o nome da entidade seguido por uma chave aberta, listando suas configura\u00e7\u00f5es de coluna sequencialmente em linhas individuais:<\/p>\n

\n
\nMermaid<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar Mermaid no 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 no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
2. Marcando Chaves Prim\u00e1rias, Chaves Estrangeiras e Coment\u00e1rios<\/h3>\n
O motor ERD do Mermaid permite que voc\u00ea atribua r\u00f3tulos de indexa\u00e7\u00e3o estrutural diretamente ap\u00f3s a defini\u00e7\u00e3o do nome da coluna e do tipo de dado. Tamb\u00e9m \u00e9 poss\u00edvel adicionar um coment\u00e1rio opcional a uma coluna envolvendo-o entre aspas duplas:<\/p>\n