Hướng dẫn làm giỏ hàng asp.net c năm 2024

Cập nhật phương thức Lấy giỏ hàng từ Session[« Giohang »] nếu có, nếu không sẽ khởi tạo giỏ hàng rỗng

  • Cập nhật phương thức ThemGiohang[]

  • Cập nhật phương thức tính tổng số lượng

  • Cập nhật phương thức tính Tongtien[]

  • Cập nhật phương thức xử lý hiện thị Giỏ hàng : GioHang[]

ü Từ Phương thức GioHang[] xây dựng View GioHang.cshtml tương ứng như sau :

üXem và cập nhật lại liên kết dẫn đến trang Giỏ hàng : Trang Details.cshtml

üThực thi xem Kết quả : Tư trang Details : Click vào liên kết đặt mua [Thực hiện trên một số sản phẩm, và thực hiện lặp lại vài lần trên 1 sản phẩm.]

üThực hiện truy cập vào trang: //localhost:1456/GioHang/Giohang Kết quả: Các sản phẩm được chọn đã lưu vào Session[“Giohang”]

üĐặt thông tin Giỏ hàng lên Menu của trang Layout o Tạo một Action GiohangPartial trả về PartialView, truyền các ViewBag thông tin về số lượng và tổng tiền của giỏ hàng.

  • Tạo PartialView cho Action Giohangpartial

Cập nhật code cho View : GiohangPartial

üKết quả:

üCập nhật liên kết “Chi tiết” và “Xóa” trong View Giohang.cshtml

üClick vào liên kết “Chi tiết” sẽ mở trang Details.

üXử lý xóa giỏ hàng:

  • Cập nhật Action XoaGiohang [] vào GiohangController

Kết quả : Click « Xóa » để xóa mặt hàng ra khỏi giỏ.

üBổ sung tiếp chức năng “Cập nhật » dùng cho phép điều chỉnh số lượng và cập nhật lại thành tiền và tổng tiền.

  • Cập nhật GioHangController : Bổ sung Action CapnhatGiohang[]

  • Điều chỉnh View : Giohang.cshtml có bổ sung thêm Form chứa button “Cập nhật”

  • Kết quả: Khi người dùng điều chỉnh Số lượng và Click Cập nhật, hệ thống sẽ cập nhật lại số lượng, tính lại thành tiền, tổng số lượng và tổng tiền và load lại trang GioHang.

üBổ sung tiếp chức năng “Xóa Giỏ Hàng » cho phép xóa tất cả thông tin trong Giỏ hàng.

  • Cập nhật GioHangController : Bổ sung Action XoaTatcaGiohang[]

  • Cập nhật View: Giohang.cshtml bổ sung liên kết “Xóa Giỏ Hàng”

Kết quả: Tại trang Giỏ Hàng khi Click “Xóa Giỏ hàng”, hệ thống sẽ xóa tất cả thông tin trong Giỏ hàng và trở về trang chủ.

Chủ Đề