4.21 Trang thống kê.
Mục đích : Trang này dùng cho người quản trị thống kê chi thu chi, thống kê số lượng sản phẩm bán theo mỗi tháng và thống kê số lượng sản phẩm tồn kho trên website.
Giao diện :
chi
- Thống kê số lượng sản phẩm bán theo mỗi tháng:
Hình 4.29 : Hình ảnh giao diện trang quản lý thống kê sảnphẩm bán theo tháng phẩm bán theo tháng
- Thống kế sản phẩm tồn kho:
Hình 4.30 : Hình ảnh giao diện trang quản lý thống kê sảnphẩm tồn kho phẩm tồn kho
4.22 Trang quản lý đánh giá sản phẩm.
Mục đích : Trang này dùng cho người quản trị hệ thống và nhân viên quản lý đánh giá của khách hàng. Người quản trị có thể xem đánh giá, xóa đánh giá trên website.
Hình 4.31 : Hình ảnh giao diện trang quản lý đánh giá sảnphẩm phẩm
4.23 Trang sao lưu và phục hồi dữ liệu.
Mục đích : Trang này dùng cho người quản trị và thể thực hiện sao lưu và phục hồi dữ liệu nếu cần.
Giao diện :
CHƯƠNG 5. KIỂM THỬ CHƯƠNG TRÌNH
5.1 Chạy thử chương trình để kiểm tra hệ thống đăng nhập.
Nhập không đúng tên hoặc mật khẩu:
Hình 5.1 : Giao diện nhập sai thơng tin đăng nhập
Nhập thiếu thơng tin :
Hình 5.3 : Giao diện nhập khơng đúng u cầu mật khẩu
Nhập thông tin đúng và đủ vào form đăng ký tài khoản :
Hình 5.4 : Giao diện nhập đúng thơng tin đăng nhập
Thông báo đăng nhập thành cơng
khoản.
Nhập sai định dạng thông tin : nhập email đã tồn tại, nhập lại password khơng trùng với password được nhập.
Hình 5.7 : Giao diện nhập thiếu thơng tin đăng ký
Hình 5.8 : Giao diện nhập đúng thông tin đăng ký
Thông báo tạo thành cơng hiện ra:
Hình 5.10 : Hình ảnh tài khoản đã được thêm vào thànhcông công
5.3 Chạy thử chương trình để kiểm tra chức năng đổi mật khẩu. khẩu.
Nhập sai mật khẩu cũ :
Hình 5.11 : Giao diện nhập sai mật khẩu cũ
Hình 5.12 : Giao diện nhập mật khẩu mới trùng mật khẩu cũ
Nhập lại mật khẩu mới khơng trùng với mật khẩu mới được nhập :
Hình 5.13 : Giao diện nhập lại mật khẩu không trùng vớimật khẩu mới được nhập mật khẩu mới được nhập
Hình 5.14 : Giao diện nhập đúng thông tin yêu cầu đổi mậtkhẩu khẩu
Thơng báo đổi mật khẩu thành cơng :
Hình 5.15 : Giao diện thông báo đổi mật khẩu thành cơng
5.4 Chạy thử chương trình để kiểm tra chức năng quên mật khẩu. khẩu.
Hình 5.16 : Giao diện nhập email khơng tồn tại
Nhập email đúng :
Hình 5.18 : Giao diện email chứa mã OTP
Nhập mã OTP sai :
Hình 5.19 : Giao diện nhập sai mã OTP
Nhập mã OTP trùng với mã OTP nhận được trong mail : - Nhập mã OTP đúng :
thị :
Hình 5.21 : Giao diện đặt lại mật khẩu mới
- Nhập lại mật khẩu không trùng với mật khẩu mới đã được nhập :
Hình 5.22 : Giao diện nhập lại mật khẩu không trùng vớimật khẩu mới mật khẩu mới
- Thông báo đặt lại mật khẩu thành cơng :
Hình 5.24 : Giao diện thơng báo đặt lại mật khẩu thành cơng
5.5 Chạy thử chương trình để kiểm tra chức năng đặt hàng.
Chưa đăng nhập:
- Khi nhấn vào Add to Cart/ Buy Now sẽ hiện thơng báo cần đăng nhập trước
Hình 5.25 : Thơng báo cần đăng nhập để mua hàng
Đã đăng nhập:
- Khi bấm vào Add to Cart: Thông báo hiển thị đã đặt sản phẩm vào giỏ hàng. Giỏ hàng có sản phẩm
Hình 5.26 : Thơng báo thêm vào giỏ hàng thành cơng
Hình 5.27 : Sản phẩm được thêm vào giỏ hàng
- Khi bấm vào Buy Now: Sản phẩm tự được thêm vào giỏ hàng và chuyển qua trang Đặt hàng. Thông tin của Khách hàng được điền tự động vào những vị trí cần điền
Hình 5.29 : Giao diện đặt hàng
- Thơng báo khi có phần nhập thơng tin bị trống:
Hình 5.30 : Giao diện nhập thiếu thông tin đặt hàng
- Bấm vào đặt hàng: Thông báo đặt hàng thành công hiển thị. Mail xác nhận mua hàng được gửi đến mail khách hàng
Hình 5.31 : Thơng báo đặt hàng thành cơng
Hình 5.31 : Giao diện mail thơng báo đã đặt hàng
Kết quả đạt được :
Website có thể triển khai ở cửa hàng bán xe đạp.
Website có giao diện dễ nhìn, thân thiện với người sử dụng.
Sau khi nghiên cứu, em đã xây dựng được một website quản lý bán xe đạp thay thế cách quản lý thủ công bằng tay, mất rất nhiều thời gian và tốn cơng sức cho người quản lý.
Website có ứng dụng thực tiễn đối với các cửa hàng bán xe đạp, được dùng để quản lý các thông tin liên quan đến sản phẩm.
Hạn chế của đề tài :
Website bán xe đạp tuy đã hồn thành nhưng vẫn khơng tránh khỏi những thiếu sót cũng như những hạn chế nhất định:
Chưa thanh toán online qua tài khoản ngân hàng được. Khơng có chức năng tìm kiếm sản phẩm.
Kỹ năng phân tích hệ thống cịn nhiều hạn chế. Và một số hạn chế khác,...
Hướng phát triển :
Tiếp tục bổ sung những chức năng mà website chưa có đề website có thể ứng dụng rộng rãi trong mọi cửa hàng (chức năng thanh toán online qua tài khoản ngân hàng,...).
Tiếp tục hồn thiện chương trình, hi vọng có thể đáp ứng được mọi nhu cầu của người sử dụng.
Danh mục các Website tham khảo: 1. https://vi.wikipedia.org/wiki/Java_(ngơn_ngữ_lập_trình) 2. https://www.howkteam.vn/course/cau-truc-re-nhanh-trong-java/lich-su-phat- trien-va-tinh-nang-cua-java-124 3. https://codelearn.io/sharing/top-10-ide-java-2020 4. https://blog.itnavi.com.vn/spring-boot-la-gi/ 5. https://hocspringboot.net/2020/10/17/spring-boot-co-gi-hay-va-nhung-tinh- nang-cua-springboot/ 6. https://timviec365.vn/blog/swagger-la-gi-ban-hieu-gi-ve-cong-cu-viet- document-cho-api-new13234.html 7. https://viblo.asia/p/tim-hieu-ve-swagger-de-viet-api-XL6lAwbAKek 8. https://hoclaptrinh.vn/posts/json-web-tokenjwt-la-gi 9. https://wiki.tino.org/reactjs-la-gi/? 10.https://viblo.asia/p/reactjs-la-gi-nhung-dieu-can-biet-ve-reactjsc- djeZ1GJo5Wz?