Skip to main content

Dados da tabela

De forma simples, vamos à explicação de como alimentar a tabela do Data Plus.

Alimentando manualmente

No painel, ainda na tela de criação da tabela, você irá notar que existe um botão chamado Dados na listagem da sua tabela criada. Veja abaixo:

Acessar os dados de uma tabela

Ao clicar você será redirecionado para a tela de listagem de dados da tabela. E irá notar um botão Adicionar no canto direito superior.

Adicionar dados a uma tabela

Em seguida irá abrir um "popup" lateral com as colunas que foram criadas no exemplo de criando uma tabela. Perceba que foram criadas três colunas: "firstname", "lastname" e "is_admin". Veja no exemplo abaixo:

Popup para adicionar dados

Para salvar uma informação na tabela, basta alimentar os campos e clicar em Salvar. Em seguida você irá notar que a informação será salva na tabela. Caso queira Editar ou Excluir, basta seguir os botões da linha criada para realizar as ações. Veja abaixo:

Listagem de dados de uma tabela

Alimentando via código pela IDE

Vamos mostrar agora como fazer o exemplo anterior de forma automática, criando um formulário e enviando a "requisição" para salvar os dados no Data Plus via código.

Cadastrar uma informação

É bem simples, basta fazer a chamada do método padrão da PWA abaixo em sua função de salvar os dados:

_database('usuarios').create({
firstname: 'teste',
lastname: 'docs',
is_admin: true
});

O método _database('nome_da_tabela') recebe por padrão uma string no parâmetro que é exatamente o nome dado na sua tabela do Data Plus.

Ainda no método você irá notar a chamada do .create({}) que é responsável por salvar os dados passados em seu "body". O objeto passado no exemplo acima, possui exatamente os slugs das colunas que estamos utilizando em nosso exemplo de formulário de contato.

Dessa forma ao executar a chamada do método, os dados serão enviados diretamente para o Data Plus. Lembre-se que é importante validar o formulário para que se adeque às restrições das colunas como por exemplo colunas "obrigatórias".

Atualizar uma informação

Semelhante ao "create" mostrado acima, o "update" é bem simples, basta seguir o código abaixo:

_database('usuarios').update('id_da_linha_da_tabela', {
firstname: 'John',
lastname: 'Doe',
is_admin: false
});

Temos então a chamada do _update(id, body), ele recebe dois parâmetros o id, e o body. O id é a identificação da linha da tabela, e o body são as informações que serão atualizadas na sua tabela.

note

Exemplo de rows de uma tabela

A tabela retornará uma lista de rows e nela você poderá ver o campo extra id que é criado automaticamente ao salvar uma nova informação.

O ID da linha da tabela é retornado via requisição, como veremos abaixo no exemplo Buscar uma informação.

Buscar uma informação

Para buscar uma informação da tabela, basta seguir o código abaixo:

_database('formulario_de_contato').search('nome_do_campo', '=', 'valor');

Com a chamada do .search('campo', '=', 'valor') é possível buscar qualquer informação da tabela baseado em algum campo.

Temos também a listagem em massa das informações da tabela veja abaixo:

_database('formulario_de_contato').list(1, 10);

Nesse exemplo, usando o .list(1, 10), serão trazidos todos os dados da sua tabela, com uma paginação onde 1 é a página atual e 10 é o limite de itens por página.

Por fim temos a busca de apenas uma linha da tabela, baseada no id, veja abaixo:

_database('formulario_de_contato').get('id_da_linha_da_tabela');

Remover uma informação

Siga o código abaixo:

_database('formulario_de_contato').remove('id_da_linha_da_tabela');

Para remover é bem simples, basta fazer a chamada do .remove('id') passando o "id da linha da tabela".