ASP.NET 5 – Connect to SQL Azure Database

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 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 Aplication to access the Azure SQL Database.

For that, select the databse 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 tabwill 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.
  • On this project I create 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 ceate 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 sucess.

 

STEP 6 – Change Connection String

For that just copy your database connection string, as explain on step1 and past 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 now the F5 button, to run the web application.

The new entities appear on the menu.

 

Press the option car to see our entiity in action

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

Advertisements

About João Sousa
Senior Software Engineer in .Net (Microsoft Certified MTCS and MCPD). .NET Microsoft MVP 2015

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: