10.6 Aplicação Web com VRaptor 4 – Voltando ao Controller: Editando e deletando contatos

Prontos para o ultimo post da série? Então vamos nessa. Agora, vamos editar e deletar os contatos. Será bem rápido e simples. Vamos nessa!

Mas antes de começarmos, vamos aos recadinhos e patrocinadores. Já estamos trabalhando no nosso projeto, caso tenha caído neste tutorial acidentalmente, pode ver a lista dos episódios anteriores na introdução que fiz para estes posts. E lembre-se, você pode e deve acompanhar os códigos pelo meu github, segue o link ai em baixo:

https://github.com/pedro-hos/aprendendo-vraptor

Vamos abrir o arquivo main.js e editar o método $scope.edit, dentro desse método coloque o seguinte trecho de código

$scope.edit = function (contato) {
    $scope.contato = contato;
};

Esse é to método que chamamos no botão editar na tabela. Lembram dele? Assim que apertamos aquele botão ele vai pegar e inserir os dados do contato nos respectivos campos, de acordo com o ng-model. Se tudo ocorrer bem, ficará assim.

edit

Agora temos que preparar a função atualizar. Ela deve ficar como mostra o código abaixo:

function atualizar() {
    $scope.contato.$update({params: $scope.contato.id},
        function () {
            $scope.contato = new contatoService();
                buscarTodos();
            },
            function (erro) {
                console.log(erro);
            }
   );
};

Assim chamamos a função update do service, passando o objeto no corpo da requisição, porque usamos o $scope.contato, e passamos o id do contato como parâmetro, já que é assim que esta preparado nosso endpoint. Em caso de sucesso, limpamos o formulário e atualizamos a listagem chamando o método buscar todos.

Vamos agora editar o método $scope.remove, ele deve ficar como mostrado a seguir

$scope.remove = function (contato) {
    if (confirm('Você têm certeza que deseja excluir?')) {
        contatoService.delete({params: contato.id},
         function () {
             buscarTodos();
          },
         function (erro) {
             console.log(erro);
          });
     }
};

Ali, o confirm(‘Você têm certeza que deseja excluir?’) irá mostrar uma tela de alerta perguntando se você tem certeza de excluir, se positivo ele entra e faz o delete, em caso contrário mostra no console o erro.

E enfim acabamos, fechamos esse ciclo. Ainda não sei qual serão os próximos posts, mas se você tiver alguma sugestão. Só mandar que avaliamos! Qualquer dúvida, só falar!

Anúncios

6 comentários

  1. Pingback: 01 Aplicação Web com VRaptor 4 – Introdução | Pedro Hos
  2. Emanoel Evaristo · junho 8, 2015

    Parabéns. Bem explicado e divertido.
    Sugiro um post sobre segurança, autorização/autenticação.
    Obrigado.

  3. Felipe Inácio · agosto 28, 2015

    Post muito TOP! Parabéns! Agora caberia falar sobre segurança, autorização/autenticação. Valeu!

    • Pedro Henrique de Oliveira Silva · agosto 30, 2015

      Obrigado Felipe 🙂

  4. Jeferson Oliveira Cruz · novembro 15, 2015

    Concordo com um post sobre segurança, autorização/autenticação.

    • Pedro Henrique de Oliveira Silva · novembro 15, 2015

      Opa, assim que tiver um tempo vou fazer um. Estou terminando um sobre o Apache camel, deve sair hoje 😀

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s