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

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

  • Cập nhật phương thức ThemGiohang()

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

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

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

  • Cập nhật phương thức tính Tongtien()

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

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

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

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

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

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

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

ü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.)

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

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

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

üĐặ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.

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

  • Tạo PartialView cho Action Giohangpartial

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

Cập nhật code cho View : GiohangPartial

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

üKết quả:

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

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

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

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

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

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

  • Cập nhật Action XoaGiohang () vào GiohangController

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

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

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

ü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()

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

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

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

  • 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.

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

ü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()

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

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

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

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ủ.