Api Rest : Consumiendo un Api Rest CRUD en C# - Parte 3

Para continuar con el ejemplo tomaremos la información generada en el artículo: Api Rest : Consumiendo un Api Rest en C# - Parte 2

Lo siguiente será consumir los métodos CRUD (Post, Put, Delete) de nuestra Api.

Nuevo registro

Editamos el archivo UsuariosController y tecleamos el código Create.

En el directorio Usuarios crearemos una nueva vista.

El template de la vista será Create y llamaremos el models Usuarios.

Editamos la vista Create y personalizamos algunos parámetros.

Dentro de la vista Index verificaremos que se llame la vista Create en el ActionLink de Nuevo usuario.

Ejecutaremos el archivo Index y presionaremos el link Nuevo usuario.

Verificamos que la URL llama la vista Create, tecleamos los datos solicitados y presionamos el botón Grabar.

En la vista principal visualizaremos el nuevo registro.

Modificar registro

Editamos el archivo Index  y tecleamos el siguiente código en el ActionLink Edit.


Editamos el archivo UsuariosController y tecleamos el siguiente código que realizara la visualización del registro seleccionado con el método GET.

A continuación teclearemos el código que realizar el PUT (actualización de la información), para esto llamaremos el evento [HttpPost] que llamara la acción Edit, utilizaremos HttpClient para enviar la solicitud HTTP PUT a la Api con la modificación del registro con PutAsJsonAsync.

Dentro del directorio Usuarios creamos una nueva vista.

El nombre y tecmplate de la vista será Edit y llamaremos el Model Usuarios.

Editaremos la vista Edit y personalizaremos algunos parámetros.

Ejecutamos el archivo Index, seleccionamos el link Edita del registro que vamos a modificar.

Verificamos que la URL aparezca el número de registro seleccionados, modificamos los datos y presionamos el botón Grabar.

Verificaremos que los cambios se hayan realizado.

Eliminar registro

Editamos el archivo Index y tecleamos el siguiente código en el ActionLink Delete.

Editamos el archivo UsuariosController y tecleamos el siguiente código que realizara la visualización del registro seleccionado con el método GET.

A continuación teclearemos el código que realizar el Delete, para esto llamaremos el evento [HttpPost] que llamara la acción Delete, utilizaremos HttpClient para enviar la solicitud HTTP PUT a la Api y así eliminar el registro con DeleteAsync.

Creamos una nueva vista en el directorio Usuarios.

El nombre y template será Delete, el Models será Usuarios.

Editamos la vista Delete y personalizamos algunos parámetros.

Ejecutamos el archivo Index, presionamos el link Eliminar del registro seleccionado.

Verificamos que la URL contenga el número de registro seleccionado y presionamos el botón Eliminar.

Por último verificaremos que el registro seleccionado se haya eliminado.
 
Puedes revisar el demo en línea: Consume Web Api

Publicar un comentario

6 Comentarios

  1. Amigo!!! excelente el turorial, todo lo necesario para aprender en 3 pasos. Felicitaciones! me sirvió mucho. Sólo una mejora, en la parte de la base de datos, no tenía un ejemplo y me quedé pegado tratando de conseguir una, finalmente la cree. Quizás sería bueno dejar una de ejemplo :)

    Te vuelvo a agradecer y felicitar

    Saludos,
    @diegovegaf

    ResponderBorrar
    Respuestas
    1. Hola Diego, que bien que te ayudo, tomare en cuenta tu sugerencia.

      Saludos

      @hugoxoft

      Borrar
  2. Ha estado genial el tutorial, mi más sincera felicitación.
    Claro, conciso, sin errores, un lujo.
    Sólo me quedaría una duda, como sería la implementación. ¿Como servicio? Me surgen dudas en este punto.
    Gracias.

    ResponderBorrar
  3. genial, me ha ayudado mucho

    ResponderBorrar
  4. hola, primero que nada, "Que buen Tuto", voy empezando con esto de las web api, como se hace o tienes un tuto de como usar token en las api's, gracias

    ResponderBorrar