ASP.NET MVC 5 - Entity Framework Database First Approach

Asma Khalid

6y79.8k5100Article

5 Comments

Join the conversation! Your thoughts help the community grow.

Prakash Besra6y ago
Thank you Asma, I went through whole articles(this and https://www.asmak9.com/2016/03/aspnet-mvc5-integrating-existing.html). It really helped me understand how database first approach works with login and claim based identity. Further, I have some queries, In the second article(database approach-login), since cookies are used for login/claims persistence, Is it problematic if the data stored is high as browsers normally can store around 4KB cookies? Regarding claims, Let's say I have permission e.g In Book view, user can read and borrow but Librarian can add, edit books. Can these types of permission(for user and librarian) be used in claim?Will it be a good design principle? Any help would be appreciated.
- Asma Khalid6y ago
  You need to first understand why you need to store high volume data in cookies. Cookies remain alive throughout a login session, so, understand the need of your data volume which is required to be alive through entire session. For Book View permission type of problem, you need to implement role-based accessibility within the claim identity. You can look into this article https://bit.ly/3k8iNYg
Prakash Besra6y ago
How will you implement User Login and User Roles in this project?
- Asma Khalid6y ago
  Look into this https://bit.ly/2DfssLr
Amit Mohanty7y ago
Nice article

Introduction

Entity Framework is a gateway between your application and your database. A simple reason why Entity Framework stands out is that it automatically generates object classes that map with your database tables. In ASP.NET MVC5 platform entity framework also has the ability to generate complex types of object mapping classes that correspond with your database store procedures using entity framework database first approach.

Today, I shall be demonstrating Entity Framework database-first approach with ASP.NET MVC5 platform.

ASP.NET MVC 5 - Entity Framework Database First Approach

Prerequisites

Following are some prerequisites before you proceed any further in this tutorial.

Knowledge of ASP.NET MVC5.
Knowledge of HTML.
Knowledge of JavaScript.
Knowledge of Bootstrap.
Knowledge of Jquery.
Knowledge of C# Programming.

The example code is being developed in Microsoft Visual Studio 2017 Professional. I have taken the data sample from AdventureWorks for SQL server 2014

Let's begin now.

Step 1

Create a new MVC web project and name it "MVCDatabaseFirst".

Step 2

Although you can create your entity framework model inside any hierarchy of the project, I prefer the "Models" folder, to keep code cleaner. So, right-click on your "Models" folder and then click "Add->New Item".

Step 3

Then, choose "ADO.NET Entity Data Model", name it "DataAcessModel" and click "Add".

Step 4

Now, from "Entity Data Model Wizard" choose "EF Designer from database", since I am creating Entity Framework database-first approach model. Then, click "Next".

Step 5

On the "Choose Your Data Connection" window, click "New Connection" button.

Step 6

In "Connection Properties" window, provide your SQL Server connection configuration. Then, click "OK". Your database connection string will be stored in the "Web.config" file.

Step 7

Now, on "Choose Your Data Connection" window, click "Yes, include sensitive data in the connection string." option and click "Next" as shown below.

Step 8

Now, on "Choose Your Database Objects and Settings" window, choose your target database objects. In my case, I have selected only the store procedures. Click "Finish".

Step 9

Ignore the below-shown security warning and click OK.

You can see that your target mapping object classes and related methods have been created automatically by Entity Framework.

Step 10

To open your "Entity Data Model Browser" window, click "View->Other Windows->Entity Data Model Browser".

Step 11

Now, create a new "Controllers\HomeController.cs" file and create GET Index(...) method and POST Index(...) and update the following lines of code in them.

...
public ActionResult Index(int productId = 0)
{
...
// Verification.
if (model.ProductID > 0)
{
// Settings.
var details = this.databaseManager.GetProductByID(model.ProductID);
model.ProductDetail = details.First();
}
// Settings.
model.ProductsGreaterThan1000 = this.databaseManager.GetProductByPriceGreaterThan1000().ToList();
...
}
...
[HttpPost]
[AllowAnonymous]
[ValidateAntiForgeryToken]
public ActionResult Index(ProductViewModel model)
{
...
// Verification
if (ModelState.IsValid)
{
// Info.
return this.RedirectToAction("Index", "Home", new { productId = model.ProductID });
}
...
}

In the above code, in the GET Index(...) method, I am simply verifying if the product ID is greater than zero than the get product ID based product details from the database. I am also displaying the list of products from the database into my web user interface. In the POST Index(...) method, I am simply redirecting the product ID value enter by the end-user to my GET Index(...) action method.

Step 12

Now, execute the project and you will be able to see the following in action.

Conclusion

In this article, you learned to create the application using Entity Framework database first approach with ASP.NET MVC5 platform. You learned to redirect your post requests to the GET action method, and to configure your SQL Server connection string in Entity Framework data model wizard.

Also, we saw how to open our "Entity Data Model Browser" window and utilize your Entity Framework auto-generated methods and object classes.