Create a CRUD Blazor Webassembly API Controller
6.6 هزار بار بازدید -
3 سال پیش
-
In this tutorial we’ll create
In this tutorial we’ll create and consume a CRUD API Controller in Blazor WebAssembly. This is focused on the main HTTP Request types: Create, Read, Update and Delete. By the end of this video, you will know how to create an API with all the basic endpoints, to give them a custom URL route and to consume it from your Blazor WebAssembly components using HttpClient.
In the first part of the tutorial, we’ll review the changes from last week’s tutorial, but feel free to download code from below or watch the video linked here for step-by-step instructions on the project.
Following, we’ll create a Blazor EditForm to allow us to edit data from our Web API Controller. Then we’ll get to the fun part which is setting up the CRUD Web API Controller. Two of the methods were already created (Get and List). And we’ll focus on Create, Update and Delete and the functionality encapsulated by these actions. We’ll discuss about how these endpoints can be consumed and how you can add parameters to your methods.
Also, we’ll work with the EditForm OnValidSubmit action to integrate Saving and Creation logic in our application. Finally, we’ll add Creation and Deletion functionality to really make this dashboard as comprehensive as it can be.
Source code: https://github.com/iulianoana/blazor-...
0:00 – Intro
0:40 – Project Overview
9:35 – Create a Blazor EditForm
13:38 – Set-up a CRUD Web API Controller
21:45 – Saving/Update functionality
26:06 – Delete functionality
32:08 - Create functionality
🔥Join our bi-monthly email squad: https://signup.codewithjulian.com
💻Check out further resources: https://codewithjulian.com
🙌If you enjoyed this tutorial, please like this video consider subscribing for more content like this!
Subscribe: codewithjulian
Useful Links:
Previous video: Building a Blazor WebAssembly API Con...
Coffee list: https://sampleapis.com/api-list/coffee
Credits:
- Sound effects obtained from https://www.zapsplat.com
- Icons designed by http://www.freepik.com and https://www.flaticon.com/
- Images from the artists on https://unsplash.com/
In the first part of the tutorial, we’ll review the changes from last week’s tutorial, but feel free to download code from below or watch the video linked here for step-by-step instructions on the project.
Following, we’ll create a Blazor EditForm to allow us to edit data from our Web API Controller. Then we’ll get to the fun part which is setting up the CRUD Web API Controller. Two of the methods were already created (Get and List). And we’ll focus on Create, Update and Delete and the functionality encapsulated by these actions. We’ll discuss about how these endpoints can be consumed and how you can add parameters to your methods.
Also, we’ll work with the EditForm OnValidSubmit action to integrate Saving and Creation logic in our application. Finally, we’ll add Creation and Deletion functionality to really make this dashboard as comprehensive as it can be.
Source code: https://github.com/iulianoana/blazor-...
0:00 – Intro
0:40 – Project Overview
9:35 – Create a Blazor EditForm
13:38 – Set-up a CRUD Web API Controller
21:45 – Saving/Update functionality
26:06 – Delete functionality
32:08 - Create functionality
🔥Join our bi-monthly email squad: https://signup.codewithjulian.com
💻Check out further resources: https://codewithjulian.com
🙌If you enjoyed this tutorial, please like this video consider subscribing for more content like this!
Subscribe: codewithjulian
Useful Links:
Previous video: Building a Blazor WebAssembly API Con...
Coffee list: https://sampleapis.com/api-list/coffee
Credits:
- Sound effects obtained from https://www.zapsplat.com
- Icons designed by http://www.freepik.com and https://www.flaticon.com/
- Images from the artists on https://unsplash.com/
3 سال پیش
در تاریخ 1400/08/02 منتشر شده
است.
6,624
بـار بازدید شده