Bronze Award WinnerBronze Award Winner



Introduction

Using MVC, Entity Framework, ASP.NET5 Scaffolding, and Azure SQLServer you can create a web application that stores your information on an SQL Azure database. This demo shows you how to create a web application with MVC and Entity Framework 7, that communicate with a SQL Azure database.

STEP 1 - Create Azure Account

You need to get a Windows Azure account. Everyone can open a Windows Azure account for free.

Check the link below for more information.

http://www.windowsazure.com/en-us/pricing/free-trial/

 

STEP 2 - Create SQL Database on Windows Azure

After you get access to an Azure Account, we need to create a SQL Database to store your data.

So for that we need to select the option New on the left bottom of our web page and then select the option Data + Storage -> SQL Database-> Set the name and provide the configurations you need.

On this case our SQL Database will have the name "SQLDemoAzure".

After created the SQL Database, we need to get the connection string that will be used on Web Application to access the Azure SQL Database.

For that, select the database created and on the main window, on the right side, we have an option called "Show Connection String".

When we select that option, a new tab will appear, like the following image, with the connection string formatted to different providers.

 

STEP 3 - Create ASP.NET 5 Web Application

  • Open Visual Studio 2015 and create a new project of type ASP.NET 5 Web Application.
  • For this project we created a solution called Demo.

  

  • Press OK and a new screen will appear with several options of template to use on our project.
  • Select the option MVC.

After selection of our template, your first web application using ASP.NET 5 is created.

 

 

STEP 4 - Create Data Model

After we have our web application created, we need to create our data model.

For that, select the option Add New Item on solution and choose the option Class. Create the class like the one on the image above. 

  

 

STEP 5 - Scaffolding

This could be made easily using the Scaffolding functionality.

On the solution on the top of controller folder, select the option Add New Scaffold Item.

On the new screen, select the option MVC6 Controller with views using Entity Framework.

Select the name of the controller, class model and data context class.

  

The new controllers and views associated was created with success.

  

 

STEP 6 - Change Connection String

For that just copy your database connection string as explained in Step 1 and pasd into appsettings.json file.

 

STEP 7 - Change Menu Layout

To test the two tables, we can add two new entries on the web application menu.

 

STEP 8 - Run Application

Press the F5 button to run the web application.

The new entities appear on the menu.

Press the option car to see our entity in action

Checking the database, you can see the table corresponding to the entity created and the data inserted.

 

Resources