CRUD Operation In Blazor Datagrid Component Using Entity Framework And Web API
blazor
blazor-webassembly
crud
crud-operation
datagrid
entity-framework
grid
A full-stack Blazor Web application demonstrating CRUD operations on a Syncfusion® Blazor DataGrid using Entity Framework Core, SQL Server, and Web API. This sample showcases modern data management patterns with a responsive Blazor DataGrid component.
Overview
This project demonstrates a complete CRUD (Create, Read, Update, Delete) workflow using Blazor DataGrid in a Blazor Web application. The sample includes:
- RESTful Web API endpoints for server-side CRUD operations
- Entity Framework Core for database access
- SQL Server database integration
- Real-time sorting, filtering, and data synchronization
Features
- Rich UI Controls - Sorting, filtering, grouping, and searching capabilities out of the box
- Flexible Editing - Normal, inline, batch, and dialog editing modes
- Data Persistence - Seamless integration with SQL Server via Entity Framework Core
- RESTful API - Complete Web API implementation with query parameter support
Prerequisites
- .NET SDK 8.0 or later
- Visual Studio 2022 or later
- Visual Studio Code
- SQL Server (LocalDB, Express, or full edition)
Getting Started
Clone the repository
git clone https://github.com/SyncfusionExamples/blazor-wasm-datagrid-efcore-crud.git
cd blazor-wasm-datagrid-efcore-crud
Run with Visual Studio
- Open the solution file using Visual Studio 2022 or later.
- Restore the NuGet packages by rebuilding the solution.
- Build the project to ensure there are no compilation errors.
- Run the project.
References
