Can we do Crud operation in single view in Core MVC

Question

i am consuming core api for crud operation ,my requirement is all operation should be in one view.

For Listing Column is Like SrlNo,Name,Address etc

But while add or editing Srl is extra field.

So help us kindly

Satyaprakash Samantaray · Answer

You can refer the below link https://www.c-sharpcorner.com/article/crud-in-single-view/

Yogi S · Answer

You can make one razor view to do all CRUD operations. In the read feature you can show all the records in html table format. For adding new records you can open a new div with javascipt. Inside this div you can show a create record form. Then on update you can fetch the records from ajax and show it on the form inside the div. It is not that difficult and can be done. You can use Minimal API in ASP.NET Core which can reduce some work. This can help - https://www.yogihosting.com/aspnet-core-minimal-api/

Sam Hobbs · Answer

I am a beginner for ASP.Net Core but we can have Blazor WebAssembly pages in MVC applications. Would that help?

Vishal Yelve · Answer

Hi Sandeep, Do refer below links https://www.upgrad.com/blog/crud-operation-in-mvc/ https://www.aspsnippets.com/questions/186844/Insert-Update-Delete-CRUD-in-single-View-in-ASPNet-MVC/

Bhavesh Raval · Answer

Certainly! Performing CRUD operations in a single view in ASP.NET Core MVC involves using a combination of HTML forms, controller actions, and model binding. Here are simplified steps: Create Model: Design your model class representing the data entity. An example might be a "Product" class with properties like ID, Name, Price, etc. Generate View: Create a Razor view that will handle the CRUD operations. This view will contain HTML elements like forms and input fields to display and edit data. Controller Actions: Create actions in your controller to handle CRUD operations - Create , Read (usually Index ), Update , and Delete . Razor View Logic: In your view, display data from the model using HTML elements. Use forms to handle user input for Create and Update operations. Include buttons or links to perform Delete operations. Form Submission: Set up form submissions to call appropriate controller actions for Create and Update operations. Use HTTP POST requests to send data to the server. Controller Logic: Implement controller actions to handle Create, Read, Update, and Delete functionalities. These actions will interact with the database or data layer to perform CRUD operations. Model Binding: Use model binding in your controller actions to receive data from the view, validate it, and perform CRUD operations using your data layer. Validation and Error Handling: Implement validation logic in both the view and controller to handle user input errors and invalid operations. Testing: Test your CRUD operations thoroughly to ensure that data is created, read, updated, and deleted accurately. Remember, this is a high-level overview. Each operation involves specific implementation details and considerations, especially when working with databases or complex data structures. The usage of frameworks and patterns, like Entity Framework for data access or ViewModel patterns for data representation, can also streamline the process.

Subarta Ray · Answer

Hi Sandeep , In your ASP.NET Core API CRUD operations, create a unified view with SrlNo, Name, Address for listing. When adding or editing, include an extra field for Srl. Adapt the view dynamically based on the operation, providing a seamless user experience for all CRUD actions within a single interface. Use conditional rendering or separate sections to handle the additional Srl field during data entry or modification.

Anandu G Nath · Answer

Yes @Sandeep Kumar, you can perform CRUD (Create, Read, Update, Delete) operations in a single view in ASP.NET Core MVC. However, it's essential to structure your code properly to manage these operations effectively.

Rajeesh Menoth · Answer

Hi, The article I have provided in my previous comment does not include CRUD operations with AJAX and jQuery. You can refer to this article as well - https://learn.microsoft.com/en-us/aspnet/core/data/ef-mvc/crud?view=aspnetcore-7.0 After launching Visual Studio, you can select the ASP.NET Core with CRUD operation template section ( 2nd option in the template ). This will automatically generate the view for you. You can then customize the code logic to suit your preferred format.

Sandeep Kumar · Answer

I want to operate CRUD operation in One View without usimg javascript and Ajax, in .net Core mVC

Sandeep Kumar · Answer

i mean without using Java Script and Ajax

Rajeev Kumar · Answer

Yes you can do this with the help of using this link - https://www.c-sharpcorner.com/article/crud-in-single-view/#:~:text=This%20article%20explains%20making%20CRUD,(Search)%20data%20from%20that.

Rajeesh Menoth · Answer

Hi, The following article will give you a detailed explanation. https://www.c-sharpcorner.com/blogs/asp-net-core-mvc-net-60-crud-operation

Can we do Crud operation in single view in Core MVC

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (12)