Insert Data Using EDMF Onto Cloud Database With Azure

Introduction

Today, in this article let's play around with one of the interesting and most useful concepts in Azure.

Question: What is insert data to cloud database using Azure?

In simple terms "It enables insertion of data into a cloud database and maintainance with the help of Azure".

Step 1: Create a cloud database named "Company"

Step 2: With the help of manage URL navigate to a specific server page

Manage URL: etc6zpqnyc.database.windows.net

Step 3: The company database showing up in the database server page

Step 4: Create an employee table. The design mode of the employee table looks like this:

Step 5: Insert some data into the table

Step 6: Open Visual Studio 2010 and create an "ASP.NET Web Forms Application", as in:

Step 7: Add an EDMF item to the project

Step 8: Choose generate from database and click the "Next" button

Step 9: Add new connection

Step 10: Give the necessary server details for the connection and click on ok

Step 11: Connection is established and click the "Next" button

Step 12: Choose the required table and click the "Finish" button

Step 13: An EDMF is created and the design of the data looks like this:

Step 14: The complete code of Default.aspx looks like this:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="InsertDataEFAzureApp._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

</head>

<body>

<div>

<table>

<tr>

<asp:Label ID="Label1" runat="server" Text="Insert Data to Cloud Database - Azure App"

Font-Bold="true" Font-Size="Large" Font-Names="Verdana" ForeColor="Maroon"></asp:Label>

</td>

</tr>

<tr>

<td>

<asp:Label ID="Label3" runat="server" Text="Please Enter First Name" Font-Size="Large"

Font-Names="Verdana" Font-Italic="true"></asp:Label>

</td>

<td>

<asp:TextBox ID="TextBox2" runat="server" Width="120px"></asp:TextBox>

</td>

</tr>

<tr>

<td>

<asp:Label ID="Label2" runat="server" Text="Please Enter Last Name" Font-Size="Large"

Font-Names="Verdana" Font-Italic="true"></asp:Label>

</td>

<td>

<asp:TextBox ID="TextBox1" runat="server" Width="120px"></asp:TextBox>

</td>

</tr>

<tr>

<td>

<asp:Label ID="Label4" runat="server" Text="Please Enter Age" Font-Size="Large" Font-Names="Verdana"

Font-Italic="true"></asp:Label>

</td>

<td>

<asp:TextBox ID="TextBox3" runat="server" Width="120px"></asp:TextBox>

</td>

</tr>

<tr>

<asp:Button ID="Button1" runat="server" Text="Insert Data to Cloud" Font-Names="Verdana"

Width="213px" BackColor="Orange" Font-Bold="True" OnClick="Button1_Click" />

</td>

</tr>

<tr>

<asp:Label ID="Label5" runat="server" Font-Bold="true" Font-Names="Verdana" ForeColor="Maroon"></asp:Label>

</td>

</tr>

</table>

</div>

</center>

</form>

</body>

</html>

Step 15: The complete code of default.aspx.cs looks like this:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace InsertDataEFAzureApp

{

public partial class _Default : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

this.TextBox2.Focus();

}

protected void Button1_Click(object sender, EventArgs e)

{

if (string.IsNullOrEmpty(TextBox1.Text) || string.IsNullOrEmpty(TextBox2.Text) || string.IsNullOrEmpty(TextBox3.Text))

{

Label5.Text = "Please Enter Some Values";

Label5.ForeColor = System.Drawing.Color.Red;

}

else

{

CompanyEntities objCompany = new CompanyEntities();

objCompany.AddToEmployee(new Employee

{

FirstName = TextBox2.Text,

LastName = TextBox1.Text,

Age = int.Parse(TextBox3.Text)

}

);

objCompany.SaveChanges();

Label5.Text = "Data Inserted Successfully";

Label5.ForeColor = System.Drawing.Color.Green;

TextBox1.Text = string.Empty;

TextBox2.Text = string.Empty;

TextBox3.Text = string.Empty;

}

Step 16: The output of the application looks like this:

Step 17: The output of the table data before inserting the application looks like this:

Step 18: Data entering output of the application looks like this:

Step 19: Inserted data showing on the cloud output of the application looks like this: