/ * Xóa thêm lề trái và bên phải, do đệm trong các cột */. Hàng {lề: 0 -5px;} .card { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); /* this adds the "card"
effect */ padding: 16px; text-align: center; background-color: #f1f1f1; }
/ * Xóa phao sau các cột */. Hàng: sau {& nbsp; nội dung: ""; & nbsp; Hiển thị: Bảng; & nbsp; Rõ ràng: cả hai;}
@media screen and (max-width: 600px) { .column { width: 100%; display: block; margin-bottom: 20px; } }
Hãy tự mình thử »
/ * Kiểu thẻ quầy */. Thẻ {& nbsp; Box-Shadow: 0 4px 8px 0 rgba (0, 0, 0, 0.2); / * Điều này thêm hiệu ứng "thẻ" */& nbsp; Đệm: 16px; & nbsp; Văn bản-Align: Trung tâm; & nbsp; màu nền: #f1f1f1;} Go to our CSS Website Layout Tutorial to learn more
about website layouts.
/ * Các cột phản hồi - Bố cục một cột (dọc) trên màn hình nhỏ */ @Media và (Max -Width: 600px) {& nbsp; .Column {& nbsp; & nbsp; & nbsp; chiều rộng: 100%; & nbsp; & nbsp; & nbsp; Hiển thị: khối; & nbsp; & nbsp; & nbsp; Biên độ lợi nhuận: 20px; & nbsp; }} Go to our CSS Responsive Web Design Tutorial to learn more about responsive web design and grids.
Tìm hiểu cách tạo thẻ sản phẩm với CSS.
Quần jean được thiết kế riêng
$19.99
Một số văn bản về quần jean. Super Slim và Comfy Lorem Ipsum Lorem Jeansum. Lorem Jeamsun denim Lorem Jeansum.
Hãy tự mình thử »
Cách tạo thẻ sản phẩm
Bước 1) Thêm HTML:
Thí dụ
& nbsp; & nbsp; Quần jean được thiết kế riêng & nbsp; $ 19,99 & NBSP; Một số văn bản về quần jean .. & nbsp; Thêm vào giỏ hàng
Tailored Jeans
$19.99
Some text about the jeans..
Bước 2) Thêm CSS:
Thí dụ
& nbsp; & nbsp; Quần jean được thiết kế riêng & nbsp; $ 19,99 & NBSP; Một số văn bản về quần jean .. & nbsp; Thêm vào giỏ hàng box-shadow: 0 4px 8px 0 rgba(0,
0, 0, 0.2); max-width: 300px; margin: auto; text-align: center; font-family: arial; }
Nâng cấp lên Microsoft Edge để tận dụng các tính năng mới nhất, cập nhật bảo mật và hỗ trợ kỹ thuật.
Bài báo
07/21/2022
29 phút để đọc
Trong bài viết này
bởi Erik Reitan
Tải xuống Dự án mẫu đồ chơi WingTip (C#) hoặc tải xuống sách điện tử (PDF)
Loạt hướng dẫn này sẽ dạy cho bạn những điều cơ bản về việc xây dựng ứng dụng ASP.NET Web Forms bằng ASP.NET 4.5 và Microsoft Visual Studio Express 2013 cho Web. Một dự án Visual Studio 2013 với mã nguồn C# có sẵn để đi kèm với loạt hướng dẫn này.
Hướng dẫn này mô tả logic kinh doanh cần thiết để thêm một giỏ hàng vào ứng dụng mẫu web ASP.NET của đồ chơi WingTip. Hướng dẫn này được xây dựng trên hướng dẫn trước đây "Hiển thị các mục và chi tiết dữ liệu" và là một phần của loạt hướng dẫn của cửa hàng đồ chơi Wingtip. Khi bạn đã hoàn thành hướng dẫn này, người dùng ứng dụng mẫu của bạn sẽ có thể thêm, xóa và sửa đổi các sản phẩm trong giỏ hàng của họ.
Những gì bạn sẽ học được:
Làm thế nào để tạo một giỏ hàng cho ứng dụng web.
Cách cho phép người dùng thêm các mặt hàng vào giỏ hàng.
Cách thêm điều khiển GridView để hiển thị chi tiết giỏ hàng.
Cách tính và hiển thị tổng số đơn hàng.
Làm thế nào để loại bỏ và cập nhật các mặt hàng trong giỏ hàng.
Làm thế nào để bao gồm một quầy mua sắm.
Các tính năng mã trong hướng dẫn này:
Mã khung thực thể đầu tiên
Chú thích dữ liệu
Kiểm soát dữ liệu được gõ mạnh mẽ
Mô hình ràng buộc
Trước đó trong chuỗi hướng dẫn này, bạn đã thêm các trang và mã để xem dữ liệu sản phẩm từ cơ sở dữ liệu. Trong hướng dẫn này, bạn sẽ tạo một giỏ hàng để quản lý các sản phẩm mà người dùng quan tâm đến việc mua. Người dùng sẽ có thể duyệt và thêm các mặt hàng vào giỏ hàng ngay cả khi họ không đăng ký hoặc đăng nhập. Để quản lý quyền truy cập giỏ hàng, bạn sẽ gán cho người dùng một
using System.Data.Entity;
namespace WingtipToys.Models
{
public class ProductContext : DbContext
{
public ProductContext()
: base("WingtipToys")
{
}
public DbSet<Category> Categories { get; set; }
public DbSet<Product> Products { get; set; }
public DbSet<CartItem> ShoppingCartItems { get; set; }
}
}
4 duy nhất bằng định danh (GUID) độc đáo trên toàn cầu khi người dùng truy cập mua sắm mua sắm mua sắm mua sắm trên toàn cầu Giỏ hàng lần đầu tiên. Bạn sẽ lưu trữ
using System.Data.Entity;
namespace WingtipToys.Models
{
public class ProductContext : DbContext
{
public ProductContext()
: base("WingtipToys")
{
}
public DbSet<Category> Categories { get; set; }
public DbSet<Product> Products { get; set; }
public DbSet<CartItem> ShoppingCartItems { get; set; }
}
}
4 này bằng trạng thái phiên ASP.NET.
Ghi chú
Trạng thái phiên ASP.NET là một nơi thuận tiện để lưu trữ thông tin dành riêng cho người dùng sẽ hết hạn sau khi người dùng rời khỏi trang web. Mặc dù việc lạm dụng trạng thái phiên có thể có ý nghĩa hiệu suất trên các trang web lớn hơn, việc sử dụng ánh sáng trạng thái phiên hoạt động tốt cho mục đích trình diễn. Dự án mẫu đồ chơi WingTip cho thấy cách sử dụng trạng thái phiên mà không có nhà cung cấp bên ngoài, trong đó trạng thái phiên được lưu trữ trong quá trình trên máy chủ web lưu trữ trang web. Đối với các trang web lớn hơn cung cấp nhiều phiên bản của ứng dụng hoặc cho các trang web chạy nhiều trường hợp của ứng dụng trên các máy chủ khác nhau, hãy xem xét sử dụng dịch vụ bộ đệm Windows Azure. Dịch vụ bộ đệm này cung cấp dịch vụ bộ đệm phân tán bên ngoài trang web và giải quyết vấn đề sử dụng trạng thái phiên trong quá trình. Để biết thêm thông tin, hãy xem, cách sử dụng trạng thái phiên ASP.NET với các trang web Windows Azure.Windows Azure Cache Service. This Cache Service provides a distributed caching service that is external to the web site and solves the problem of using in-process
session state. For more information see, How to Use ASP.NET Session State with Windows Azure Web Sites.
Thêm CartItem làm lớp mô hình
Trước đó trong chuỗi hướng dẫn này, bạn đã xác định lược đồ cho danh mục và dữ liệu sản phẩm bằng cách tạo các lớp
using System.Data.Entity;
namespace WingtipToys.Models
{
public class ProductContext : DbContext
{
public ProductContext()
: base("WingtipToys")
{
}
public DbSet<Category> Categories { get; set; }
public DbSet<Product> Products { get; set; }
public DbSet<CartItem> ShoppingCartItems { get; set; }
}
}
6 và
using System.Data.Entity;
namespace WingtipToys.Models
{
public class ProductContext : DbContext
{
public ProductContext()
: base("WingtipToys")
{
}
public DbSet<Category> Categories { get; set; }
public DbSet<Product> Products { get; set; }
public DbSet<CartItem> ShoppingCartItems { get; set; }
}
}
7 trong thư mục mô hình. Bây giờ, thêm một lớp mới để xác định lược đồ cho giỏ hàng. Sau đó trong hướng dẫn này, bạn sẽ thêm một lớp để xử lý quyền truy cập dữ liệu vào bảng
using System.Data.Entity;
namespace WingtipToys.Models
{
public class ProductContext : DbContext
{
public ProductContext()
: base("WingtipToys")
{
}
public DbSet<Category> Categories { get; set; }
public DbSet<Product> Products { get; set; }
public DbSet<CartItem> ShoppingCartItems { get; set; }
}
}
8. Lớp học này sẽ cung cấp logic kinh doanh để thêm, xóa và cập nhật các mặt hàng trong giỏ hàng.
Nhấp chuột phải vào thư mục mô hình và chọn Thêm -> Mục mới.Add -> New Item.
Hộp thoại Thêm mục mới được hiển thị. Chọn mã, và sau đó chọn lớp.Add New Item dialog box is displayed. Select Code, and then select Class.
Kể tên lớp mới này CartItem.cs.
Nhấp vào Thêm. Tệp lớp mới được hiển thị trong trình soạn thảo.Add. The new class file is displayed in the editor.
Thay thế mã mặc định bằng mã sau:
using System.ComponentModel.DataAnnotations;
namespace WingtipToys.Models
{
public class CartItem
{
[Key]
public string ItemId { get; set; }
public string CartId { get; set; }
public int Quantity { get; set; }
public System.DateTime DateCreated { get; set; }
public int ProductId { get; set; }
public virtual Product Product { get; set; }
}
}
Lớp
using System.Data.Entity;
namespace WingtipToys.Models
{
public class ProductContext : DbContext
{
public ProductContext()
: base("WingtipToys")
{
}
public DbSet<Category> Categories { get; set; }
public DbSet<Product> Products { get; set; }
public DbSet<CartItem> ShoppingCartItems { get; set; }
}
}
8 chứa lược đồ sẽ xác định từng sản phẩm mà người dùng thêm vào giỏ hàng. Lớp này tương tự như các lớp lược đồ khác mà bạn đã tạo trước đó trong loạt hướng dẫn này. Theo quy ước, mã khung thực thể trước tiên mong đợi rằng khóa chính cho bảng
using System.Data.Entity;
namespace WingtipToys.Models
{
public class ProductContext : DbContext
{
public ProductContext()
: base("WingtipToys")
{
}
public DbSet<Category> Categories { get; set; }
public DbSet<Product> Products { get; set; }
public DbSet<CartItem> ShoppingCartItems { get; set; }
}
}
8 sẽ là
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using WingtipToys.Models;
namespace WingtipToys.Logic
{
public class ShoppingCartActions : IDisposable
{
public string ShoppingCartId { get; set; }
private ProductContext _db = new ProductContext();
public const string CartSessionKey = "CartId";
public void AddToCart(int id)
{
// Retrieve the product from the database.
ShoppingCartId = GetCartId();
var cartItem = _db.ShoppingCartItems.SingleOrDefault(
c => c.CartId == ShoppingCartId
&& c.ProductId == id);
if (cartItem == null)
{
// Create a new cart item if no cart item exists.
cartItem = new CartItem
{
ItemId = Guid.NewGuid().ToString(),
ProductId = id,
CartId = ShoppingCartId,
Product = _db.Products.SingleOrDefault(
p => p.ProductID == id),
Quantity = 1,
DateCreated = DateTime.Now
};
_db.ShoppingCartItems.Add(cartItem);
}
else
{
// If the item does exist in the cart,
// then add one to the quantity.
cartItem.Quantity++;
}
_db.SaveChanges();
}
public void Dispose()
{
if (_db != null)
{
_db.Dispose();
_db = null;
}
}
public string GetCartId()
{
if (HttpContext.Current.Session[CartSessionKey] == null)
{
if (!string.IsNullOrWhiteSpace(HttpContext.Current.User.Identity.Name))
{
HttpContext.Current.Session[CartSessionKey] = HttpContext.Current.User.Identity.Name;
}
else
{
// Generate a new random GUID using System.Guid class.
Guid tempCartId = Guid.NewGuid();
HttpContext.Current.Session[CartSessionKey] = tempCartId.ToString();
}
}
return HttpContext.Current.Session[CartSessionKey].ToString();
}
public List<CartItem> GetCartItems()
{
ShoppingCartId = GetCartId();
return _db.ShoppingCartItems.Where(
c => c.CartId == ShoppingCartId).ToList();
}
}
}
1 hoặc
using System.Data.Entity;
namespace WingtipToys.Models
{
public class ProductContext : DbContext
{
public ProductContext()
: base("WingtipToys")
{
}
public DbSet<Category> Categories { get; set; }
public DbSet<Product> Products { get; set; }
public DbSet<CartItem> ShoppingCartItems { get; set; }
}
}
4. Tuy nhiên, mã ghi đè hành vi mặc định bằng cách sử dụng thuộc tính chú thích dữ liệu
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using WingtipToys.Models;
namespace WingtipToys.Logic
{
public class ShoppingCartActions : IDisposable
{
public string ShoppingCartId { get; set; }
private ProductContext _db = new ProductContext();
public const string CartSessionKey = "CartId";
public void AddToCart(int id)
{
// Retrieve the product from the database.
ShoppingCartId = GetCartId();
var cartItem = _db.ShoppingCartItems.SingleOrDefault(
c => c.CartId == ShoppingCartId
&& c.ProductId == id);
if (cartItem == null)
{
// Create a new cart item if no cart item exists.
cartItem = new CartItem
{
ItemId = Guid.NewGuid().ToString(),
ProductId = id,
CartId = ShoppingCartId,
Product = _db.Products.SingleOrDefault(
p => p.ProductID == id),
Quantity = 1,
DateCreated = DateTime.Now
};
_db.ShoppingCartItems.Add(cartItem);
}
else
{
// If the item does exist in the cart,
// then add one to the quantity.
cartItem.Quantity++;
}
_db.SaveChanges();
}
public void Dispose()
{
if (_db != null)
{
_db.Dispose();
_db = null;
}
}
public string GetCartId()
{
if (HttpContext.Current.Session[CartSessionKey] == null)
{
if (!string.IsNullOrWhiteSpace(HttpContext.Current.User.Identity.Name))
{
HttpContext.Current.Session[CartSessionKey] = HttpContext.Current.User.Identity.Name;
}
else
{
// Generate a new random GUID using System.Guid class.
Guid tempCartId = Guid.NewGuid();
HttpContext.Current.Session[CartSessionKey] = tempCartId.ToString();
}
}
return HttpContext.Current.Session[CartSessionKey].ToString();
}
public List<CartItem> GetCartItems()
{
ShoppingCartId = GetCartId();
return _db.ShoppingCartItems.Where(
c => c.CartId == ShoppingCartId).ToList();
}
}
}
3. Thuộc tính
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using WingtipToys.Models;
namespace WingtipToys.Logic
{
public class ShoppingCartActions : IDisposable
{
public string ShoppingCartId { get; set; }
private ProductContext _db = new ProductContext();
public const string CartSessionKey = "CartId";
public void AddToCart(int id)
{
// Retrieve the product from the database.
ShoppingCartId = GetCartId();
var cartItem = _db.ShoppingCartItems.SingleOrDefault(
c => c.CartId == ShoppingCartId
&& c.ProductId == id);
if (cartItem == null)
{
// Create a new cart item if no cart item exists.
cartItem = new CartItem
{
ItemId = Guid.NewGuid().ToString(),
ProductId = id,
CartId = ShoppingCartId,
Product = _db.Products.SingleOrDefault(
p => p.ProductID == id),
Quantity = 1,
DateCreated = DateTime.Now
};
_db.ShoppingCartItems.Add(cartItem);
}
else
{
// If the item does exist in the cart,
// then add one to the quantity.
cartItem.Quantity++;
}
_db.SaveChanges();
}
public void Dispose()
{
if (_db != null)
{
_db.Dispose();
_db = null;
}
}
public string GetCartId()
{
if (HttpContext.Current.Session[CartSessionKey] == null)
{
if (!string.IsNullOrWhiteSpace(HttpContext.Current.User.Identity.Name))
{
HttpContext.Current.Session[CartSessionKey] = HttpContext.Current.User.Identity.Name;
}
else
{
// Generate a new random GUID using System.Guid class.
Guid tempCartId = Guid.NewGuid();
HttpContext.Current.Session[CartSessionKey] = tempCartId.ToString();
}
}
return HttpContext.Current.Session[CartSessionKey].ToString();
}
public List<CartItem> GetCartItems()
{
ShoppingCartId = GetCartId();
return _db.ShoppingCartItems.Where(
c => c.CartId == ShoppingCartId).ToList();
}
}
}
4 của thuộc tính itemid chỉ định rằng thuộc tính
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using WingtipToys.Models;
namespace WingtipToys.Logic
{
public class ShoppingCartActions : IDisposable
{
public string ShoppingCartId { get; set; }
private ProductContext _db = new ProductContext();
public const string CartSessionKey = "CartId";
public void AddToCart(int id)
{
// Retrieve the product from the database.
ShoppingCartId = GetCartId();
var cartItem = _db.ShoppingCartItems.SingleOrDefault(
c => c.CartId == ShoppingCartId
&& c.ProductId == id);
if (cartItem == null)
{
// Create a new cart item if no cart item exists.
cartItem = new CartItem
{
ItemId = Guid.NewGuid().ToString(),
ProductId = id,
CartId = ShoppingCartId,
Product = _db.Products.SingleOrDefault(
p => p.ProductID == id),
Quantity = 1,
DateCreated = DateTime.Now
};
_db.ShoppingCartItems.Add(cartItem);
}
else
{
// If the item does exist in the cart,
// then add one to the quantity.
cartItem.Quantity++;
}
_db.SaveChanges();
}
public void Dispose()
{
if (_db != null)
{
_db.Dispose();
_db = null;
}
}
public string GetCartId()
{
if (HttpContext.Current.Session[CartSessionKey] == null)
{
if (!string.IsNullOrWhiteSpace(HttpContext.Current.User.Identity.Name))
{
HttpContext.Current.Session[CartSessionKey] = HttpContext.Current.User.Identity.Name;
}
else
{
// Generate a new random GUID using System.Guid class.
Guid tempCartId = Guid.NewGuid();
HttpContext.Current.Session[CartSessionKey] = tempCartId.ToString();
}
}
return HttpContext.Current.Session[CartSessionKey].ToString();
}
public List<CartItem> GetCartItems()
{
ShoppingCartId = GetCartId();
return _db.ShoppingCartItems.Where(
c => c.CartId == ShoppingCartId).ToList();
}
}
}
5 là khóa chính.
Thuộc tính
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using WingtipToys.Models;
namespace WingtipToys.Logic
{
public class ShoppingCartActions : IDisposable
{
public string ShoppingCartId { get; set; }
private ProductContext _db = new ProductContext();
public const string CartSessionKey = "CartId";
public void AddToCart(int id)
{
// Retrieve the product from the database.
ShoppingCartId = GetCartId();
var cartItem = _db.ShoppingCartItems.SingleOrDefault(
c => c.CartId == ShoppingCartId
&& c.ProductId == id);
if (cartItem == null)
{
// Create a new cart item if no cart item exists.
cartItem = new CartItem
{
ItemId = Guid.NewGuid().ToString(),
ProductId = id,
CartId = ShoppingCartId,
Product = _db.Products.SingleOrDefault(
p => p.ProductID == id),
Quantity = 1,
DateCreated = DateTime.Now
};
_db.ShoppingCartItems.Add(cartItem);
}
else
{
// If the item does exist in the cart,
// then add one to the quantity.
cartItem.Quantity++;
}
_db.SaveChanges();
}
public void Dispose()
{
if (_db != null)
{
_db.Dispose();
_db = null;
}
}
public string GetCartId()
{
if (HttpContext.Current.Session[CartSessionKey] == null)
{
if (!string.IsNullOrWhiteSpace(HttpContext.Current.User.Identity.Name))
{
HttpContext.Current.Session[CartSessionKey] = HttpContext.Current.User.Identity.Name;
}
else
{
// Generate a new random GUID using System.Guid class.
Guid tempCartId = Guid.NewGuid();
HttpContext.Current.Session[CartSessionKey] = tempCartId.ToString();
}
}
return HttpContext.Current.Session[CartSessionKey].ToString();
}
public List<CartItem> GetCartItems()
{
ShoppingCartId = GetCartId();
return _db.ShoppingCartItems.Where(
c => c.CartId == ShoppingCartId).ToList();
}
}
}
6 chỉ định
using System.Data.Entity;
namespace WingtipToys.Models
{
public class ProductContext : DbContext
{
public ProductContext()
: base("WingtipToys")
{
}
public DbSet<Category> Categories { get; set; }
public DbSet<Product> Products { get; set; }
public DbSet<CartItem> ShoppingCartItems { get; set; }
}
}
4 của người dùng được liên kết với mặt hàng để mua. Bạn sẽ thêm mã để tạo người dùng này
using System.Data.Entity;
namespace WingtipToys.Models
{
public class ProductContext : DbContext
{
public ProductContext()
: base("WingtipToys")
{
}
public DbSet<Category> Categories { get; set; }
public DbSet<Product> Products { get; set; }
public DbSet<CartItem> ShoppingCartItems { get; set; }
}
}
4 khi người dùng truy cập giỏ hàng.
using System.Data.Entity;
namespace WingtipToys.Models
{
public class ProductContext : DbContext
{
public ProductContext()
: base("WingtipToys")
{
}
public DbSet<Category> Categories { get; set; }
public DbSet<Product> Products { get; set; }
public DbSet<CartItem> ShoppingCartItems { get; set; }
}
}
4 này cũng sẽ được lưu trữ dưới dạng biến phiên ASP.NET.
Cập nhật bối cảnh sản phẩm
Ngoài việc thêm lớp
using System.Data.Entity;
namespace WingtipToys.Models
{
public class ProductContext : DbContext
{
public ProductContext()
: base("WingtipToys")
{
}
public DbSet<Category> Categories { get; set; }
public DbSet<Product> Products { get; set; }
public DbSet<CartItem> ShoppingCartItems { get; set; }
}
}
8, bạn sẽ cần cập nhật lớp bối cảnh cơ sở dữ liệu để quản lý các lớp thực thể và cung cấp quyền truy cập dữ liệu vào cơ sở dữ liệu. Để làm điều này, bạn sẽ thêm lớp mô hình
using System.Data.Entity;
namespace WingtipToys.Models
{
public class ProductContext : DbContext
{
public ProductContext()
: base("WingtipToys")
{
}
public DbSet<Category> Categories { get; set; }
public DbSet<Product> Products { get; set; }
public DbSet<CartItem> ShoppingCartItems { get; set; }
}
}
8 mới được tạo vào lớp
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Diagnostics;
using WingtipToys.Logic;
namespace WingtipToys
{
public partial class AddToCart : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
string rawId = Request.QueryString["ProductID"];
int productId;
if (!String.IsNullOrEmpty(rawId) && int.TryParse(rawId, out productId))
{
using (ShoppingCartActions usersShoppingCart = new ShoppingCartActions())
{
usersShoppingCart.AddToCart(Convert.ToInt16(rawId));
}
}
else
{
Debug.Fail("ERROR : We should never get to AddToCart.aspx without a ProductId.");
throw new Exception("ERROR : It is illegal to load AddToCart.aspx without setting a ProductId.");
}
Response.Redirect("ShoppingCart.aspx");
}
}
}
2.
Trong Giải pháp Explorer, hãy tìm và mở tệp sản phẩm trong thư mục mô hình.Solution Explorer, find and open the ProductContext.cs file in the Models folder.
Thêm mã được tô sáng vào tệp ProductContext.cs như sau:
using System.Data.Entity;
namespace WingtipToys.Models
{
public class ProductContext : DbContext
{
public ProductContext()
: base("WingtipToys")
{
}
public DbSet<Category> Categories { get; set; }
public DbSet<Product> Products { get; set; }
public DbSet<CartItem> ShoppingCartItems { get; set; }
}
}
Như đã đề cập trước đây trong chuỗi hướng dẫn này, mã trong tệp ProductContext.cs thêm không gian tên
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Diagnostics;
using WingtipToys.Logic;
namespace WingtipToys
{
public partial class AddToCart : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
string rawId = Request.QueryString["ProductID"];
int productId;
if (!String.IsNullOrEmpty(rawId) && int.TryParse(rawId, out productId))
{
using (ShoppingCartActions usersShoppingCart = new ShoppingCartActions())
{
usersShoppingCart.AddToCart(Convert.ToInt16(rawId));
}
}
else
{
Debug.Fail("ERROR : We should never get to AddToCart.aspx without a ProductId.");
throw new Exception("ERROR : It is illegal to load AddToCart.aspx without setting a ProductId.");
}
Response.Redirect("ShoppingCart.aspx");
}
}
}
3 để bạn có quyền truy cập vào tất cả các chức năng cốt lõi của khung thực thể. Chức năng này bao gồm khả năng truy vấn, chèn, cập nhật và xóa dữ liệu bằng cách làm việc với các đối tượng được gõ mạnh. Lớp
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Diagnostics;
using WingtipToys.Logic;
namespace WingtipToys
{
public partial class AddToCart : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
string rawId = Request.QueryString["ProductID"];
int productId;
if (!String.IsNullOrEmpty(rawId) && int.TryParse(rawId, out productId))
{
using (ShoppingCartActions usersShoppingCart = new ShoppingCartActions())
{
usersShoppingCart.AddToCart(Convert.ToInt16(rawId));
}
}
else
{
Debug.Fail("ERROR : We should never get to AddToCart.aspx without a ProductId.");
throw new Exception("ERROR : It is illegal to load AddToCart.aspx without setting a ProductId.");
}
Response.Redirect("ShoppingCart.aspx");
}
}
}
2 bổ sung quyền truy cập vào lớp mô hình
using System.Data.Entity;
namespace WingtipToys.Models
{
public class ProductContext : DbContext
{
public ProductContext()
: base("WingtipToys")
{
}
public DbSet<Category> Categories { get; set; }
public DbSet<Product> Products { get; set; }
public DbSet<CartItem> ShoppingCartItems { get; set; }
}
}
8 mới được thêm vào.
Quản lý logic kinh doanh giỏ hàng
Tiếp theo, bạn sẽ tạo lớp
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Diagnostics;
using WingtipToys.Logic;
namespace WingtipToys
{
public partial class AddToCart : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
string rawId = Request.QueryString["ProductID"];
int productId;
if (!String.IsNullOrEmpty(rawId) && int.TryParse(rawId, out productId))
{
using (ShoppingCartActions usersShoppingCart = new ShoppingCartActions())
{
usersShoppingCart.AddToCart(Convert.ToInt16(rawId));
}
}
else
{
Debug.Fail("ERROR : We should never get to AddToCart.aspx without a ProductId.");
throw new Exception("ERROR : It is illegal to load AddToCart.aspx without setting a ProductId.");
}
Response.Redirect("ShoppingCart.aspx");
}
}
}
6 trong một thư mục logic mới. Lớp
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Diagnostics;
using WingtipToys.Logic;
namespace WingtipToys
{
public partial class AddToCart : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
string rawId = Request.QueryString["ProductID"];
int productId;
if (!String.IsNullOrEmpty(rawId) && int.TryParse(rawId, out productId))
{
using (ShoppingCartActions usersShoppingCart = new ShoppingCartActions())
{
usersShoppingCart.AddToCart(Convert.ToInt16(rawId));
}
}
else
{
Debug.Fail("ERROR : We should never get to AddToCart.aspx without a ProductId.");
throw new Exception("ERROR : It is illegal to load AddToCart.aspx without setting a ProductId.");
}
Response.Redirect("ShoppingCart.aspx");
}
}
}
6 xử lý quyền truy cập dữ liệu vào bảng
using System.Data.Entity;
namespace WingtipToys.Models
{
public class ProductContext : DbContext
{
public ProductContext()
: base("WingtipToys")
{
}
public DbSet<Category> Categories { get; set; }
public DbSet<Product> Products { get; set; }
public DbSet<CartItem> ShoppingCartItems { get; set; }
}
}
8. Lớp học cũng sẽ bao gồm logic kinh doanh để thêm, xóa và cập nhật các mặt hàng trong giỏ hàng.
Logic giỏ hàng mà bạn sẽ thêm sẽ chứa chức năng để quản lý các hành động sau:
Thêm các mặt hàng vào giỏ hàng
Loại bỏ các mặt hàng khỏi giỏ hàng
Nhận id giỏ hàng
Lấy các mặt hàng từ giỏ hàng
Tổng số lượng của tất cả các mặt hàng giỏ hàng
Cập nhật dữ liệu giỏ hàng
Một trang giỏ hàng (ShoppingCart.aspx) và lớp giỏ hàng sẽ được sử dụng cùng nhau để truy cập dữ liệu giỏ hàng. Trang Giỏ hàng sẽ hiển thị tất cả các mặt hàng mà người dùng thêm vào giỏ hàng. Bên cạnh trang và lớp giỏ hàng, bạn sẽ tạo một trang (addtocart.aspx) để thêm sản phẩm vào giỏ hàng. Bạn cũng sẽ thêm mã vào trang sản phẩmList.aspx và trang ProductDetails.aspx sẽ cung cấp một liên kết đến trang AddTocart.aspx, để người dùng có thể thêm sản phẩm vào giỏ hàng.
Biểu đồ sau đây cho thấy quy trình cơ bản xảy ra khi người dùng thêm một sản phẩm vào giỏ hàng.
Khi người dùng nhấp vào liên kết Thêm vào giỏ hàng trên trang ProductList.aspx hoặc trang ProductDetails.aspx, ứng dụng sẽ điều hướng đến trang AddTocart.aspx và sau đó tự động đến trang shoppingCart.aspx. Trang Addtocart.aspx sẽ thêm sản phẩm Chọn vào giỏ hàng bằng cách gọi một phương thức trong lớp ShoppingCart. Trang ShoppingCart.aspx sẽ hiển thị các sản phẩm đã được thêm vào giỏ hàng.Add To Cart link on either the
ProductList.aspx page or the ProductDetails.aspx page, the application will navigate to the AddToCart.aspx page and then automatically to the ShoppingCart.aspx page. The AddToCart.aspx page will add the select product to the shopping cart by calling a method in the ShoppingCart class. The ShoppingCart.aspx page will display the products that have been added to the shopping cart.
Tạo lớp học mua sắm
Lớp
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Diagnostics;
using WingtipToys.Logic;
namespace WingtipToys
{
public partial class AddToCart : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
string rawId = Request.QueryString["ProductID"];
int productId;
if (!String.IsNullOrEmpty(rawId) && int.TryParse(rawId, out productId))
{
using (ShoppingCartActions usersShoppingCart = new ShoppingCartActions())
{
usersShoppingCart.AddToCart(Convert.ToInt16(rawId));
}
}
else
{
Debug.Fail("ERROR : We should never get to AddToCart.aspx without a ProductId.");
throw new Exception("ERROR : It is illegal to load AddToCart.aspx without setting a ProductId.");
}
Response.Redirect("ShoppingCart.aspx");
}
}
}
6 sẽ được thêm vào một thư mục riêng trong ứng dụng để có sự phân biệt rõ ràng giữa mô hình (thư mục mô hình), các trang (thư mục gốc) và logic (thư mục logic).
Trong Giải pháp Explorer, bấm chuột phải vào WingTipToySproject và chọn add-> thư mục mới. Đặt tên cho logic thư mục mới.Solution Explorer, right-click the WingtipToysproject and select Add->New Folder. Name the new folder Logic.
Nhấp chuột phải vào thư mục logic và sau đó chọn Thêm -> Mục mới.Add -> New Item.
Thêm một tập tin lớp mới có tên ShoppingCartActions.cs.
Thay thế mã mặc định bằng mã sau:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using WingtipToys.Models;
namespace WingtipToys.Logic
{
public class ShoppingCartActions : IDisposable
{
public string ShoppingCartId { get; set; }
private ProductContext _db = new ProductContext();
public const string CartSessionKey = "CartId";
public void AddToCart(int id)
{
// Retrieve the product from the database.
ShoppingCartId = GetCartId();
var cartItem = _db.ShoppingCartItems.SingleOrDefault(
c => c.CartId == ShoppingCartId
&& c.ProductId == id);
if (cartItem == null)
{
// Create a new cart item if no cart item exists.
cartItem = new CartItem
{
ItemId = Guid.NewGuid().ToString(),
ProductId = id,
CartId = ShoppingCartId,
Product = _db.Products.SingleOrDefault(
p => p.ProductID == id),
Quantity = 1,
DateCreated = DateTime.Now
};
_db.ShoppingCartItems.Add(cartItem);
}
else
{
// If the item does exist in the cart,
// then add one to the quantity.
cartItem.Quantity++;
}
_db.SaveChanges();
}
public void Dispose()
{
if (_db != null)
{
_db.Dispose();
_db = null;
}
}
public string GetCartId()
{
if (HttpContext.Current.Session[CartSessionKey] == null)
{
if (!string.IsNullOrWhiteSpace(HttpContext.Current.User.Identity.Name))
{
HttpContext.Current.Session[CartSessionKey] = HttpContext.Current.User.Identity.Name;
}
else
{
// Generate a new random GUID using System.Guid class.
Guid tempCartId = Guid.NewGuid();
HttpContext.Current.Session[CartSessionKey] = tempCartId.ToString();
}
}
return HttpContext.Current.Session[CartSessionKey].ToString();
}
public List<CartItem> GetCartItems()
{
ShoppingCartId = GetCartId();
return _db.ShoppingCartItems.Where(
c => c.CartId == ShoppingCartId).ToList();
}
}
}
9 trả về một danh sách các mặt hàng giỏ hàng cho người dùng. Sau đó trong hướng dẫn này, bạn sẽ thấy rằng ràng buộc mô hình được sử dụng để hiển thị các mặt hàng giỏ hàng trong giỏ hàng bằng phương pháp
Như đã đề cập trước đó, bạn sẽ tạo một trang xử lý có tên AddTocart.aspx sẽ được sử dụng để thêm sản phẩm mới vào giỏ hàng của người dùng. Trang này sẽ gọi phương thức
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Diagnostics;
using WingtipToys.Logic;
namespace WingtipToys
{
public partial class AddToCart : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
string rawId = Request.QueryString["ProductID"];
int productId;
if (!String.IsNullOrEmpty(rawId) && int.TryParse(rawId, out productId))
{
using (ShoppingCartActions usersShoppingCart = new ShoppingCartActions())
{
usersShoppingCart.AddToCart(Convert.ToInt16(rawId));
}
}
else
{
Debug.Fail("ERROR : We should never get to AddToCart.aspx without a ProductId.");
throw new Exception("ERROR : It is illegal to load AddToCart.aspx without setting a ProductId.");
}
Response.Redirect("ShoppingCart.aspx");
}
}
}
6 mà bạn vừa tạo. Trang AddTocart.aspx sẽ mong đợi rằng một sản phẩm
using System.Data.Entity;
namespace WingtipToys.Models
{
public class ProductContext : DbContext
{
public ProductContext()
: base("WingtipToys")
{
}
public DbSet<Category> Categories { get; set; }
public DbSet<Product> Products { get; set; }
public DbSet<CartItem> ShoppingCartItems { get; set; }
}
}
4 được chuyển cho nó. Sản phẩm này
using System.Data.Entity;
namespace WingtipToys.Models
{
public class ProductContext : DbContext
{
public ProductContext()
: base("WingtipToys")
{
}
public DbSet<Category> Categories { get; set; }
public DbSet<Product> Products { get; set; }
public DbSet<CartItem> ShoppingCartItems { get; set; }
}
}
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Diagnostics;
using WingtipToys.Logic;
namespace WingtipToys
{
public partial class AddToCart : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
string rawId = Request.QueryString["ProductID"];
int productId;
if (!String.IsNullOrEmpty(rawId) && int.TryParse(rawId, out productId))
{
using (ShoppingCartActions usersShoppingCart = new ShoppingCartActions())
{
usersShoppingCart.AddToCart(Convert.ToInt16(rawId));
}
}
else
{
Debug.Fail("ERROR : We should never get to AddToCart.aspx without a ProductId.");
throw new Exception("ERROR : It is illegal to load AddToCart.aspx without setting a ProductId.");
}
Response.Redirect("ShoppingCart.aspx");
}
}
}
6.
Ghi chú
Bạn sẽ sửa đổi mã phía sau (addtocart.aspx.cs) cho trang này, không phải trang UI (addTocart.aspx).
Để tạo chức năng bổ sung để lập xe:
Trong Giải pháp Explorer, bấm chuột phải vào WingTipToySproject, nhấp vào Thêm -> Mục mới. Hộp thoại Thêm mục mới được hiển thị.Solution
Explorer, right-click the WingtipToysproject, click Add -> New Item. The Add New Item dialog box is displayed.
Thêm một trang mới tiêu chuẩn (biểu mẫu web) vào ứng dụng có tên AddTocart.aspx.
Trong Giải pháp Explorer, nhấp chuột phải vào trang AddTocart.aspx và sau đó nhấp vào Xem mã. Tệp mã-phía sau addtocart.aspx.cs được mở trong trình soạn thảo.Solution Explorer, right-click the AddToCart.aspx page and then click View Code. The AddToCart.aspx.cs code-behind file is opened in the editor.
Thay thế mã hiện có trong mã Addtocart.aspx.cs-phía sau bằng cách sau:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Diagnostics;
using WingtipToys.Logic;
namespace WingtipToys
{
public partial class AddToCart : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
string rawId = Request.QueryString["ProductID"];
int productId;
if (!String.IsNullOrEmpty(rawId) && int.TryParse(rawId, out productId))
{
using (ShoppingCartActions usersShoppingCart = new ShoppingCartActions())
{
usersShoppingCart.AddToCart(Convert.ToInt16(rawId));
}
}
else
{
Debug.Fail("ERROR : We should never get to AddToCart.aspx without a ProductId.");
throw new Exception("ERROR : It is illegal to load AddToCart.aspx without setting a ProductId.");
}
Response.Redirect("ShoppingCart.aspx");
}
}
}
Khi trang AddTocart.aspx được tải, sản phẩm
using System.Data.Entity;
namespace WingtipToys.Models
{
public class ProductContext : DbContext
{
public ProductContext()
: base("WingtipToys")
{
}
public DbSet<Category> Categories { get; set; }
public DbSet<Product> Products { get; set; }
public DbSet<CartItem> ShoppingCartItems { get; set; }
}
}
4 được lấy từ chuỗi truy vấn. Tiếp theo, một thể hiện của lớp Giỏ hàng được tạo và sử dụng để gọi phương thức
0, có trong tệp shoppingcartactions.cs, bao gồm logic để thêm sản phẩm đã chọn vào giỏ hàng hoặc tăng số lượng sản phẩm của sản phẩm đã chọn. Nếu sản phẩm chưa được thêm vào giỏ hàng, sản phẩm sẽ được thêm vào bảng
using System.Data.Entity;
namespace WingtipToys.Models
{
public class ProductContext : DbContext
{
public ProductContext()
: base("WingtipToys")
{
}
public DbSet<Category> Categories { get; set; }
public DbSet<Product> Products { get; set; }
public DbSet<CartItem> ShoppingCartItems { get; set; }
}
}
8 của cơ sở dữ liệu. Nếu sản phẩm đã được thêm vào giỏ hàng và người dùng thêm một mặt hàng bổ sung của cùng một sản phẩm, thì số lượng sản phẩm sẽ được tăng lên trong bảng
using System.Data.Entity;
namespace WingtipToys.Models
{
public class ProductContext : DbContext
{
public ProductContext()
: base("WingtipToys")
{
}
public DbSet<Category> Categories { get; set; }
public DbSet<Product> Products { get; set; }
public DbSet<CartItem> ShoppingCartItems { get; set; }
}
}
8. Cuối cùng, trang chuyển hướng trở lại trang ShoppingCart.aspx mà bạn sẽ thêm vào bước tiếp theo, trong đó người dùng thấy một danh sách các mục được cập nhật trong giỏ hàng.
Như đã đề cập trước đây, người dùng
using System.Data.Entity;
namespace WingtipToys.Models
{
public class ProductContext : DbContext
{
public ProductContext()
: base("WingtipToys")
{
}
public DbSet<Category> Categories { get; set; }
public DbSet<Product> Products { get; set; }
public DbSet<CartItem> ShoppingCartItems { get; set; }
}
}
4 được sử dụng để xác định các sản phẩm được liên kết với một người dùng cụ thể.
using System.Data.Entity;
namespace WingtipToys.Models
{
public class ProductContext : DbContext
{
public ProductContext()
: base("WingtipToys")
{
}
public DbSet<Category> Categories { get; set; }
public DbSet<Product> Products { get; set; }
public DbSet<CartItem> ShoppingCartItems { get; set; }
}
}
4 này được thêm vào một hàng trong bảng
using System.Data.Entity;
namespace WingtipToys.Models
{
public class ProductContext : DbContext
{
public ProductContext()
: base("WingtipToys")
{
}
public DbSet<Category> Categories { get; set; }
public DbSet<Product> Products { get; set; }
public DbSet<CartItem> ShoppingCartItems { get; set; }
}
}
8 mỗi khi người dùng thêm một sản phẩm vào giỏ hàng.
Tạo giao diện người dùng mua sắm
Trang ShoppingCart.aspx sẽ hiển thị các sản phẩm mà người dùng đã thêm vào giỏ hàng của họ. Nó cũng sẽ cung cấp khả năng thêm, xóa và cập nhật các mặt hàng trong giỏ hàng.
Trong Giải pháp Explorer, nhấp chuột phải vào wingtiptoys, nhấp vào Thêm -> Mục mới. Hộp thoại Thêm mục mới được hiển thị.Solution Explorer, right-click WingtipToys, click Add -> New Item. The Add New Item dialog box is displayed.
Thêm một trang mới (biểu mẫu web) bao gồm một trang chính bằng cách chọn biểu mẫu web bằng trang chính. Kể tên trang mới ShoppingCart.aspx.Web Form using Master Page. Name the new page ShoppingCart.aspx.
Chọn SITE.Master để đính kèm trang chính vào trang .aspx mới được tạo.Site.Master to attach the master page to the newly created .aspx page.
Trong trang shoppingcart.aspx, thay thế đánh dấu hiện tại bằng đánh dấu sau:
7 có sẵn trong đánh dấu của điều khiển và điều khiển sẽ được gõ mạnh. Như đã đề cập trước đó trong loạt hướng dẫn này, bạn có thể chọn chi tiết về đối tượng
9 để sử dụng phương thức getShoppingCartitems trả về danh sách các đối tượng
using System.Data.Entity;
namespace WingtipToys.Models
{
public class ProductContext : DbContext
{
public ProductContext()
: base("WingtipToys")
{
}
public DbSet<Category> Categories { get; set; }
public DbSet<Product> Products { get; set; }
public DbSet<CartItem> ShoppingCartItems { get; set; }
}
}
8. Điều khiển dữ liệu GridView gọi phương thức vào thời điểm thích hợp trong vòng đời trang và tự động liên kết dữ liệu được trả về. Phương pháp
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using WingtipToys.Models;
namespace WingtipToys.Logic
{
public class ShoppingCartActions : IDisposable
{
public string ShoppingCartId { get; set; }
private ProductContext _db = new ProductContext();
public const string CartSessionKey = "CartId";
public void AddToCart(int id)
{
// Retrieve the product from the database.
ShoppingCartId = GetCartId();
var cartItem = _db.ShoppingCartItems.SingleOrDefault(
c => c.CartId == ShoppingCartId
&& c.ProductId == id);
if (cartItem == null)
{
// Create a new cart item if no cart item exists.
cartItem = new CartItem
{
ItemId = Guid.NewGuid().ToString(),
ProductId = id,
CartId = ShoppingCartId,
Product = _db.Products.SingleOrDefault(
p => p.ProductID == id),
Quantity = 1,
DateCreated = DateTime.Now
};
_db.ShoppingCartItems.Add(cartItem);
}
else
{
// If the item does exist in the cart,
// then add one to the quantity.
cartItem.Quantity++;
}
_db.SaveChanges();
}
public void Dispose()
{
if (_db != null)
{
_db.Dispose();
_db = null;
}
}
public string GetCartId()
{
if (HttpContext.Current.Session[CartSessionKey] == null)
{
if (!string.IsNullOrWhiteSpace(HttpContext.Current.User.Identity.Name))
{
HttpContext.Current.Session[CartSessionKey] = HttpContext.Current.User.Identity.Name;
}
else
{
// Generate a new random GUID using System.Guid class.
Guid tempCartId = Guid.NewGuid();
HttpContext.Current.Session[CartSessionKey] = tempCartId.ToString();
}
}
return HttpContext.Current.Session[CartSessionKey].ToString();
}
public List<CartItem> GetCartItems()
{
ShoppingCartId = GetCartId();
return _db.ShoppingCartItems.Where(
c => c.CartId == ShoppingCartId).ToList();
}
public decimal GetTotal()
{
ShoppingCartId = GetCartId();
// Multiply product price by quantity of that product to get
// the current price for each of those products in the cart.
// Sum all product price totals to get the cart total.
decimal? total = decimal.Zero;
total = (decimal?)(from cartItems in _db.ShoppingCartItems
where cartItems.CartId == ShoppingCartId
select (int?)cartItems.Quantity *
cartItems.Product.UnitPrice).Sum();
return total ?? decimal.Zero;
}
}
}
7 is available in the markup of the
control and the control becomes strongly typed. As mentioned earlier in this tutorial series, you can select details of the
9 to use the GetShoppingCartItems method which returns a list of
using System.Data.Entity;
namespace WingtipToys.Models
{
public class ProductContext : DbContext
{
public ProductContext()
: base("WingtipToys")
{
}
public DbSet<Category> Categories { get; set; }
public DbSet<Product> Products { get; set; }
public DbSet<CartItem> ShoppingCartItems { get; set; }
}
}
8 objects. The GridView data control calls the method at the appropriate time in the page life cycle
and automatically binds the returned data. The
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using WingtipToys.Models;
namespace WingtipToys.Logic
{
public class ShoppingCartActions : IDisposable
{
public string ShoppingCartId { get; set; }
private ProductContext _db = new ProductContext();
public const string CartSessionKey = "CartId";
public void AddToCart(int id)
{
// Retrieve the product from the database.
ShoppingCartId = GetCartId();
var cartItem = _db.ShoppingCartItems.SingleOrDefault(
c => c.CartId == ShoppingCartId
&& c.ProductId == id);
if (cartItem == null)
{
// Create a new cart item if no cart item exists.
cartItem = new CartItem
{
ItemId = Guid.NewGuid().ToString(),
ProductId = id,
CartId = ShoppingCartId,
Product = _db.Products.SingleOrDefault(
p => p.ProductID == id),
Quantity = 1,
DateCreated = DateTime.Now
};
_db.ShoppingCartItems.Add(cartItem);
}
else
{
// If the item does exist in the cart,
// then add one to the quantity.
cartItem.Quantity++;
}
_db.SaveChanges();
}
public void Dispose()
{
if (_db != null)
{
_db.Dispose();
_db = null;
}
}
public string GetCartId()
{
if (HttpContext.Current.Session[CartSessionKey] == null)
{
if (!string.IsNullOrWhiteSpace(HttpContext.Current.User.Identity.Name))
{
HttpContext.Current.Session[CartSessionKey] = HttpContext.Current.User.Identity.Name;
}
else
{
// Generate a new random GUID using System.Guid class.
Guid tempCartId = Guid.NewGuid();
HttpContext.Current.Session[CartSessionKey] = tempCartId.ToString();
}
}
return HttpContext.Current.Session[CartSessionKey].ToString();
}
public List<CartItem> GetCartItems()
{
ShoppingCartId = GetCartId();
return _db.ShoppingCartItems.Where(
c => c.CartId == ShoppingCartId).ToList();
}
public decimal GetTotal()
{
ShoppingCartId = GetCartId();
// Multiply product price by quantity of that product to get
// the current price for each of those products in the cart.
// Sum all product price totals to get the cart total.
decimal? total = decimal.Zero;
total = (decimal?)(from cartItems in _db.ShoppingCartItems
where cartItems.CartId == ShoppingCartId
select (int?)cartItems.Quantity *
cartItems.Product.UnitPrice).Sum();
return total ?? decimal.Zero;
}
}
}
2 method must still be added.
Lấy các mặt hàng giỏ hàng
Tiếp theo, bạn thêm mã vào COUNCIPCART.ASPX.CS CODE-AHIND để truy xuất và điền vào UI giỏ hàng.
Trong Giải pháp Explorer, nhấp chuột phải vào trang shoppingCart.aspx và sau đó nhấp vào Xem mã. Tệp CODESCART.ASPX.CS CODE-HOÀN TOÀN được mở trong trình soạn thảo.Solution Explorer, right-click the ShoppingCart.aspx page and then click View Code. The ShoppingCart.aspx.cs code-behind file is opened in the
editor.
Thay thế mã hiện có bằng các mục sau:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using WingtipToys.Models;
using WingtipToys.Logic;
namespace WingtipToys
{
public partial class ShoppingCart : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
public List<CartItem> GetShoppingCartItems()
{
ShoppingCartActions actions = new ShoppingCartActions();
return actions.GetCartItems();
}
}
}
Như đã đề cập ở trên, điều khiển dữ liệu
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using WingtipToys.Models;
namespace WingtipToys.Logic
{
public class ShoppingCartActions : IDisposable
{
public string ShoppingCartId { get; set; }
private ProductContext _db = new ProductContext();
public const string CartSessionKey = "CartId";
public void AddToCart(int id)
{
// Retrieve the product from the database.
ShoppingCartId = GetCartId();
var cartItem = _db.ShoppingCartItems.SingleOrDefault(
c => c.CartId == ShoppingCartId
&& c.ProductId == id);
if (cartItem == null)
{
// Create a new cart item if no cart item exists.
cartItem = new CartItem
{
ItemId = Guid.NewGuid().ToString(),
ProductId = id,
CartId = ShoppingCartId,
Product = _db.Products.SingleOrDefault(
p => p.ProductID == id),
Quantity = 1,
DateCreated = DateTime.Now
};
_db.ShoppingCartItems.Add(cartItem);
}
else
{
// If the item does exist in the cart,
// then add one to the quantity.
cartItem.Quantity++;
}
_db.SaveChanges();
}
public void Dispose()
{
if (_db != null)
{
_db.Dispose();
_db = null;
}
}
public string GetCartId()
{
if (HttpContext.Current.Session[CartSessionKey] == null)
{
if (!string.IsNullOrWhiteSpace(HttpContext.Current.User.Identity.Name))
{
HttpContext.Current.Session[CartSessionKey] = HttpContext.Current.User.Identity.Name;
}
else
{
// Generate a new random GUID using System.Guid class.
Guid tempCartId = Guid.NewGuid();
HttpContext.Current.Session[CartSessionKey] = tempCartId.ToString();
}
}
return HttpContext.Current.Session[CartSessionKey].ToString();
}
public List<CartItem> GetCartItems()
{
ShoppingCartId = GetCartId();
return _db.ShoppingCartItems.Where(
c => c.CartId == ShoppingCartId).ToList();
}
public decimal GetTotal()
{
ShoppingCartId = GetCartId();
// Multiply product price by quantity of that product to get
// the current price for each of those products in the cart.
// Sum all product price totals to get the cart total.
decimal? total = decimal.Zero;
total = (decimal?)(from cartItems in _db.ShoppingCartItems
where cartItems.CartId == ShoppingCartId
select (int?)cartItems.Quantity *
cartItems.Product.UnitPrice).Sum();
return total ?? decimal.Zero;
}
}
}
3 gọi phương thức
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using WingtipToys.Models;
namespace WingtipToys.Logic
{
public class ShoppingCartActions : IDisposable
{
public string ShoppingCartId { get; set; }
private ProductContext _db = new ProductContext();
public const string CartSessionKey = "CartId";
public void AddToCart(int id)
{
// Retrieve the product from the database.
ShoppingCartId = GetCartId();
var cartItem = _db.ShoppingCartItems.SingleOrDefault(
c => c.CartId == ShoppingCartId
&& c.ProductId == id);
if (cartItem == null)
{
// Create a new cart item if no cart item exists.
cartItem = new CartItem
{
ItemId = Guid.NewGuid().ToString(),
ProductId = id,
CartId = ShoppingCartId,
Product = _db.Products.SingleOrDefault(
p => p.ProductID == id),
Quantity = 1,
DateCreated = DateTime.Now
};
_db.ShoppingCartItems.Add(cartItem);
}
else
{
// If the item does exist in the cart,
// then add one to the quantity.
cartItem.Quantity++;
}
_db.SaveChanges();
}
public void Dispose()
{
if (_db != null)
{
_db.Dispose();
_db = null;
}
}
public string GetCartId()
{
if (HttpContext.Current.Session[CartSessionKey] == null)
{
if (!string.IsNullOrWhiteSpace(HttpContext.Current.User.Identity.Name))
{
HttpContext.Current.Session[CartSessionKey] = HttpContext.Current.User.Identity.Name;
}
else
{
// Generate a new random GUID using System.Guid class.
Guid tempCartId = Guid.NewGuid();
HttpContext.Current.Session[CartSessionKey] = tempCartId.ToString();
}
}
return HttpContext.Current.Session[CartSessionKey].ToString();
}
public List<CartItem> GetCartItems()
{
ShoppingCartId = GetCartId();
return _db.ShoppingCartItems.Where(
c => c.CartId == ShoppingCartId).ToList();
}
public decimal GetTotal()
{
ShoppingCartId = GetCartId();
// Multiply product price by quantity of that product to get
// the current price for each of those products in the cart.
// Sum all product price totals to get the cart total.
decimal? total = decimal.Zero;
total = (decimal?)(from cartItems in _db.ShoppingCartItems
where cartItems.CartId == ShoppingCartId
select (int?)cartItems.Quantity *
cartItems.Product.UnitPrice).Sum();
return total ?? decimal.Zero;
}
}
}
2 tại thời điểm thích hợp trong vòng đời trang và tự động liên kết dữ liệu được trả về. Phương thức
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using WingtipToys.Models;
namespace WingtipToys.Logic
{
public class ShoppingCartActions : IDisposable
{
public string ShoppingCartId { get; set; }
private ProductContext _db = new ProductContext();
public const string CartSessionKey = "CartId";
public void AddToCart(int id)
{
// Retrieve the product from the database.
ShoppingCartId = GetCartId();
var cartItem = _db.ShoppingCartItems.SingleOrDefault(
c => c.CartId == ShoppingCartId
&& c.ProductId == id);
if (cartItem == null)
{
// Create a new cart item if no cart item exists.
cartItem = new CartItem
{
ItemId = Guid.NewGuid().ToString(),
ProductId = id,
CartId = ShoppingCartId,
Product = _db.Products.SingleOrDefault(
p => p.ProductID == id),
Quantity = 1,
DateCreated = DateTime.Now
};
_db.ShoppingCartItems.Add(cartItem);
}
else
{
// If the item does exist in the cart,
// then add one to the quantity.
cartItem.Quantity++;
}
_db.SaveChanges();
}
public void Dispose()
{
if (_db != null)
{
_db.Dispose();
_db = null;
}
}
public string GetCartId()
{
if (HttpContext.Current.Session[CartSessionKey] == null)
{
if (!string.IsNullOrWhiteSpace(HttpContext.Current.User.Identity.Name))
{
HttpContext.Current.Session[CartSessionKey] = HttpContext.Current.User.Identity.Name;
}
else
{
// Generate a new random GUID using System.Guid class.
Guid tempCartId = Guid.NewGuid();
HttpContext.Current.Session[CartSessionKey] = tempCartId.ToString();
}
}
return HttpContext.Current.Session[CartSessionKey].ToString();
}
public List<CartItem> GetCartItems()
{
ShoppingCartId = GetCartId();
return _db.ShoppingCartItems.Where(
c => c.CartId == ShoppingCartId).ToList();
}
public decimal GetTotal()
{
ShoppingCartId = GetCartId();
// Multiply product price by quantity of that product to get
// the current price for each of those products in the cart.
// Sum all product price totals to get the cart total.
decimal? total = decimal.Zero;
total = (decimal?)(from cartItems in _db.ShoppingCartItems
where cartItems.CartId == ShoppingCartId
select (int?)cartItems.Quantity *
cartItems.Product.UnitPrice).Sum();
return total ?? decimal.Zero;
}
}
}
2 tạo ra một thể hiện của đối tượng
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using WingtipToys.Models;
namespace WingtipToys.Logic
{
public class ShoppingCartActions : IDisposable
{
public string ShoppingCartId { get; set; }
private ProductContext _db = new ProductContext();
public const string CartSessionKey = "CartId";
public void AddToCart(int id)
{
// Retrieve the product from the database.
ShoppingCartId = GetCartId();
var cartItem = _db.ShoppingCartItems.SingleOrDefault(
c => c.CartId == ShoppingCartId
&& c.ProductId == id);
if (cartItem == null)
{
// Create a new cart item if no cart item exists.
cartItem = new CartItem
{
ItemId = Guid.NewGuid().ToString(),
ProductId = id,
CartId = ShoppingCartId,
Product = _db.Products.SingleOrDefault(
p => p.ProductID == id),
Quantity = 1,
DateCreated = DateTime.Now
};
_db.ShoppingCartItems.Add(cartItem);
}
else
{
// If the item does exist in the cart,
// then add one to the quantity.
cartItem.Quantity++;
}
_db.SaveChanges();
}
public void Dispose()
{
if (_db != null)
{
_db.Dispose();
_db = null;
}
}
public string GetCartId()
{
if (HttpContext.Current.Session[CartSessionKey] == null)
{
if (!string.IsNullOrWhiteSpace(HttpContext.Current.User.Identity.Name))
{
HttpContext.Current.Session[CartSessionKey] = HttpContext.Current.User.Identity.Name;
}
else
{
// Generate a new random GUID using System.Guid class.
Guid tempCartId = Guid.NewGuid();
HttpContext.Current.Session[CartSessionKey] = tempCartId.ToString();
}
}
return HttpContext.Current.Session[CartSessionKey].ToString();
}
public List<CartItem> GetCartItems()
{
ShoppingCartId = GetCartId();
return _db.ShoppingCartItems.Where(
c => c.CartId == ShoppingCartId).ToList();
}
public decimal GetTotal()
{
ShoppingCartId = GetCartId();
// Multiply product price by quantity of that product to get
// the current price for each of those products in the cart.
// Sum all product price totals to get the cart total.
decimal? total = decimal.Zero;
total = (decimal?)(from cartItems in _db.ShoppingCartItems
where cartItems.CartId == ShoppingCartId
select (int?)cartItems.Quantity *
cartItems.Product.UnitPrice).Sum();
return total ?? decimal.Zero;
}
}
}
6. Sau đó, mã sử dụng thể hiện đó để trả về các mục trong giỏ hàng bằng cách gọi phương thức
Khi trang ProductList.aspx hoặc trang ProductDetails.aspx được hiển thị, người dùng sẽ có thể thêm sản phẩm vào giỏ hàng bằng cách sử dụng liên kết. Khi họ nhấp vào liên kết, ứng dụng điều hướng đến trang xử lý có tên AddTocart.aspx. Trang AddTocart.aspx sẽ gọi phương thức
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Diagnostics;
using WingtipToys.Logic;
namespace WingtipToys
{
public partial class AddToCart : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
string rawId = Request.QueryString["ProductID"];
int productId;
if (!String.IsNullOrEmpty(rawId) && int.TryParse(rawId, out productId))
{
using (ShoppingCartActions usersShoppingCart = new ShoppingCartActions())
{
usersShoppingCart.AddToCart(Convert.ToInt16(rawId));
}
}
else
{
Debug.Fail("ERROR : We should never get to AddToCart.aspx without a ProductId.");
throw new Exception("ERROR : It is illegal to load AddToCart.aspx without setting a ProductId.");
}
Response.Redirect("ShoppingCart.aspx");
}
}
}
6 mà bạn đã thêm trước đó trong hướng dẫn này.
Bây giờ, bạn sẽ thêm một liên kết thêm vào giỏ hàng vào cả trang sản phẩm.aspx và trang ProductDetAils.aspx. Liên kết này sẽ bao gồm sản phẩm
using System.Data.Entity;
namespace WingtipToys.Models
{
public class ProductContext : DbContext
{
public ProductContext()
: base("WingtipToys")
{
}
public DbSet<Category> Categories { get; set; }
public DbSet<Product> Products { get; set; }
public DbSet<CartItem> ShoppingCartItems { get; set; }
}
}
4 được lấy từ cơ sở dữ liệu.Add to Cart link to both the
ProductList.aspx page and the ProductDetails.aspx page. This link will include the product
using System.Data.Entity;
namespace WingtipToys.Models
{
public class ProductContext : DbContext
{
public ProductContext()
: base("WingtipToys")
{
}
public DbSet<Category> Categories { get; set; }
public DbSet<Product> Products { get; set; }
public DbSet<CartItem> ShoppingCartItems { get; set; }
}
}
4 that is retrieved from the database.
Trong Giải pháp Explorer, hãy tìm và mở trang có tên sản phẩmList.aspx.Solution Explorer, find and open the page named ProductList.aspx.
Thêm đánh dấu được tô màu vàng vào trang sản phẩm.aspx để toàn bộ trang xuất hiện như sau:
Chạy ứng dụng để xem cách bạn thêm sản phẩm vào giỏ hàng.
Nhấn F5 để chạy ứng dụng. Sau khi dự án tái tạo cơ sở dữ liệu, trình duyệt sẽ mở và hiển thị trang default.aspx.F5 to run the application. After the project recreates the database, the browser will open and show the Default.aspx page.
Chọn xe từ menu điều hướng thể loại. Trang sản phẩm.aspx được hiển thị chỉ hiển thị các sản phẩm trong danh mục "xe hơi".Cars from the category navigation menu. The ProductList.aspx page is displayed showing only products included in the "Cars" category.
Nhấp vào liên kết Thêm vào giỏ hàng bên cạnh sản phẩm đầu tiên được liệt kê (chiếc xe chuyển đổi). Trang ShoppingCart.aspx được hiển thị, hiển thị lựa chọn trong giỏ hàng của bạn.Add to Cart link next to the first product listed (the convertible car). The ShoppingCart.aspx page is displayed, showing the selection in your shopping cart.
Xem các sản phẩm bổ sung bằng cách chọn các mặt phẳng từ menu điều hướng danh mục.Planes from the category navigation menu.
Nhấp vào liên kết Thêm vào giỏ hàng bên cạnh sản phẩm đầu tiên được liệt kê. Trang ShoppingCart.aspx được hiển thị với mục bổ sung.Add to Cart link next to the first product listed. The ShoppingCart.aspx page is displayed with the additional item.
Đóng trình duyệt.
Tính toán và hiển thị tổng số đơn hàng
Ngoài việc thêm sản phẩm vào giỏ hàng, bạn sẽ thêm phương thức
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using WingtipToys.Models;
using WingtipToys.Logic;
namespace WingtipToys
{
public partial class ShoppingCart : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
using (ShoppingCartActions usersShoppingCart = new ShoppingCartActions())
{
decimal cartTotal = 0;
cartTotal = usersShoppingCart.GetTotal();
if (cartTotal > 0)
{
// Display Total.
lblTotal.Text = String.Format("{0:c}", cartTotal);
}
else
{
LabelTotalText.Text = "";
lblTotal.Text = "";
ShoppingCartTitle.InnerText = "Shopping Cart is Empty";
}
}
}
public List<CartItem> GetShoppingCartItems()
{
ShoppingCartActions actions = new ShoppingCartActions();
return actions.GetCartItems();
}
}
}
1 vào lớp
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Diagnostics;
using WingtipToys.Logic;
namespace WingtipToys
{
public partial class AddToCart : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
string rawId = Request.QueryString["ProductID"];
int productId;
if (!String.IsNullOrEmpty(rawId) && int.TryParse(rawId, out productId))
{
using (ShoppingCartActions usersShoppingCart = new ShoppingCartActions())
{
usersShoppingCart.AddToCart(Convert.ToInt16(rawId));
}
}
else
{
Debug.Fail("ERROR : We should never get to AddToCart.aspx without a ProductId.");
throw new Exception("ERROR : It is illegal to load AddToCart.aspx without setting a ProductId.");
}
Response.Redirect("ShoppingCart.aspx");
}
}
}
6 và hiển thị tổng số tiền đặt hàng trong trang Giỏ hàng.
Trong Giải pháp Explorer, hãy mở tệp shoppingcartactions.cs trong thư mục logic.Solution Explorer, open the ShoppingCartActions.cs file in the Logic folder.
Thêm phương thức
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using WingtipToys.Models;
using WingtipToys.Logic;
namespace WingtipToys
{
public partial class ShoppingCart : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
using (ShoppingCartActions usersShoppingCart = new ShoppingCartActions())
{
decimal cartTotal = 0;
cartTotal = usersShoppingCart.GetTotal();
if (cartTotal > 0)
{
// Display Total.
lblTotal.Text = String.Format("{0:c}", cartTotal);
}
else
{
LabelTotalText.Text = "";
lblTotal.Text = "";
ShoppingCartTitle.InnerText = "Shopping Cart is Empty";
}
}
}
public List<CartItem> GetShoppingCartItems()
{
ShoppingCartActions actions = new ShoppingCartActions();
return actions.GetCartItems();
}
}
}
1 sau đây được tô màu vàng vào lớp
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Diagnostics;
using WingtipToys.Logic;
namespace WingtipToys
{
public partial class AddToCart : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
string rawId = Request.QueryString["ProductID"];
int productId;
if (!String.IsNullOrEmpty(rawId) && int.TryParse(rawId, out productId))
{
using (ShoppingCartActions usersShoppingCart = new ShoppingCartActions())
{
usersShoppingCart.AddToCart(Convert.ToInt16(rawId));
}
}
else
{
Debug.Fail("ERROR : We should never get to AddToCart.aspx without a ProductId.");
throw new Exception("ERROR : It is illegal to load AddToCart.aspx without setting a ProductId.");
}
Response.Redirect("ShoppingCart.aspx");
}
}
}
6, để lớp xuất hiện như sau:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using WingtipToys.Models;
namespace WingtipToys.Logic
{
public class ShoppingCartActions : IDisposable
{
public string ShoppingCartId { get; set; }
private ProductContext _db = new ProductContext();
public const string CartSessionKey = "CartId";
public void AddToCart(int id)
{
// Retrieve the product from the database.
ShoppingCartId = GetCartId();
var cartItem = _db.ShoppingCartItems.SingleOrDefault(
c => c.CartId == ShoppingCartId
&& c.ProductId == id);
if (cartItem == null)
{
// Create a new cart item if no cart item exists.
cartItem = new CartItem
{
ItemId = Guid.NewGuid().ToString(),
ProductId = id,
CartId = ShoppingCartId,
Product = _db.Products.SingleOrDefault(
p => p.ProductID == id),
Quantity = 1,
DateCreated = DateTime.Now
};
_db.ShoppingCartItems.Add(cartItem);
}
else
{
// If the item does exist in the cart,
// then add one to the quantity.
cartItem.Quantity++;
}
_db.SaveChanges();
}
public void Dispose()
{
if (_db != null)
{
_db.Dispose();
_db = null;
}
}
public string GetCartId()
{
if (HttpContext.Current.Session[CartSessionKey] == null)
{
if (!string.IsNullOrWhiteSpace(HttpContext.Current.User.Identity.Name))
{
HttpContext.Current.Session[CartSessionKey] = HttpContext.Current.User.Identity.Name;
}
else
{
// Generate a new random GUID using System.Guid class.
Guid tempCartId = Guid.NewGuid();
HttpContext.Current.Session[CartSessionKey] = tempCartId.ToString();
}
}
return HttpContext.Current.Session[CartSessionKey].ToString();
}
public List<CartItem> GetCartItems()
{
ShoppingCartId = GetCartId();
return _db.ShoppingCartItems.Where(
c => c.CartId == ShoppingCartId).ToList();
}
public decimal GetTotal()
{
ShoppingCartId = GetCartId();
// Multiply product price by quantity of that product to get
// the current price for each of those products in the cart.
// Sum all product price totals to get the cart total.
decimal? total = decimal.Zero;
total = (decimal?)(from cartItems in _db.ShoppingCartItems
where cartItems.CartId == ShoppingCartId
select (int?)cartItems.Quantity *
cartItems.Product.UnitPrice).Sum();
return total ?? decimal.Zero;
}
}
}
Đầu tiên, phương thức
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using WingtipToys.Models;
using WingtipToys.Logic;
namespace WingtipToys
{
public partial class ShoppingCart : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
using (ShoppingCartActions usersShoppingCart = new ShoppingCartActions())
{
decimal cartTotal = 0;
cartTotal = usersShoppingCart.GetTotal();
if (cartTotal > 0)
{
// Display Total.
lblTotal.Text = String.Format("{0:c}", cartTotal);
}
else
{
LabelTotalText.Text = "";
lblTotal.Text = "";
ShoppingCartTitle.InnerText = "Shopping Cart is Empty";
}
}
}
public List<CartItem> GetShoppingCartItems()
{
ShoppingCartActions actions = new ShoppingCartActions();
return actions.GetCartItems();
}
}
}
1 có ID của giỏ hàng cho người dùng. Sau đó, phương pháp nhận được tổng số giỏ hàng bằng cách nhân giá sản phẩm với số lượng sản phẩm cho mỗi sản phẩm được liệt kê trong giỏ hàng.
Ghi chú
Mã trên sử dụng loại vô hiệu "
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using WingtipToys.Models;
using WingtipToys.Logic;
namespace WingtipToys
{
public partial class ShoppingCart : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
using (ShoppingCartActions usersShoppingCart = new ShoppingCartActions())
{
decimal cartTotal = 0;
cartTotal = usersShoppingCart.GetTotal();
if (cartTotal > 0)
{
// Display Total.
lblTotal.Text = String.Format("{0:c}", cartTotal);
}
else
{
LabelTotalText.Text = "";
lblTotal.Text = "";
ShoppingCartTitle.InnerText = "Shopping Cart is Empty";
}
}
}
public List<CartItem> GetShoppingCartItems()
{
ShoppingCartActions actions = new ShoppingCartActions();
return actions.GetCartItems();
}
}
}
6". Các loại nullable có thể biểu thị tất cả các giá trị của một loại cơ bản, và cũng là một giá trị null. Để biết thêm thông tin, xem, sử dụng các loại vô hiệu.
Sửa đổi màn hình mua sắm
Tiếp theo, bạn sẽ sửa đổi mã cho trang shoppingCart.aspx để gọi phương thức
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using WingtipToys.Models;
using WingtipToys.Logic;
namespace WingtipToys
{
public partial class ShoppingCart : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
using (ShoppingCartActions usersShoppingCart = new ShoppingCartActions())
{
decimal cartTotal = 0;
cartTotal = usersShoppingCart.GetTotal();
if (cartTotal > 0)
{
// Display Total.
lblTotal.Text = String.Format("{0:c}", cartTotal);
}
else
{
LabelTotalText.Text = "";
lblTotal.Text = "";
ShoppingCartTitle.InnerText = "Shopping Cart is Empty";
}
}
}
public List<CartItem> GetShoppingCartItems()
{
ShoppingCartActions actions = new ShoppingCartActions();
return actions.GetCartItems();
}
}
}
1 và hiển thị tổng số trên trang shoppingCart.aspx khi trang tải.
Trong Giải pháp Explorer, nhấp chuột phải vào trang shoppingCart.aspx và chọn xem mã.Solution Explorer, right-click the
ShoppingCart.aspx page and select View Code.
Trong tệp shoppingcart.aspx.cs, hãy cập nhật trình xử lý
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using WingtipToys.Models;
using WingtipToys.Logic;
namespace WingtipToys
{
public partial class ShoppingCart : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
using (ShoppingCartActions usersShoppingCart = new ShoppingCartActions())
{
decimal cartTotal = 0;
cartTotal = usersShoppingCart.GetTotal();
if (cartTotal > 0)
{
// Display Total.
lblTotal.Text = String.Format("{0:c}", cartTotal);
}
else
{
LabelTotalText.Text = "";
lblTotal.Text = "";
ShoppingCartTitle.InnerText = "Shopping Cart is Empty";
}
}
}
public List<CartItem> GetShoppingCartItems()
{
ShoppingCartActions actions = new ShoppingCartActions();
return actions.GetCartItems();
}
}
}
8 bằng cách thêm mã sau được tô sáng màu vàng:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using WingtipToys.Models;
using WingtipToys.Logic;
namespace WingtipToys
{
public partial class ShoppingCart : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
using (ShoppingCartActions usersShoppingCart = new ShoppingCartActions())
{
decimal cartTotal = 0;
cartTotal = usersShoppingCart.GetTotal();
if (cartTotal > 0)
{
// Display Total.
lblTotal.Text = String.Format("{0:c}", cartTotal);
}
else
{
LabelTotalText.Text = "";
lblTotal.Text = "";
ShoppingCartTitle.InnerText = "Shopping Cart is Empty";
}
}
}
public List<CartItem> GetShoppingCartItems()
{
ShoppingCartActions actions = new ShoppingCartActions();
return actions.GetCartItems();
}
}
}
Khi tải trang shoppingcart.aspx tải, nó tải đối tượng giỏ hàng và sau đó lấy tổng số giỏ hàng bằng cách gọi phương thức
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using WingtipToys.Models;
using WingtipToys.Logic;
namespace WingtipToys
{
public partial class ShoppingCart : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
using (ShoppingCartActions usersShoppingCart = new ShoppingCartActions())
{
decimal cartTotal = 0;
cartTotal = usersShoppingCart.GetTotal();
if (cartTotal > 0)
{
// Display Total.
lblTotal.Text = String.Format("{0:c}", cartTotal);
}
else
{
LabelTotalText.Text = "";
lblTotal.Text = "";
ShoppingCartTitle.InnerText = "Shopping Cart is Empty";
}
}
}
public List<CartItem> GetShoppingCartItems()
{
ShoppingCartActions actions = new ShoppingCartActions();
return actions.GetCartItems();
}
}
}
1 của lớp
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Diagnostics;
using WingtipToys.Logic;
namespace WingtipToys
{
public partial class AddToCart : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
string rawId = Request.QueryString["ProductID"];
int productId;
if (!String.IsNullOrEmpty(rawId) && int.TryParse(rawId, out productId))
{
using (ShoppingCartActions usersShoppingCart = new ShoppingCartActions())
{
usersShoppingCart.AddToCart(Convert.ToInt16(rawId));
}
}
else
{
Debug.Fail("ERROR : We should never get to AddToCart.aspx without a ProductId.");
throw new Exception("ERROR : It is illegal to load AddToCart.aspx without setting a ProductId.");
}
Response.Redirect("ShoppingCart.aspx");
}
}
}
6. Nếu giỏ hàng trống rỗng, một thông báo cho hiệu ứng đó được hiển thị.
Kiểm tra tổng số giỏ hàng
Chạy ứng dụng ngay bây giờ để xem cách bạn không chỉ có thể thêm một sản phẩm vào giỏ hàng, mà bạn có thể thấy tổng số giỏ hàng.
Nhấn F5 để chạy ứng dụng. Trình duyệt sẽ mở và hiển thị trang default.aspx.F5 to run the application. The browser will open and show the Default.aspx page.
Chọn xe từ menu điều hướng thể loại.Cars from the category navigation menu.
Nhấp vào liên kết Thêm vào giỏ hàng bên cạnh sản phẩm đầu tiên. Trang shoppingCart.aspx được hiển thị với tổng số đơn hàng.Add To Cart link next to the first
product. The ShoppingCart.aspx page is displayed with the order total.
Thêm một số sản phẩm khác (ví dụ, một mặt phẳng) vào giỏ hàng.
Trang ShoppingCart.aspx được hiển thị với tổng số cập nhật cho tất cả các sản phẩm bạn đã thêm.
Dừng ứng dụng đang chạy bằng cách đóng cửa sổ trình duyệt.
Thêm nút cập nhật và thanh toán vào giỏ hàng
Để cho phép người dùng sửa đổi giỏ hàng, bạn sẽ thêm nút cập nhật và nút thanh toán vào trang Giỏ hàng. Nút thanh toán không được sử dụng cho đến sau này trong loạt hướng dẫn này.Update button and a Checkout button to the shopping cart page. The Checkout button is not used until later in this tutorial series.
Trong Giải pháp Explorer, hãy mở trang ShoppingCart.aspx trong root của dự án ứng dụng web.Solution Explorer, open the ShoppingCart.aspx page in the root of the web application project.
Để thêm nút cập nhật và nút thanh toán vào trang shoppingcart.aspx, hãy thêm đánh dấu được tô màu vàng vào đánh dấu hiện có, như được hiển thị trong mã sau:Update button and the Checkout button to the ShoppingCart.aspx page, add the
markup highlighted in yellow to the existing markup, as shown in the following code:
Trong Giải pháp Explorer, hãy mở tệp shoppingcart.aspx.cs trong gốc của dự án ứng dụng web.Solution Explorer, open
the ShoppingCart.aspx.cs file in the root of the web application project.
Thêm các phần mã sau được tô sáng màu vàng vào tệp mua sắmCart.aspx.cs:
using System.Data.Entity;
namespace WingtipToys.Models
{
public class ProductContext : DbContext
{
public ProductContext()
: base("WingtipToys")
{
}
public DbSet<Category> Categories { get; set; }
public DbSet<Product> Products { get; set; }
public DbSet<CartItem> ShoppingCartItems { get; set; }
}
}
0
Khi người dùng nhấp vào nút Cập nhật trên trang shoppingCart.aspx, phương thức UpdateCartItems được gọi. Phương thức UpdateCartItems có các giá trị được cập nhật cho từng mặt hàng trong giỏ hàng. Sau đó, phương thức UpdateCartitems gọi phương thức
4 (được thêm và giải thích trong bước tiếp theo) để thêm hoặc xóa các mặt hàng khỏi giỏ hàng. Khi cơ sở dữ liệu đã được cập nhật để phản ánh các bản cập nhật cho giỏ hàng, điều khiển GridView được cập nhật trên trang Giỏ hàng bằng cách gọi phương thức
5 cho GridView. Ngoài ra, tổng số tiền đặt hàng trên trang Giỏ hàng được cập nhật để phản ánh danh sách các mặt hàng được cập nhật.Update button on the ShoppingCart.aspx page, the UpdateCartItems method is called. The UpdateCartItems method gets the updated values for each item in the shopping cart. Then, the UpdateCartItems method calls the
4 method
(added and explained in the next step) to either add or remove items from the shopping cart. Once the database has been updated to reflect the updates to the shopping cart, the GridView control is updated on the shopping cart page by calling the
5 method for the GridView. Also, the total order amount on the shopping cart page is updated to reflect the updated list of items.
Cập nhật và loại bỏ các mặt hàng giỏ hàng
Trên trang shoppingcart.aspx, bạn có thể thấy các điều khiển đã được thêm vào để cập nhật số lượng của một mặt hàng và loại bỏ một mặt hàng. Bây giờ, thêm mã sẽ làm cho các điều khiển này hoạt động.
Trong Giải pháp Explorer, hãy mở tệp shoppingcartactions.cs trong thư mục logic.Solution Explorer, open the ShoppingCartActions.cs file in the Logic folder.
Thêm mã sau được tô sáng màu vàng vào tệp Mua sắmCartActions.cs:
using System.Data.Entity;
namespace WingtipToys.Models
{
public class ProductContext : DbContext
{
public ProductContext()
: base("WingtipToys")
{
}
public DbSet<Category> Categories { get; set; }
public DbSet<Product> Products { get; set; }
public DbSet<CartItem> ShoppingCartItems { get; set; }
}
}
4 lặp lại qua tất cả các hàng trong danh sách giỏ hàng. Nếu một mặt hàng giỏ hàng đã được đánh dấu để được gỡ bỏ, hoặc số lượng nhỏ hơn một, phương thức
using System.Data.Entity;
namespace WingtipToys.Models
{
public class ProductContext : DbContext
{
public ProductContext()
: base("WingtipToys")
{
}
public DbSet<Category> Categories { get; set; }
public DbSet<Product> Products { get; set; }
public DbSet<CartItem> ShoppingCartItems { get; set; }
}
}
01 để xác định xem bất kỳ mục nào cần được cập nhật hoặc xóa.
Trong hướng dẫn tiếp theo, bạn sẽ sử dụng phương pháp
using System.Data.Entity;
namespace WingtipToys.Models
{
public class ProductContext : DbContext
{
public ProductContext()
: base("WingtipToys")
{
}
public DbSet<Category> Categories { get; set; }
public DbSet<Product> Products { get; set; }
public DbSet<CartItem> ShoppingCartItems { get; set; }
}
}
04 để xóa giỏ hàng sau khi mua sản phẩm. Nhưng hiện tại, bạn sẽ sử dụng phương thức
using System.Data.Entity;
namespace WingtipToys.Models
{
public class ProductContext : DbContext
{
public ProductContext()
: base("WingtipToys")
{
}
public DbSet<Category> Categories { get; set; }
public DbSet<Product> Products { get; set; }
public DbSet<CartItem> ShoppingCartItems { get; set; }
}
}
05 mà bạn vừa thêm vào tệp mua sắm.
Thêm một quầy mua sắm
Để cho phép người dùng xem tổng số mặt hàng trong giỏ hàng, bạn sẽ thêm một bộ đếm vào trang web.Master. Bộ đếm này cũng sẽ hoạt động như một liên kết đến giỏ hàng.
Trong Giải pháp Explorer, hãy mở trang Site.Master.Solution Explorer, open the Site.Master page.
Sửa đổi đánh dấu bằng cách thêm liên kết bộ đếm giỏ hàng như được hiển thị bằng màu vàng vào phần điều hướng để nó xuất hiện như sau:
using System.Data.Entity;
namespace WingtipToys.Models
{
public class ProductContext : DbContext
{
public ProductContext()
: base("WingtipToys")
{
}
public DbSet<Category> Categories { get; set; }
public DbSet<Product> Products { get; set; }
public DbSet<CartItem> ShoppingCartItems { get; set; }
}
}
2
Tiếp theo, cập nhật mã phía sau của tệp.master.cs bằng cách thêm mã được tô sáng màu vàng như sau:
using System.Data.Entity;
namespace WingtipToys.Models
{
public class ProductContext : DbContext
{
public ProductContext()
: base("WingtipToys")
{
}
public DbSet<Category> Categories { get; set; }
public DbSet<Product> Products { get; set; }
public DbSet<CartItem> ShoppingCartItems { get; set; }
}
}
3
Trước khi trang được hiển thị dưới dạng HTML, sự kiện
using System.Data.Entity;
namespace WingtipToys.Models
{
public class ProductContext : DbContext
{
public ProductContext()
: base("WingtipToys")
{
}
public DbSet<Category> Categories { get; set; }
public DbSet<Product> Products { get; set; }
public DbSet<CartItem> ShoppingCartItems { get; set; }
}
}
06 được nâng lên. Trong xử lý
using System.Data.Entity;
namespace WingtipToys.Models
{
public class ProductContext : DbContext
{
public ProductContext()
: base("WingtipToys")
{
}
public DbSet<Category> Categories { get; set; }
public DbSet<Product> Products { get; set; }
public DbSet<CartItem> ShoppingCartItems { get; set; }
}
}
06, tổng số lượng giỏ hàng được xác định bằng cách gọi phương thức
using System.Data.Entity;
namespace WingtipToys.Models
{
public class ProductContext : DbContext
{
public ProductContext()
: base("WingtipToys")
{
}
public DbSet<Category> Categories { get; set; }
public DbSet<Product> Products { get; set; }
public DbSet<CartItem> ShoppingCartItems { get; set; }
}
}
05. Giá trị trả về được thêm vào nhịp
using System.Data.Entity;
namespace WingtipToys.Models
{
public class ProductContext : DbContext
{
public ProductContext()
: base("WingtipToys")
{
}
public DbSet<Category> Categories { get; set; }
public DbSet<Product> Products { get; set; }
public DbSet<CartItem> ShoppingCartItems { get; set; }
}
}
09 được bao gồm trong đánh dấu của trang trang web.Master. Các thẻ
using System.Data.Entity;
namespace WingtipToys.Models
{
public class ProductContext : DbContext
{
public ProductContext()
: base("WingtipToys")
{
}
public DbSet<Category> Categories { get; set; }
public DbSet<Product> Products { get; set; }
public DbSet<CartItem> ShoppingCartItems { get; set; }
}
}
10 cho phép các phần tử bên trong được hiển thị đúng. Khi bất kỳ trang nào của trang web được hiển thị, tổng số giỏ hàng sẽ được hiển thị. Người dùng cũng có thể nhấp vào tổng số giỏ hàng để hiển thị giỏ hàng.
Bạn có thể chạy ứng dụng ngay bây giờ để xem cách bạn có thể thêm, xóa và cập nhật các mục trong giỏ hàng. Tổng số giỏ hàng sẽ phản ánh tổng chi phí của tất cả các mặt hàng trong giỏ hàng.
Nhấn F5 để chạy ứng dụng. Trình duyệt mở và hiển thị trang default.aspx.F5 to run the application. The browser opens and shows the
Default.aspx page.
Chọn xe từ menu điều hướng thể loại.Cars from the category navigation menu.
Nhấp vào liên kết Thêm vào giỏ hàng bên cạnh sản phẩm đầu tiên. Trang shoppingCart.aspx được hiển thị với tổng số đơn hàng.Add To Cart link next to the first product. The ShoppingCart.aspx page is displayed with the order total.
Chọn các mặt phẳng từ menu điều hướng thể loại.Planes from the category navigation menu.
Nhấp vào liên kết Thêm vào giỏ hàng bên cạnh sản phẩm đầu tiên.Add To Cart link next to the first product.
Đặt số lượng của mặt hàng đầu tiên trong giỏ hàng thành 3 và chọn hộp kiểm Xóa vật phẩm của mục thứ hai.Remove Item check box of the second item.
Nhấp vào nút Cập nhật để cập nhật trang Giỏ hàng và hiển thị tổng số đơn hàng mới.Update button to update the shopping cart page and display the new order total.
Bản tóm tắt
Trong hướng dẫn này, bạn đã tạo một giỏ hàng cho ứng dụng mẫu WingTip Đồ chơi Web Forms. Trong hướng dẫn này, bạn đã sử dụng mã khung thực thể trước tiên, chú thích dữ liệu, kiểm soát dữ liệu được gõ mạnh và liên kết mô hình.
Giỏ hàng hỗ trợ thêm, xóa và cập nhật các mặt hàng mà người dùng đã chọn để mua. Ngoài việc thực hiện chức năng giỏ hàng, bạn đã học được cách hiển thị các mặt hàng giỏ hàng mua sắm trong điều khiển GridView và tính tổng số đơn hàng.GridView control and
calculate the order total.
Để hiểu làm thế nào chức năng được mô tả hoạt động trong một ứng dụng kinh doanh thực sự, bạn có thể xem ví dụ về giỏ hàng thương mại điện tử nguồn mở dựa trên ASP.net. Ban đầu, nó được xây dựng trên các hình thức web và trong nhiều năm, nó chuyển sang MVC và bây giờ sang ASP.NET Core.
