Đồ án tốt nghiệp web bán hàng linh kiện điện tử cho công ty hyt

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ TP HỒ CHÍ MINH VIỆN CƠNG NGHỆ VIỆT – NHẬT ĐỒ ÁN TỐT NGHIỆP WEB BÁN HÀNG LINH KIỆN ĐIỆN TỬ CHO CÔNG TY HYT CÔNG NGHỆ THÔNG TIN Ngành: Giảng viên hướng dẫn : ThS Nguyễn Thanh Tùng Sinh viên thực : Phạm Phúc Thịnh 1811063154 18DTHJB1 Lê Huỳnh Ý 1811061247 18DTHJB1 Lê Thành Hậu 1811062932 18DTHJB1 TP Hồ Chí Minh, 2023 i LỜI CAM ĐOAN Tơi xin cam đoan đồ án cơng trình nghiên cứu nhóm hướng dẫn ThS Nguyễn Thanh Tùng Mọi thứ dựa cố gắng nỗ lực khơng ngừng nhóm với giúp đỡ tận tình từ thầy Tùng TP Hồ Chí Minh, ngày 23 tháng năm 2023 Sinh viên thực ii LỜI CẢM ƠN Lời nhóm em xin gửi lời cảm ơn đến nhà trường tạo điều kiện cho nhóm thực đồ án tốt nghiệp Qua đó, em xin phép cảm ơn thầy ThS Nguyễn Thanh Tùng – giảng viên Trường Đại Học Cơng Nghệ TP.HCM hướng dẫn nhóm tận tình thầy đưa khía cạnh đồ án mà chúng em cịn sót Việc tìm hướng cho đồ án điều không dễ dàng phải cung cấp cho khách hàng sản phẩm tốt thầy Tùng tạo hướng cho nhóm để tiếp tục làm Website bán hang đề tài có nhiều người sử dụng thầy hướng dẫn chi tiết để tụi em chỉnh sửa hoàn thiện hết thứ cần thiết cho đề tài Trong trình thực đề tài, việc tìm u cầu tốn có đơi chút khó khăn khiến nhóm thời gian cố gắng để hồn thành Ý kiến đóng góp thầy giúp em nhận thiếu sót đề tài đồng thời giúp em hiểu tầm quan trọng việc tìm u cầu tốn Qua đó, nhóm tích lũy nhiều kiến thức kinh nghiệm hành trình năm cuối làm Nhóm em xin chân thành cảm ơn TP.HCM, ngày 23 tháng năm 2023 Sinh viên iii MỤC LỤC LỜI CAM ĐOAN ii LỜI CẢM ƠN iii MỤC LỤC iv DANH MỤC CÁC BẢNG vii TÓM TẮT NỘI DUNG BÁO CÁO x LỜI MỞ ĐẦU CHƯƠNG MÔ TẢ ĐỀ TÀI 1.1 Khảo sát 1.2 Mục tiêu đề tài 1.3 Mô tả nghiệp vụ 1.4 Các chức CHƯƠNG CÔNG NGHỆ SỬ DỤNG 2.1 Spring gì? 2.2 Java IDE 2.3 MySQL 10 2.4 jQuery bootstrap 10 CHƯƠNG NGHIỆP VỤ 12 3.1 Usecase tổng quát 12 3.2 Phân rã usecase 12 3.3 Đặc tả usecase 19 3.4 Sơ đồ hoạt động 25 CHƯƠNG MƠ HÌNH DỮ LIỆU 31 4.1 Mơ hình quan hệ liệu 31 4.2 Danh sách bảng 32 4.3 Thiết kế chi tiết CSDL 33 CHƯƠNG CHỨC NĂNG VÀ QUÁ TRÌNH HÌNH THÀNH 44 5.1 Cấu hình 44 5.1.1 Công cụ hỗ trợ 44 5.1.2 Tổ chức Source 44 5.1.3 Thư viện hỗ trợ 45 5.2 Khởi tạo 48 iv 5.2.1 Cấu hình Source Common 48 5.2.2 Cấu hình Source Admin (BackEnd) 49 5.2.3 Cấu hình Source Client (FrontEnd) 50 5.2.4 Cấu hình Pagination, tìm kiếm, sort 51 5.3 Thực hóa chức phi chức 51 5.3.1 Các chức phổ biến 51 5.3.2 Các chức riêng biệt 55 5.3.3 Phi chức 68 CHƯƠNG KẾT LUẬN 70 6.1 Đánh giá 70 6.1.1 Ưu điểm 70 6.1.2 Nhược điểm 70 6.2 Hướng phát triển mở rộng đề tài 70 6.3 Kết luận chung 70 TÀI LIỆU THAM KHẢO 71 v Danh mục từ viết tắt Từ viết tắt Cụm từ đầy đủ CSV Comma Separated Values PDF Portable Document Format JPA Java Persitent API MAC Media Access Control vi DANH MỤC CÁC BẢNG Hình Dưới kiến trúc tổng thể Spring Framework Hình Spring thymeleaf Hình Java IDE Hình MySQL 10 Hình jQuery bootstrap 10 Hình HTML, CSS, Java, 11 Hình Usecase tổng quát 12 Hình Phân rã use case “Quản lý mật khẩu” 12 Hình Phân rã use case “Quản lý địa chỉ” 13 Hình 10 Phân rã use case “Quản lý báo cáo bán hàng” 13 Hình 11 Phân rã use case “Quản lý tin tức” 14 Hình 12 Phân rã use case “Quản lý thơng báo” 14 Hình 13 Phân rã use case “Quản lý ảnh quảng cáo” 15 Hình 14 Phân rã use case “Quản lý sản phẩm” 15 Hình 15 Phân rã use case “Quản lý thương hiệu” 16 Hình 16 Phân rã use case “Quản lý khu vực giao hàng” 16 Hình 17 Phân rã use case “Quản lý khách hàng” 17 Hình 18 Phân rã use case “Quản lý đơn hàng” 17 Hình 19 Phân rã use case “Quản lý danh mục sản phẩm” 18 Hình 20 Phân rã use case “Quản lý nhân viên” 18 Hình 21 Mơ hình quan hệ liệu 31 Hình 22 bảng thiết kế database setting 33 Hình 23 bảng thiết kế database currencies 33 Hình 24 bảng thiết kế database Backup 34 Hình 25 bảng thiết kế database Countries 34 Hình 26 bảng thiết kế database states 34 Hình 27.bảng thiết kế database client_info 34 Hình 28 bảng thiết kế database Users 35 Hình 29.bảng thiết kế database users_roles 35 Hình 30 bảng thiết kế database Roles 35 Hình 31 bảng thiết kế database Customers 36 vii Hình 32.bảng thiết kế database customer_activity 36 Hình 33 bảng thiết kế database Brands 36 Hình 34 bảng thiết kế database brands_categories 37 Hình 35 bảng thiết kế database Categories 37 Hình 36 bảng thiết kế database Products 37 Hình 37 bảng thiết kế database product_images 38 Hình 38 bảng thiết kế database product_details 38 Hình 39 bảng thiết kế database cart_items 38 Hình 40 bảng thiết kế database orders 39 Hình 41 bảng thiết kế database order_track 39 Hình 42 bảng thiết kế database order_details 40 Hình 43 bảng thiết kế database shipping_rates 40 Hình 44 bảng thiết kế database comments 41 Hình 45 bảng thiết kế database comment_replies 41 Hình 46 bảng thiết kế database board 42 Hình 47 bảng thiết kế database Notice 42 Hình 48 bảng thiết kế database Slider 42 Hình 49 bảng thiết kế database Addresses 43 Hình 50 Cấu trúc tổ chức Source theo Thể sơ đồ sau 45 Hình 51 Tạo quản trị viên phần admin 51 Hình 52 Tất nhân viên có 52 Hình 53 Khi click vào icon sửa trả lại giao diện giống tạo admin 53 Hình 54 Bấm vào nút xóa nhân viên muốn xóa nhân viên 53 Hình 55 Giao diện quản lý nhân viên 54 Hình 56 Giao diện xuất file 54 Hình 57 Thống kê thể theo ngày tháng 56 Hình 58 Thống kê thể theo danh mục 56 Hình 59 Thống kê theo sản phẩm 57 Hình 60 Giao diện nút lưu 57 Hình 61 Giao diện option lưu liệu 58 Hình 62 Giao diện download liệu lưu lại mySQL 58 Hình 63 Giao diện cập đăng ký thông tin tài khoản 59 viii Hình 64 Hoàn tất cập đăng ký tin tài khoản 60 Hình 65 Đã gửi mail xác nhận để kích hoạt 60 Hình 66.Giao diện đăng ký tài khoản thành công 61 Hình 67 Giao diện quên mật 61 Hình 68 Giao diện quên mật 61 Hình 69 Sau Gmail khách hàng, mở hộp thư yêu cầu thay đổi mật 62 Hình 70 Giao diện nhập mật muốn đổi 62 Hình 71 Giao diện sản phẩm 63 Hình 72 Đã thêm sản phẩm vào giỏ hàng thành công 63 Hình 73 Giao diện giỏ hàng 64 Hình 74 Giao diện chọn địa giao hàng 65 Hình 75 Giao diện đặt địa giao hàng mặc định 65 Hình 76 Giao diện toán sản phẩm 66 Hình 77 Thơng tin chi tiết đơn hàng 66 Hình 78 Yêu cầu xác nhận gởi vào gmail 67 Hình 79 Đồng thời xác nhận nằm trang web 67 Hình 80 Xem thơng tin đơn hàng đặt 67 Hình 81 Xem trạng thái đơn hàng 68 Hình 82 Lịch sử hoạt động user 69 Hình 83 Lịch sử thiết bị hoạt động trang web không đăng ký user 69 ix TÓM TẮT NỘI DUNG BÁO CÁO Mục đích nhóm làm website bán linh kiện máy tính để giải số khó khăn mà người mua hàng gặp phải mua máy tính linh kiện cửa hàng HYT rao bán mặt hàng mà họ muốn cung cấp cho người tiêu dùng nhằm tăng doanh thu hiệu x Thống kê thể theo sản phẩm: Hình 59 Thống kê theo sản phẩm  Backup data Backup data thực theo thành phần chính: Backup theo click Tự động Backup ngày Backup theo click vào button Tại giao diện Setting click vào button “Sao lưu liệu”: Hình 60 Giao diện nút lưu Yêu cầu gửi tới Controller Tại xử lý yêu cầu: lấy thời gian thực làm tên file cho backup, Tạo file sql lưu trữ vào folder backup data, thực kiểm tra backup không thành công xuất lỗi, ngược lại lưu đường đẫn file backup tạo vào PathFile bảng Backup thông tin cần thiết cho liệu Backup tự động ngày 57 Xác định backup dựa vào giá trị BACKUP_YN bảng setting Với Y tự động lưu ngày ngược lại: Tại hình Setting người dùng chọn option Có Khơng: Hình 61 Giao diện option lưu liệu Code thực dựa Schedule Spring cung cấp Cho phép thực lịch lên sẵn với thời gian cố định Từ thực thiện kiểm tra lịch lên sẵn thực kiểm tra liệu BACKUP YN để xách định tác vụ Tại giá trị BACKUP_YN với Y thực Backup ngược lại backupTime xác định thời gian backup (23 19 phút) Sau thực Backup  Download file Tại hình danh sách file backup người dùng bấm vào nút tải xuống file muốn tải Hình 62 Giao diện download liệu lưu lại mySQL Sau thực tải xuống Dữ liệu xử lý Controller Tại thực tác vụ tải file với đường dẫn file lấy từ phía hình gửi xuống Sau tải xuống thành công cập nhật giá trị tải xuống tang lên  Đăng kí 58 Tại hình đăng kí, người dùng nhập đầy đủ thơng tin cần thiết: Hình 63 Giao diện cập đăng ký thông tin tài khoản 59 Sau nhấn nút đăng kí Tại Controller xử lý yêu cầu gửi mail tới tài khoản đăng kí Tại gửi mã Token tới Gmail yêu cầu xác thực Sau trả trang xác nhận tài khoản đăng kí Hình 64 Hồn tất cập đăng ký tin tài khoản Tại gmail mở hộp thư yêu cầu xác thực: Hình 65 Đã gửi mail xác nhận để kích hoạt Sau click Verify chuyển qua đường dẫn tới trang Tại gmail xác định Verify với mã Token cấp trước bảng Customer Nếu thành cơng trả trang đăng kí thành cơng ngược lại 60 Kết trả sau Verify Hình 66.Giao diện đăng ký tài khoản thành công  Quên mật Sau bấm vào nút quên mật khẩu, form nhập thông tin tài khoản đăng kí Người dung nhập Gmail đăng kí, Dữ liệu sau xử lý Controller Tại tạo token sau lưu vào bảng Customer Từ mã token có Gửi mail với token yêu cầu thay đổi mật tới mail đăng kí Hình 67 Giao diện qn mật Hình 68 Giao diện quên mật 61 Sau Gmail khách hàng, mở hộp thư yêu cầu thay đổi mật Hình 69 Sau Gmail khách hàng, mở hộp thư yêu cầu thay đổi mật Tại bấm vào “Thay đổi mật khẩu” Mở đường dẫn form nhập mật Hình 70 Giao diện nhập mật muốn đổi Nhập mật cần nhập vào thực bấm nút lưu Sau bấm lưu liệu chuyển đến Controller thực thay đổi mật  Giỏ hàng  Thêm 62 Từ giao diện chi tiết sản phẩm bấm vào nút thêm vào giỏ với số lượng mong muốn Hình 71 Giao diện sản phẩm Sau bấm vào nút, liệu gửi tới Controller Tại Controller thực kiểm tra đăng nhập, kiểm tra số lượng thêm vào giỏ Hình 72 Đã thêm sản phẩm vào giỏ hàng thành cơng Sau liệu gửi tới Service để thực thêm vào giỏ với số lượng sản phẩm tương ứng.Kiểm tra id sản phẩm số lượng cho phép Sau them sản phẩm số lượng vào bảng Cart Sau hoàn tất them vào giỏ, trả modal thông báo  Cập nhật số lượng: 63 Tại giao diện giỏ hàng bấm vào nút tang số lượng giảm số lượng Hình 73 Giao diện giỏ hàng Sau bấm vào nút tăng/giảm số lượng sản phẩm liệu trả Controller để xử lý Tại cập nhật số lượng vào bảng Cart thông qua Service Cập nhật lại số lượng, giá tiền, tổng tiền  Địa Địa người dùng dùng theo địa gốc địa thiết lập đăng kí tài khoản địa lấy từ Bảng Customer Thiết lập thêm địa giao hàng, địa lưu vào bảng Address Về chức thêm sửa xóa tương tự chức khác Điều khác biệt quản lý địa người dùng thiết lập địa làm địa gốc để giao hàng phân biệt địa tài khoản địa giao hàng Sau thêm địa giao hàng Người dùng bấm vào nút đặt làm địa mặc định để giao hàng Sau bâm vào nút đặt làm địa mặc định Dữ liệu yêu cầu gửi tới Controller 64 Hình 74 Giao diện chọn địa giao hàng Tại thực kiểm tra tài khoản, sau thực đặt làm địa mặc định thông qua Service Tại kiểm tra địa chưa làm địa mặc định set làm địa mặc định Sau địa mặc định gán khơng cịn địa mặc định Giao diện sau địa mặc định khác gán: Hình 75 Giao diện đặt địa giao hàng mặc định  Đặt hàng Chức đặt hàng cho phép thực đầy đủ yếu tố sau: - Địa nhận hang phải khu vực giao hàng mà hệ thống hỗ trợ - Giỏ hàng không rỗng 65 Tại giao diện Giỏ hàng Người dùng bấm vào “Thanh Tốn” Hình 76 Giao diện toán sản phẩm Sau bấm vào toán Hiển thị giao diện tốn Tại thực tính tốn phí ship với sản phẩm có tính ship + phí ship khu vực ship Hình 77 Thơng tin chi tiết đơn hàng Thực tính tốn Service Tương tự Thay đổi mật khẩu, Khi đặt hang, thông tin đơn hàng gửi tới Gmail tài khoản đặt 66 Tại giao diện tốn sau người dùng chọn loại hình tốn, bấm vào đặt hang Một Email thông tin đơn hàng gửi tới Hình 78 Yêu cầu xác nhận gởi vào gmail Sau trả giao diện cảm ơn Hình 79 Đồng thời xác nhận nằm trang web  Đơn hàng Sau đặt hàng người dùng xem đơn hàng cách bấm vào tên tài khoản chọn vào đơn hàng Sau chọn đơn hàng tơi Hình 80 Xem thơng tin đơn hàng đặt 67 Tại người dùng theo dõi đơn hàng cách bấm vào icon trường hành động đơn hàng Hình 81 Xem trạng thái đơn hàng  Các chức khác Ngồi chức cịn số chức khác: tin tức, thông báo, quảng cảo Cả lấy thơng tin từ phía Admin them vào lấy theo khoảng thời gian cho phép hiển thị Chức lọc sản phẩm Client phân chi theo dạng:  Lọc theo giá  Lọc theo giá danh mục 5.3.3 Phi chức  Lịch sử hoạt động Lịch sử hoạt động người dùng lưu lại vào bảng customer_activity người dùng có hành động thêm vào giỏ, cập nhật số lượng sản phẩm giỏ, thay đổi địa chỉ, thay đổi thông tin tài khoản, đặt hàng, … 68 Hình 82 Lịch sử hoạt động user  Thông tin thiết bị Thông tin thiết bị lưu lại người dùng truy cập vào website Các thông tin địa IP, địa MAC, tên trình duyệt, phiên trình duyệt,… Các thơng tin lưu vào bảng Client_infor Hình 83 Lịch sử thiết bị hoạt động trang web không đăng ký user 69 CHƯƠNG 6.1 KẾT LUẬN Đánh giá 6.1.1 Ưu điểm - Giao diện dễ sử dụng - Thuận tiện cho người mua xem nhiều mặt hàng - Thanh tốn nhanh chóng cho dù xa - Đầy đủ chức cần thiết trang web bán hàng cho người bán - Dễ dàng điều chỉnh mặt hàng - Xem thông tin sản phẩm có bình luận - Biết quan tâm tới sản phẩm - Người mua dễ dàng xem lịch sử hoạt động - Người bán dễ thêm, xóa, sửa phần cài đặt quản lý admin - Xem thống kê người mua - Dễ dàng quản lý kho hàng 6.1.2 Nhược điểm 6.2 - Bảo mật - Chưa đăng ký tài khoản nhanh chóng - Bị nhiều ràng buộc admin khơng thể xóa sản phẩm nhanh chóng Hướng phát triển mở rộng đề tài - Gia tăng bảo mật - Hiện thơng tin kích sử hoạt động chi tiết thiết bị địa IP MAC cho người mua chưa đăng nhập tài khoản - 6.3 Xóa bỏ nhiều ràng buộc chức xóa cho nhiều tính Kết luận chung - Nhóm chúng em thực hết tính mà web bán hàng cần phải có - Nhóm chúng em cố gắng để phát triển đồ án lẫn thân để sau tốt tương lai gần 70 TÀI LIỆU THAM KHẢO https://viblo.asia/p/tong-quan-ve-spring-framework-YWOZryEyKQ0 - 02/03/2023 - Khái quát spring https://topdev.vn/blog/html-la-gi/- 02/03/2023 – Giới thiệu html https://topdev.vn/blog/css-la-gi/ - 13/03/2023 – Giới thiệu css https://vietnix.vn/spring-boot-la-gi/ - 14/03/2023 – Spring boot https://aws.amazon.com/vi/what-is/java/ - 15/03/2023 – Java https://wiki.matbao.net/jquery-la-gi-tong-quan-ve-jquery-va-huong-dan-sudung-jquery/ - 10/4/2023 – Cách sử Jquery https://www.hostinger.vn/huong-dan/mysql-la-gi/ - 16/04/2023 – Tổng quát mySQL 71