#01Beginner5 min

Seu Primeiro Diagrama

Crie um projeto, adicione suas primeiras tabelas, defina colunas e configure relacionamentos. Em 5 minutos você terá um diagrama ER funcionando.

Neste guia

  1. 1Cadastre-se e crie um workspace
  2. 2Crie um modelo de dados
  3. 3Adicione sua primeira tabela
  4. 4Defina colunas e chaves primárias
  5. 5Adicione uma segunda tabela e crie um relacionamento
  6. 6Organize as tabelas no canvas

Passo 1: Cadastre-se e crie um workspace

Acesse app.erflow.io/register e crie sua conta gratuita. Após o cadastro, você será solicitado a criar um workspace. Um workspace é onde todos os seus modelos de dados ficam armazenados — pense nele como uma pasta para seus projetos.

Dê um nome ao seu workspace (por exemplo, "Minha Empresa" ou "Projetos Pessoais") e você estará pronto para começar.

Passo 2: Crie um modelo de dados

No dashboard do workspace, clique em "Novo Modelo de Dados". Dê um nome como "Banco de Dados do Blog" ou "Schema E-Commerce". Você pode escolher o tipo de banco de dados (PostgreSQL, MySQL, SQLite, etc.) — isso afeta os tipos de coluna disponíveis e as migrações geradas.

Após criar o modelo de dados, você chegará ao editor visual — um canvas em branco pronto para suas tabelas.

Passo 3: Adicione sua primeira tabela

Na barra de ferramentas superior, clique no ícone de Tabela (ou pressione o atalho). Em seguida, clique em qualquer lugar do canvas para posicionar sua tabela. Um diálogo aparecerá pedindo o nome da tabela — digite users e confirme.

Sua tabela aparece no canvas com uma coluna id padrão (chave primária com auto-incremento). Você pode arrastá-la para qualquer lugar do canvas.

Passo 4: Defina colunas e chaves primárias

Clique na tabela users para selecioná-la. Na barra lateral esquerda, você verá as colunas da tabela. Clique em "Adicionar Coluna" para adicionar novas colunas:

  • name — tipo: varchar, comprimento: 255
  • email — tipo: varchar, comprimento: 255, unique: true
  • password — tipo: varchar, comprimento: 255
  • created_at — tipo: timestamp, nullable: true
  • updated_at — tipo: timestamp, nullable: true

Para cada coluna, você pode definir propriedades como tipo, comprimento, nullable, valor padrão e restrição unique. Clique em uma coluna para abrir o popover de propriedades.

A coluna id já está marcada como chave primária. Se precisar de uma chave primária composta, você pode selecionar múltiplas colunas.

Passo 5: Adicione uma segunda tabela e crie um relacionamento

Adicione outra tabela chamada posts com estas colunas:

  • id — chave primária com auto-incremento (criada automaticamente)
  • user_id — tipo: bigint, unsigned
  • title — tipo: varchar, comprimento: 255
  • content — tipo: text
  • published_at — tipo: timestamp, nullable: true

Agora crie uma chave estrangeira: clique no ícone de Link na barra de ferramentas (ou pressione o atalho) para entrar no modo "relacionar". Clique primeiro na tabela posts, depois clique na tabela users. O ER Flow criará uma chave estrangeira de posts.user_idusers.id.

Uma linha de relacionamento aparece entre as duas tabelas, mostrando a cardinalidade (um para muitos). Você pode clicar na linha de relacionamento para configurar as regras de cascata (ON DELETE, ON UPDATE).

Passo 6: Organize as tabelas no canvas

Arraste as tabelas para organizá-las logicamente no canvas. As linhas de relacionamento se ajustam automaticamente. Você pode:

  • Aplicar zoom com a roda do mouse ou os botões +/- da barra de ferramentas
  • Mover o canvas clicando e arrastando o fundo do canvas
  • Selecionar múltiplas tabelas segurando Shift e clicando
  • Desfazer/Refazer com Ctrl+Z / Ctrl+Shift+Z (ou os botões da barra de ferramentas)

Seu primeiro diagrama ER está completo! A partir daqui você pode adicionar mais tabelas, criar checkpoints e gerar migrações.