Como fazer um CRUD com SQLite no Ionic

Nessa vídeo aula eu mostro como incluir, alterar, excluir e consultar dados no SQLite com Ionic.

 

O que é o SQLite

Segundo o próprio site do SQLite, O SQLite é um motor de banco de dados SQL autônomo, de alta confiabilidade, incorporado, completo e de domínio público. O SQLite é o mecanismo de banco de dados mais utilizado no mundo.

 

Criando uma aplicação de exemplo

No vídeo acima e mostro como criar um app para salvar produtos utilizando o SQLite.

O passo a passo abaixo é o mesmo mostrado no vídeo.

  • Passo 1: Criar o aplicativo.
  • Passo 2: Instalar o plugin do SQLite.
  • Passo 3: Adicionar a plataforma Android/iOS.
  • Passo 4: Configurar o aplicativo.
  • Passo 5: Criar o provider para criação do banco de dados.
  • Passo 6: Inicializar a criação do banco de dados quando o app startar.
  • Passo 7: Criar o provider para o CRUD de produtos.
  • Passo 8: Criar o provider para listar as categorias.
  • Passo 9: Alterar a pagina Home para listar, excluir e pesquisar produtos.
  • Passo 10: Criar a pagina de inclusão/alteração de produtos.

 

Passo 1: Criar o aplicativo

 

Passo 2: Instalar o plugin do SQLite

 

Passo 3: Adicionar a plataforma Android/iOS

 

Passo 4: Configurar o aplicativo

Arquivo app.module.ts

 

Passo 5: Criar o provider para criação do banco de dados

 

Arquivo database.ts

 

Passo 6: Inicializar a criação do banco de dados quando o app startar

Arquivo app.component.ts

 

Passo 7: Criar o provider para o CRUD de produtos

Arquivo product.ts

 

Passo 8: Criar o provider para listar as categorias

Arquivo category.ts

 

Passo 9: Alterar a pagina Home para listar, excluir e pesquisar produtos

Arquivo home.ts

 

Arquivo home.html

 

Arquivo home.scss

 

Passo 10: Criar a pagina de inclusão/alteração de produtos

 

Arquivo edit-product.ts

 

Arquivo edit-product.html

 

Clique no botão abaixo para ver o código fonte gerado nessa aula

 

Código fonte gerado na aula

 

Referências

 

Gostou desse artigo? Aproveite e curta e compartilhe para que mais pessoas possam também visualiza-lo!

Ainda ficou alguma dúvida ou tem alguma sugestão? Deixa aí nos comentários!