Basic Operations Insert, Update and Delete of Data From SQL Server in ASP

8/7/2017 Basic operations Insert, Update and Delete of Data from SQL Server in ASP.
NET MVC | eRevolution
Basic operations Insert, Update and Delete of Data

from SQL Server in ASP.NET MVC
ASP.NET provides the MVC framework as an alternate to the ASP.NET Web Forms
pattern for developing web applications. MVC (Model-View-Controller) is a
lightweight, highly testable presentation framework that is integrated with the
existing ASP.NET features such as Master Pages and Membership-based
authentication.
[]
TheSystem.Web.Mvcnamespace is for ASP.NET MVC. MVC is a standard Design

Pattern. MVC has the following components:
Controller
Classes that handle incoming requests to the application, retrieve model
data, and then specify view templates that return a response to the client.
Model
Classes that represent the data of the application and that use validation
logic to enforce business rules for that data.
View
Template files that your application uses to dynamically generate HTML
responses.
Open SQL Management Studio 2005. Crate a database and name itInventory.
Design a database table like below:
Figure 1
1. Open Microsoft Visual Studio 2010

2. Create a new project (File> New> Project> Visual C#): ASP.NET MVC 3
Web Application
3. Named itASPNETMVCApplication
4. Click on the OK button
http://www.xtendedrevolution.co.in/2013/07/basic-operations-insert-update-and.html 1/20
8/7/2017 Basic operations Insert, Update and Delete of Data from SQL Server in ASP.NET MVC | eRevolution
[http://www.codeproject.com/KB/aspnet/ASPNETMVCApplication/ASPNETMVCApplic
ation.png]
Figure 2
1. Select a template forInternet Application

2. View engine toRazor
3. Create a unit test project touncheck
Figure 3
The default project will be created. NowAdd Library Package Reference.
We will use a .NET Framework data-access technology known as the Entity
Framework. The Entity Framework (often referred to as EF) supports a
development paradigm called code-first. Code-first allows you to create
model objects by writing simple classes. You can then have the database
created on the fly from your classes, which enables a very clean and rapid
development workflow.
We'll start by using the NuGet package manager (automatically installed by
ASP.NET MVC 3) to add the EFCodeFirst library to the
ASPNETMVCApplication project. This library lets us use the code-first

approach. To addEntity Frameworkreference:
From the Tools menu, select Library Package Manager and then Add Library
Package Reference.
Figure 4
In theAdd Library Package Referencewindow, clickonline.
Figure 5
Click theNuGet Official package source.
Figure 6
FindEFCodeFirst, click oninstall.
Figure 7
Click onI Accept. Entity Framework will install and will add a reference to the
project.
Figure 8
Click on theClosebutton.
Figure 9
Adding a Model Class
1. Right click onModelsfromSolution Explorer

2. SelectAdd
3. SelectClass
4. Name itBook.cs
Figure 10
Figure 11
Add the following properties in theBook.csfile:
namespace ASPNETMVCApplication.Models
{
public class Book
{
public Int64 Id { get; set; }
public String Title { get; set; }
public String ISBN { get; set; }
public Decimal Price { get; set; }
}
}
Add another class the way you did forBook.csand name itBookDBContext.cs.
Add aSystem.Data.Entitynamespace reference in
theBookDBContext.csfile.
using System.Data.Entity;
Add the following code in theBookDBContextclass. And derive it from

theDbContextclass so that all data operations can be handled by
theBooksproperty.
Note: The property nameBooksmust be the same as the database table
nameBooks.
Here is the complete code:
using System;
using System.Web;
using System.Data.Entity;
namespace ASPNETMVCApplication.Models
{
public class BookDBContext:DbContext
{
public DbSet<Book> Books { get; set; }

}
}
Add a connection string in theweb.configfile. Remember, the connection

string name must be the same asBookDBContext.
<connectionStrings>
<add name="BookDBContext"
connectionString="data source=Home-PC;
uid=sa;pwd=1234;Initial Catalog=Inventory"
providerName="System.Data.SqlClient" />
</connectionStrings>
Adding the Controller
1. Right click onControllerfromSolution Explorer

2. SelectAdd
3. SelectController
4. Name itBookController
5. Add action methods for Create, Update, Delete, and Details scenarios
toChecked
Figure 12
Figure 13
It will add the following code:
namespace ASPNETMVCApplication.Controllers
{
public class BookController : Controller
{
//
// GET: /Book/
public ActionResult Index()

{
return View();
}
//
// GET: /Book/Details/5
public ActionResult Details(int id)

{
return View();
}
//
// GET: /Book/Create
public ActionResult Create()

{
return View();
}
//
// POST: /Book/Create
[HttpPost]
public ActionResult Create(FormCollection collection)
{
try
{
// TODO: Add insert logic here
return RedirectToAction("Index");
}
catch
{
return View();
}
}
//
// GET: /Book/Edit/5
public ActionResult Edit(int id)

{
return View();
}
//
// POST: /Book/Edit/5
[HttpPost]
public ActionResult Edit(int id, FormCollection collection)
{
try
{
// TODO: Add update logic here
}
catch
{
return View();
}
}
//
// GET: /Book/Delete/5
public ActionResult Delete(int id)

{
return View();
}
//
// POST: /Book/Delete/5
[HttpPost]
public ActionResult Delete(int id, FormCollection collection)
{
try
{
// TODO: Add delete logic here
}
catch
{
return View();
}
}
}
}
Now add the following namespaces in theBookController.csfile:
using System.Linq;
using ASPNETMVCApplication.Models;
Declare a global instance variable of theBookDBContextclass in

theBookControllerclass.
BookDBContext _db = new BookDBContext();
Add the following code in theIndex()method:
public ActionResult Index()

{
var books = from book in _db.Books
select book;
return View(books.ToList());
}
This is the LINQ code for getting books andbooks.ToList()to display the
book list in the View.
Now right click onSolutionand selectBuildto build the solution.
Adding the View
1. Right click in theIndexmethod

2. SelectView
3. Create a strongly-typed view toChecked
4. Select Model class toBook (ASPNETMVCApplication.Models)
5. Scaffold template toList
Figure 14
It will add theIndex.cshtmlfile.
@model IEnumerable<ASPNETMVCApplication.Models.Book>
@{
ViewBag.Title = "Index";
}
<h2>Index</h2>
<p>
@Html.ActionLink("Create New", "Create")
</p>
<table>
<tr>
<th></th>
<th>
Title
</th>
<th>
ISBN
</th>
<th>
Price
</th>
</tr>
@foreach (var item in Model) {

<tr>
<td>
@Html.ActionLink("Edit", "Edit", new { id=item.Id }) |
@Html.ActionLink("Details", "Details", new { id=item.Id }) |
@Html.ActionLink("Delete", "Delete", new { id=item.Id })
</td>
<td>
@item.Title
</td>
<td>
@item.ISBN
</td>
<td>
@String.Format("{0:F}", item.Price)
</td>
</tr>
}
</table>
Now, add the Create View.
Adding the Create View
1. Right click on theCreatemethod

2. SelectView
5. Scaffold template toCreate
It will add theCreate.cshtmlfile.
@model ASPNETMVCApplication.Models.Book
@{
ViewBag.Title = "Create";
}
<h2>Create</h2><script src="@Url.Content("~/Scripts/jquery.validate.min.js")"
type="text/javascript"></script><script
src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")"
type="text/javascript"></script>@using (Html.BeginForm()) {
@Html.ValidationSummary(true)
<fieldset>
<legend>Book</legend><div class="editor-label">
@Html.LabelFor(model => model.Title)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Title)
@Html.ValidationMessageFor(model => model.Title)
</div>
<div class="editor-label">
@Html.LabelFor(model => model.ISBN)
</div>
@Html.EditorFor(model =>
Now add the following code in theCreatemethod in

[HttpPost]
public ActionResult Create(FormCollection collection)
{
try
{
Book book = new Book();
if (ModelState.IsValid)
{
book.Title = collection["Title"].ToString();
book.ISBN = collection["ISBN"].ToString();
book.Price = Convert.ToDecimal(collection["Price"]);
_db.Books.Add(book);
_db.SaveChanges();
}
else
{
return View(book);
}
}
catch
{
return View();
}
}
Now we will add the Edit View.
Adding the Edit View
1. Right click on theEditmethod

2. SelectView
5. Scaffold template toEdit
Figure 15
It will add theEdit.cshtmlfile:
@{
ViewBag.Title = "Edit";
}
<h2>Edit</h2><script src="@Url.Content("~/Scripts/jquery.validate.min.js")"
type="text/javascript"></script><script
src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")"
type="text/javascript"></script>@using (Html.BeginForm()) {
@Html.ValidationSummary(true)
<fieldset>
<legend>Book</legend>@Html.HiddenFor(model => model.Id)
@Html.LabelFor(model => model.Title)
</div>
@Html.EditorFor(model => model.Title)
@Html.ValidationMessageFor(model => model.Title)
</div>
@Html.LabelFor(model => model.ISBN)
</div>
@Html.EditorFor(model =>
Now add the following code in theEditmethod in

public ActionResult Edit(int id)

{
Book book = _db.Books.Find(id);
if (book == null)
return View(book);
}
[HttpPost]
public ActionResult Edit(int id, FormCollection collection)
{
try
{
var book = _db.Books.Find(id);
UpdateModel(book);
_db.SaveChanges();
}
catch
{
ModelState.AddModelError("", "Edit Failure, see inner exception");
return View();
}
}
Now we will add the Details View.
Adding the Details View

2. SelectView
5. Scaffold template toDetails
Figure 16
It will add theDetails.cshtmlfile:
@{
ViewBag.Title = "Details";
}
<h2>Details</h2><fieldset>
<legend>Book</legend><div class="display-label">Title</div>
<div class="display-field">@Model.Title</div>
<div class="display-label">ISBN</div>
<div class="display-field">@Model.ISBN</div>
<div class="display-label">Price</div>
<div class="display-field">@String.Format("{0:F}", Model.Price)</div>
</fieldset>
<p>
@Html.ActionLink("Edit", "Edit", new { id=Model.Id }) |
@Html.ActionLink("Back to List", "Index")
</p>
Add the following code to theDetailsmethod of

public ActionResult Details(int id)

{
if (book == null)
return View("Details", book);

}
Now we will add the Delete View.
Adding the Delete View

2. SelectView
5. Scaffold template toDelete
Figure 17
It will add theDelete.cshtmlfile.
@{
ViewBag.Title = "Delete";
}
<h2>Delete</h2><h3>Are you sure you want to delete this?</h3><fieldset>

<legend>Book</legend><div class="display-label">Title</div>
<div class="display-field">@Model.Title</div>
<div class="display-label">ISBN</div>
<div class="display-field">@Model.ISBN</div>
<div class="display-label">Price</div>
<div class="display-field">@String.Format("{0:F}", Model.Price)</div>
</fieldset>
@using (Html.BeginForm()) {
<p>
<input type="submit" value="Delete" /> |
@Html.ActionLink("Back to List", "Index")
</p>
}
Add the following code to theDeletemethod in

public ActionResult Delete(int id)

{
if (book == null)
return View(book);
}
[HttpPost]
public ActionResult Delete(int id, FormCollection collection)
{
_db.Books.Remove(book);
_db.SaveChanges();
}
Now run the application. Type/Bookin the URL and remember that the port
number may be different in your case.
Figure 17
ClickCreate New Linkto add a new book.
Figure 18
Figure 19
This way you can insert, Update, delete, and view details of the books.
Posted 5th July 2013 by Gajanan Awakale

Basic Operations Insert, Update and Delete of Data From SQL Server in ASP

Uploaded by

Basic Operations Insert, Update and Delete of Data From SQL Server in ASP

Uploaded by

8/7/2017 Basic operations Insert, Update and Delete of Data from SQL Server in ASP.

NET MVC | eRevolution

Basic operations Insert, Update and Delete of Data

TheSystem.Web.Mvcnamespace is for ASP.NET MVC. MVC is a standard Design

1. Open Microsoft Visual Studio 2010

1. Select a template forInternet Application

ASPNETMVCApplication project. This library lets us use the code-first

Adding a Model Class

1. Right click onModelsfromSolution Explorer

Add the following code in theBookDBContextclass. And derive it from

public DbSet<Book> Books { get; set; }

Add a connection string in theweb.configfile. Remember, the connection

Adding the Controller

1. Right click onControllerfromSolution Explorer

public ActionResult Index()

public ActionResult Details(int id)

public ActionResult Create()

public ActionResult Edit(int id)

public ActionResult Delete(int id)

Now add the following namespaces in theBookController.csfile:

Declare a global instance variable of theBookDBContextclass in

BookDBContext _db = new BookDBContext();

Add the following code in theIndex()method:

public ActionResult Index()

Adding the View

1. Right click in theIndexmethod

@foreach (var item in Model) {

Now, add the Create View.

Adding the Create View

1. Right click on theCreatemethod

It will add theCreate.cshtmlfile.

Now add the following code in theCreatemethod in

Now we will add the Edit View.

Adding the Edit View

1. Right click on theEditmethod

Now add the following code in theEditmethod in

public ActionResult Edit(int id)

Now we will add the Details View.

Adding the Details View

1. Right click on theEditmethod

Add the following code to theDetailsmethod of

public ActionResult Details(int id)

return View("Details", book);

Now we will add the Delete View.

Adding the Delete View

1. Right click on theEditmethod

<h2>Delete</h2><h3>Are you sure you want to delete this?</h3><fieldset>

Add the following code to theDeletemethod in

public ActionResult Delete(int id)

Posted 5th July 2013 by Gajanan Awakale

You might also like