Shopping cart
Sử dụng cơ sở dữ liệu Northwind để thực hành Shopping Cart
Bước 1. Tạo dự án
Bước 2. Add ADO.NET Entity Data Model đặt tên như hình vẽ, add các bảng vào Model
Bước 3. Bổ sung các Action method vào HomeController như sau
4 phương thức: Index, AddToCart, YourCart, RemoveItem
Bước 4. Sửa lại code trong Home/Index.cshtml như sau
@model IEnumerable<ShoppingCart.Models.Product>
@{
ViewBag.Title = "Index";
}
Index
<div class="row">
@foreach (var p in Model)
{
<div class="col-md-4">
<div class="row">
<div class="col-md-3">
<img src="~/Content/images/ms.png" style="width:140%;" />
</div>
<div class="col-md-9">
Product ID: @p.ProductID
Product ID: @p.ProductName
Product ID: @p.UnitPrice
Product ID: @p.Category.CategoryName
@Html.ActionLink("Add to cart", "AddToCart", "Home", new { @Id =
@p.ProductID }, new { @class = "btn btn-primary" })
</div>
</div>
</div>
}
</div>
Bước 5. Thêm view mới với nội dung như sau
@{
ViewBag.Title = "YourCart";
}
YourCart
@{
var cart = Session["cart"] as ShoppingCart.Controllers.ShoppingCart;
}
<table>
<tr>
<td>Product ID</td>
<td>Quantity</td>
<td>Price</td>
<td>Action</td>
</tr>
@for (int i = 0; i < cart.CartItems.Rows.Count; i++)
{
<tr>
<td>@cart.CartItems.Rows[i][0].ToString()</td>
<td>@cart.CartItems.Rows[i][1].ToString()</td>
<td>@cart.CartItems.Rows[i][2].ToString()</td>
<td>@Html.ActionLink("Delete","RemoveItem", "Home", new { @Id =
cart.CartItems.Rows[i][0].ToString() }, new { @class = "btn btn-primary" })</td>
</tr>
}
</table>
Bước 6. Biên dịch và chạy thử dự án.