ASP .NET Core MVC - Consumindo uma Web API

Continuando a terceira parte do artigo vamos continuar consumindo a WEB API - ReservasController agora implementando a atualização e exclusão de reservas.

Para atualizar uma reserva podemos clicar no ícone da coluna Atualiza na view que exibe todas as reservas.

Para implementar a atualização vamos criar dois métodos Action UpdateReserva em ReservasController:

        [HttpGet]
        public async Task<IActionResult> UpdateReserva(int id)
        {
            Reserva reserva = new Reserva();
            using (var httpClient = new HttpClient())
            {
                using (var response = await httpClient.GetAsync(apiUrl + "/" + id))
                {
                    string apiResponse = await response.Content.ReadAsStringAsync();
                    reserva = JsonConvert.DeserializeObject<Reserva>(apiResponse);
                }
            }
            return View(reserva);
        }

        [HttpPost]
        public async Task<IActionResult> UpdateReserva(Reserva reserva)
        {
            Reserva reservaRecebida = new Reserva();

            using (var httpClient = new HttpClient())
            {
                var content = new MultipartFormDataContent();
                content.Add(new StringContent(reserva.ReservaId.ToString()), "ReservaId");
                content.Add(new StringContent(reserva.Nome), "Nome");
                content.Add(new StringContent(reserva.InicioLocacao), "InicioLocacao");
                content.Add(new StringContent(reserva.FimLocacao), "FimLocacao");

                using (var response = await httpClient.PutAsync(apiUrl, content))
                {
                    string apiResponse = await response.Content.ReadAsStringAsync();
                    ViewBag.Result = "Sucesso";
                    reservaRecebida = JsonConvert.DeserializeObject<Reserva>(apiResponse);
                }
            }
            return View(reservaRecebida);
        }

A versão Get simplesmente faz uma solicitação HTTP GET para a API e fornece o ID da reserva. A API enviará a ele a reserva obtida, que será vinculada ao formulário na view "UpdateReserva".

A versão Post faz a atualização do objeto Reserva. O argumento do tipo de reserva que ele possui é vinculado a partir do formulário na view "UpdateReserva".

Como o método PUT da API tem o atributo [FromForm] em seu argumento, estamos criando dados de formulário usando a classe MultipartFormDataContent, que será enviada à API como:

                var content = new MultipartFormDataContent();
                content.Add(new StringContent(reserva.ReservaId.ToString()), "ReservaId");
                content.Add(new StringContent(reserva.Nome), "Nome");
                content.Add(new StringContent(reserva.InicioLocacao), "InicioLocacao");
                content.Add(new StringContent(reserva.FimLocacao), "FimLocacao");

Nota: O atributo FromForm é usado para receber dados de um formulário enviado pelo tipo de conteúdo application/x-www-url-formencoded, enquanto FromBody analisa o modelo da maneira padrão, que na maioria dos casos usa o envio pelo tipo de conteúdo application/json, do body do request.

A API atualiza o registro reserva do ID que é enviado pelos dados do formulário,e , a resposta da API, que é o registro de reserva atualizado, é mostrado na view "UpdateReserva"

@model Reserva
@{
ViewData["Title"] = "UpdateReserva";
Layout = "~/Views/Shared/_reservaLayout.cshtml";
}

<h2>Atualiza uma Reserva <a asp-action="Index" class="btn btn-sm btn-success">Retorna</a></h2>
<form method="post">
    <div class="form-group">
        <label asp-for="ReservaId"></label>
        <input class="form-control" asp-for="ReservaId" readonly />
    </div>
    <div class="form-group">
        <label asp-for="Nome"></label>
        <input class="form-control" asp-for="Nome" />
    </div>
    <div class="form-group">
        <label asp-for="InicioLocacao"></label>
        <input class="form-control" asp-for="InicioLocacao" />
    </div>
    <div class="form-group">
        <label asp-for="FimLocacao"></label>
        <input class="form-control" asp-for="FimLocacao" />
    </div>
    <div class="text-center panel-body">
        <button type="submit" class="btn btn-sm btn-primary">Atualizar</button>
    </div>
</form>

@if (ViewBag.Result == "Sucesso")
{
    <h2>Reservas</h2>
    <table class="table table-sm table-striped table-bordered m-2">
        <thead><tr><th>ID</th><th>Nome</th><th>Início</th><th>Fim</th></tr></thead>
        <tbody>
           <tr>
                <td>@Model.ReservaId</td>
                <td>@Model.Nome</td>
                <td>@Model.InicioLocacao</td>
                <td>@Model.FimLocacao</td>
            </tr>
        </tbody>
    </table>
}

A nossa view possui um formulário para atualizar um registro de reserva específico. A resposta da API é mostrada dentro da tabela HTML.

Executando o projeto e selecionando uma reserva para atualizar teremos a reserva sendo exibida em um formulário para atualização.

Vamos agora incluir o método Action DeleteReserva no controlador ReservasController que vai deletar uma reserva a partir do repositório chamando o método DeleteAsync :

       [HttpPost]
        public async Task<IActionResult> DeleteReserva(int ReservaId)
        {
            using (var httpClient = new HttpClient())
            {
                using (var response = await httpClient.DeleteAsync(apiUrl + "/" + ReservaId))
                {
                    string apiResponse = await response.Content.ReadAsStringAsync();
                }
            }
            return RedirectToAction("Index");
        }

Este método Action possui um argumento ReservaId que é o id da reserva a ser deletada. Após deletar a reserva seremos redirecionados para a view Index.

O código da view DeleteReserva.cshtml criado na pasta /Views/Reserva é o seguinte:

@model Reserva
@{
    ViewData["Title"] = "DeleteReserva";
    Layout = "~/Views/Shared/_reservaLayout.cshtml";
}
<form asp-action="DeleteReserva" method="post">
     <input type="hidden" value="@Model.ReservaId" name="ReservaId" />
     <input type="image" src="/icon/close.png" />
</form>

Executando o projeto, para deletar uma reserva basta clicar no ícone na coluna Deleta.

Concluimos assim a implementação de todos os principais métodos para consumir a nossa ApiReservas em nossa aplicação ASP .NET Core MVC : Mvc_Reservas.

"Porque o Senhor é justo, e ama a justiça; o seu rosto olha para os retos."
Salmos 11:7