Bài giảng lập trình ứng dụng mạng bài 8 GV võ tấn dũng

TRƯỜNG CAO ĐẲNG CÔNG NGHỆ THÔNG TIN TP.HCM

LẬP TRÌNH ỨNG DỤNG MẠNG

BÀI 8

GIẢNG VIÊN:

VÕ TẤN DŨNG
1

GV: Võ Tấn Dũng

SHOPPING CART


PHẦN 1

2

GV: Võ Tấn Dũng

TÌM HIỂU VỀ GIỎ HÀNG
(SHOPPING CART)


CÁC VẤN ĐỀ ĐƯỢC TRÌNH BÀY

3

GV: Võ Tấn Dũng

• Thiết kế giỏ hàng (shopping cart) với session.
• Thiết kế giỏ hàng với cơ sở dữ liệu.
• Tìm hiểu cookies.


KHÁI NIỆM GIỎ HÀNG
• Để mua hàng trên mạng chúng ta cần một giỏ hàng. Đó
chính là shopping cart.
• Các mặt hàng hiển thị trên trang web cho ta chọn rồi
đưa vào giỏ hàng. Giỏ hàng sẽ cho biết tổng số mặt
hàng mà bạn đã mua cùng với giá phải thanh toán.
• Bạn có thể thêm bớt số lượng hoặc loại bỏ, chọn lại các
mặt hàng khác.
• Có hai cách để xây dựng shopping cart:

4

GV: Võ Tấn Dũng

– Sử dụng session.
– Sử dụng các bảng của một cơ sở dữ liệu.


KHÁI NIỆM GIỎ HÀNG

5

GV: Võ Tấn Dũng

• Chương trước ta đã dùng session và application để lưu
dữ liệu để truyền qua lại giữa các trang web. Bây giờ ta
sử dụng session trong một ứng dụng rất thực tế đó là áp
dụng để xây dựng shopping cart cho các trang web mua
sắm trên mạng.
• Đối tượng session là nơi lý tưởng để xây dựng
shopping cart lưu các mặt hàng mà người dùng chọn
mua trước khi thanh toán.
• Ngoài ra ta còn có thể xây dựng giỏ hàng bằng cơ sở
dữ liệu để lưu các mặt hàng trong các bảng dữ liệu.


CÁC PHƯƠNG THỨC CỦA GIỎ HÀNG
• Một giỏ hàng cần có những phương thức cơ bản thực
hiện những công việc sau:
addItem: thêm một mục hàng mới vào giỏ hàng.
removeItem: loại bỏ một mục hàng ra khỏi giỏ hàng.
clearItem: xóa bỏ tất cả các mục hàng trong giỏ hàng.
updateQuantity: thay đổi số lượng mua của một mục
hàng.
– getCost: cho biết tổng số tiền phải trả cho tất cả các mục
hàng có trong giỏ hàng.
– getNumOfItem: đếm tổng số mục hàng có trong giỏ
hàng.
6

GV: Võ Tấn Dũng

–
–

–
–


• Một mục hàng (item) lưu trong giỏ hàng cần có những
thông tin cơ bản sau:
– Mã số của mục hàng (item id).
– Tên mục hàng (item desc).
– Đơn giá (price).
– Số lượng mua (quantity).
• Bởi vì giỏ hàng có thể chứa nhiều mục hàng tương ứng
với một khóa (item id) nên ta sử dụng bảng Hashtable
của Java (bảng này dùng để lưu các giá trị dựa trên
khóa) hoặc dùng các table của CSDL để lưu giá trị các
mục hàng mà người dùng thêm vào.
7

GV: Võ Tấn Dũng

THÔNG TIN CỦA MỘT MỤC HÀNG


PHẦN 2

8

GV: Võ Tấn Dũng

XÂY DỰNG GIỎ HÀNG
VỚI SESSION

XÂY DỰNG GIỎ HÀNG VỚI SESSION

9

GV: Võ Tấn Dũng

• Sau đây ta tiến hành viết code xây dựng giỏ hàng với
session trong lớp ShoppingCart.java


10

GV: Võ Tấn Dũng

Lớp ShoppingCart.java


11

GV: Võ Tấn Dũng

Lớp ShoppingCart.java (tt)


12

GV: Võ Tấn Dũng

Lớp ShoppingCart.java (tt)


13

GV: Võ Tấn Dũng

Lớp ShoppingCart.java (tt)


Biên dịch ShoppingCart.java

14

GV: Võ Tấn Dũng

• Biên dịch lớp ShoppingCart nói trên thành file
ShoppingCart.class và chép file .class này vào thư mục
WEB-INF\cart\classese của ứng dụng. Bạn sẽ có một
giỏ hàng sẵn sàng phục vụ cho các ứng dụng mua sắm
trên mạng chuyên nghiệp.
• Chúng ta hãy xem và sử dụng lớp ShoppingCart này
như thế nào trong trang ShoppingCart.jsp sau đây:


15

GV: Võ Tấn Dũng

ShoppingCart.jsp

16

GV: Võ Tấn Dũng

ShoppingCart.jsp (tt)


17

GV: Võ Tấn Dũng

ShoppingCart.jsp (tt)


18

GV: Võ Tấn Dũng

ShoppingCart.jsp (tt)


19

GV: Võ Tấn Dũng

ShoppingCart.jsp (tt)

20

GV: Võ Tấn Dũng

ShoppingCart.jsp (tt)


ShoppingCart.jsp (tt)

21

GV: Võ Tấn Dũng

• Hình sau đây là kết quả hiển thị nội dung giỏ hàng của
trang ShoppingCart.jsp


TestShoppingCart.html

22

GV: Võ Tấn Dũng

• Ta có thể xây dựng một trang web độc lập khác để
kiểm tra trang ShoppingCart.jsp


23

GV: Võ Tấn Dũng

TestShoppingCart.html (tt)


Giải thích (ShoppingCart.jsp)

24

GV: Võ Tấn Dũng

• Trong trang ShoppingCart.jsp, trước hết chúng ta tìm
xem đối tượng giỏ hàng mang tên “cart” đã được lưu
trong đối tượng session chưa. Nếu chưa thì ta tạo mới
và lưu đối tượng này vào session.


Giải thích (ShoppingCart.jsp) (tt)

25

GV: Võ Tấn Dũng

• Ta sử dụng một đoạn mã JavaScript phía trình khách để xác
định thao tác khi người dùng muốn loại bỏ hay cập nhật các
mặt hàng. Sau khi đã xác định được thao tác xử lý, hành
động submit mới được gọi để chuyển dữ liệu về lại cho
trang ShoppingCart.jsp trên trình chủ xử lý.