Using MVC, Entity Framework, ASP.NET Scaffolding, and Azure MySQL you can create a web application that stores your information on a MongoDB Azure database. This demo shows you how to create a web application with MVC and Entity Framework 7, that communicates with a MySQL Azure database. 

Download code here: https://code.msdn.microsoft.com/ASPNET-Connect-to-MySQL-ec6379d4

STEP 1 - Create Azure Account

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

Check the link below for more information.

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

STEP 2 - Create MySQL Database on Azure

After getting access to an Azure account, we need to create a MySQL 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 -> MySQL Database-> Set the name and provide the configurations you need.



After creating the database, we need to get the connection string that will be used on Web Application to access the Azure 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 Web Application

Go to Visual StudioFile New Project menu, expand the Web category, and pick ASP.NET Web Application like on the image below.

 

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

After selection of our template, your first web application using ASP.NET 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 the solution and choose the option Class. Create the class like the one on the image above. 

We need to validate that EntityFramework and MySQL.Data.Entity is installed like we saw on the image below.

   

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 were created with success.

 

STEP 6 - Change Connection String

STEP 7 - Change Menu Layout

To test the new entity created, we can add one new entry in 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 entity in action.