Spring e React - 2026

1 - Introdução 2 - Configurar ambiente 3 - Criar API 4 - Controle 5 - Base de dados 6 - Entidade 7 - Conexão 8 - Repositório 9 - Rota de cadastro 10 - Testar rota 11 - Rota de seleção 12 - Rota de alteração 13 - Rota de remoção 14 - CORS 15 - Instalar o Node 16 - Criar projeto React 17 - Estruturar projeto 18 - Adicionar o Bootstrap 19 - Estruturar formulário 20 - Estruturar tabela 21 - useEffect 22 - Listagem 23 - Visibilidade dos botões 24 - Criar objeto 25 - Cadastrar 26 - Selecionar pessoa 27 - Cancelar 28 - Alterar 29 - Remover 30 - Considerações

5 - Base de dados

Olá pessoal, na quinta aula do treinamento de Angular 20, iremos trabalhar com componentes.

Nesta etapa, vamos criar a base de dados para a nossa aplicação. Iremos utilizar o Visual Studio Code com a extensão Database Client, que permite conectar e gerenciar diferentes bancos de dados diretamente no VSCode.

Além desta extensão, existem outros softwares e ferramentas que podem ser utilizados para gerenciar bancos de dados:

  • MySQL Workbench – Software oficial do MySQL para criar, editar e visualizar bancos de dados e tabelas.
  • DBeaver – Uma ferramenta universal de gerenciamento de banco de dados, compatível com MySQL, PostgreSQL, Oracle, SQL Server, entre outros.
  • Extensão dbCode – Outra extensão para utilizar no VSCode, possui uma opção gratuita para trabalhar com diversos gerenciadores de banco de dados, como: MySQL, Oracle, MongoDB, SQL Server, etc.

Agora, vamos criar nossa base de dados chamada pessoas:

  1. Abra o Visual Studio Code e instale a extensão Database Client.
  2. Configure uma nova conexão com o MySQL (ou outro banco de sua preferência), informando host, porta, usuário e senha.
  3. Após conectar, abra a opção de criação de banco de dados e crie a base chamada pessoas.
  4. Você já pode criar tabelas e executar consultas SQL diretamente pelo VSCode usando a extensão.

Essa abordagem facilita o gerenciamento da base de dados sem sair do ambiente do VSCode. No vídeo abaixo, mostro passo a passo como criar a base pessoas e configurá-la para o nosso projeto.