Prepared for Xây dựng website bán cây cảnh và chatbot hỗ trợ tư vấn phẩm” lúc này màn hình “Chi tiết sản phẩm” sẽ xuất hiện, ấn chọn button “Xem giỏ hàng” để mở giỏ hàng
Để tiến hành thêm hàng hoá vào giỏ hàng, ta thực hiện ấn chọn 1 Item hàng hoá bất kỳ ở màn hình “Danh sách sản phẩm”, lúc này màn hình “Chi tiết sản phẩm” sẽ hiển thị các thông tin của sản phẩm được chọn, thực hiện ấn chọn “Thêm vào giỏ hàng”, 1 thẻ cart sản phẩm được thêm vào trong giỏi hàng.
⮚ Trong sự kiện click vào item sản phẩm ta lấy id sản phẩm để có được thông tin sản phẩm truyền vào trong cart
▪ var idSp = e.target.object.id ;
▪ var sp = listSanPham.fillter(id => id === idSp) Truyền dữ liệu lấy được vào trong cart sản phẩm trong giỏ
hàng
Cart cart = new Cart();
▪ cart.Img = sp.Img;
▪ cart.Title = sp.Name;
▪ cart.Desc = sp.Description;
▪ cart.Price = sp.Price;
▪ cart.amount = 1
Sau khi truyền dữ liệu thì cart này sẽ được thêm vào màn hình giỏ hàng.
Để tăng/giảm số lượng sản phẩm trong giỏ hàng thì trên cart của mỗi sản phẩm có 2 nút “+”/”-“ tương ứng là một nút tăng số lượng và một nút giảm số lượng
❖ Nếu chọn “+” thì số lượng của sản phẩm đó được tăng lên => cart.amount ++
❖ Nếu chọn “-“ thì số lượng của sản phẩm đó được giảm xuống => cart.amount --. Đặc biệt, nếu số lượng của sản phẩm bằng 1 (cart.amount == 1) thì không thể giảm số lượng
Để tiến hành chỉnh sửa giỏ hàng, ta thực hiện ấn chọn button “Xem giỏ hàng” trong màn hình “Danh sách sản phẩm” hoặc trong màn hình “Chi tiết sản phẩm”, lúc này màn hình “Card”
Prepared for Xây dựng website bán cây cảnh và chatbot hỗ trợ tư vấn hiển thị các item giỏ hàng đã được thêm vào:
▪ String query = select * from Cart where Cart.customerID = [accountID]”
▪ List<Cart> list = getCartList(getDB(query))
▪ renderCart(list)
Nếu muốn thay đổi số lượng ta ấn chọn vào bút “+”/”-“ để thực hiện tăng giảm số lượng của 1 item trong giỏ hàng
❖ Nếu chọn “+” số lượng sản phẩm thuộc cart đó sẽ tăng lên 1 => amount ++ => gọi API cập nhật dữ liệu vào cơ sở dữ liệu
❖ Nếu chọn “-“ số lượng sản phẩm thuộc cart đó sẽ giảm xuống 1 => amount -- => gọi API cập nhật dữ liệu vào cơ sở dữ liệu
Hoặc chọn vào ô hiển thị số lượng và thay đổi số lượng mong muốn
❖ If( value < 1 ) => thông báo “lỗi dữ liệu” trả về giá trị ban đầu
❖ If(!value.IsNumber()) => thông báo “lỗi dữ liệu” trả về giá trị ban đầu
Mỗi lần thay đổi DB sẽ cập nhật dữ liệu UC22: Xóa sản phẩm trong giỏ hàng
Name Xóa sản phẩm trong giỏ hàng
Description Cho phép xóa sản phẩm ra khỏi giỏ hàng
Actor Khách hàng
Trigger - Truy cập vào giỏ hàng, chọn xóa sản phẩm
Basic flow B1: Truy cập vào giỏ hàng B2: Chọn sản phẩm cần xoá B3: Chọn xóa sản phẩm
B4: Sản phẩm trong giỏ hàng sẽ được xoá
Pre-condition ❖Đăng nhập vào đường dẫn webcaycanh.vn bằng tài khoản của khách hàng
Prepared for Xây dựng website bán cây cảnh và chatbot hỗ trợ tư vấn
❖Phải có sản phẩm trong giỏ hàng
Post-condition ❖ Cập nhật DB Activity flow Business Rules Activit y BR Code Description (2) BR1 Tải màn hình:
❖ Hệ thống tải màn hình “Danh sách sản phẩm” khi người dùng chọn mục sản phẩm
❖ Hệ thống tải màn hình “Chi tiết sản phẩm” khi người dùng chọn 1 item bất kỳ trong “Danh sách sản phẩm”
(tham khảo các màn hình trong “Description List” file )
(3) BR2 Business Rules:
Khi người dùng muốn xoá cart sản phẩm, chọn card cần xóa sau đó nhấn nút xóa trong giỏ hàng. hệ thống gửi API và xoá cart đó trong DB. removeCart(this)
UC23: Đặt mua sản phẩm
Name Đặt mua sản phẩm
Description Cho phép quản trị viên tạo bảng chấm công
Actor Khách hàng
Trigger - Nhấn chọn thanh toán
Basic flow B1: Truy cập vào giỏi hàng B2: Chọn mục thanh toán
Prepared for Xây dựng website bán cây cảnh và chatbot hỗ trợ tư vấn B3: Điền các thông tin cần thiết
B4: Chọn hình thức thanh toán B5: Nhấn nút xác nhận
B6: Hệ thống kiểm tra và thông báo MSG 8
Pre-condition ❖Đăng nhập vào đường dẫn webcaycanh.system.vn bằng tài khoản của Quản trị viên
❖Phải có sản phẩm trong giỏ hàng
Post-condition ❖ Cập nhật DB
❖ Tạo đơn hàng gửi sang cho tài khoản nhân viên bán hàng
Activity flow Business Rules Activit y BR Code Description (2) BR1 Chọn hình thức thanh toán:
❖ Nếu chọn “thanh toán khi nhận hàng”: thì hệ thống ghi nợ cho khách hàng
Prepared for Xây dựng website bán cây cảnh và chatbot hỗ trợ tư vấn
❖ Nếu chọn “Thanh toán trực tuyến”: thì hệ số chiết khấu tiền trong thẻ của khách hàng thông qua bên thứ ba là ngân hàng
(4) BR2 Thông tin hoá đơn: dữ liệu sẽ lấy từ trong DB Hoá Đơn Họ Tên [HoTen] Địa chỉ [DiaChi] Số điện thoai [SDT] Danh sách sản phẩm:
Tên sản phẩm số lượng Giá tiền [IDSanPham] Tổng: Ngày thanh toán Hình thức thanh toán Quản lý kho
UC24: Lập báo cáo kho
Name Lập báo cáo kho
Description Cho phép nhân viên kiểm kho tạo các báo cáo để nộp cho quản trị viên
Actor Nhân viên kiểm kho
Trigger - Truy cập vào mục báo cáo
Basic flow B1: Truy cập vào mục Báo cáo B2: Chọn bảng báo cáo tương ứng B3: hệ thống sẽ tải dữ liệu
Prepared for Xây dựng website bán cây cảnh và chatbot hỗ trợ tư vấn B4: Xuất ra 1 bảng báo cáo hoàn chỉnh
Pre-condition ❖Đăng nhập vào đường dẫn webcaycanh.system.vn bằng tài khoản của nhân viên kiểm kho
❖Có yêu cầu xuất báo cáo từ quản trị viên
Post-condition ❖ Cập nhật DB Activity flow Business Rules Activit y BR Code Description
(2) BR1 Tải các mẫu báo cáo:
❖ Các mẫu báo cáo: