Khóa luận tốt nghiệp xây dựng hệ thống cung cấp dịch vụ quản lý và kinh doanh trực tuyến

Đại học Sư phạm Kỹ thuật TP HCM CỢNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc Khoa Đào tạo Chất lượng cao Thực hiện: STT Họ tên sinh viên MSSV Lô Minh Phát 19110511 Nguyễn Bảo Trấn 19110301 Nguyễn Văn Sơn 19110280 Tên đề tài: Xây dựng hệ thống cung cấp dịch vụ quản lý kinh doanh trực tuyến Nội dung đề tài: Nghiên cứu ứng dụng công nghệ đại việc xây dựng, triển khai hệ thống cung cấp dịch vụ quản lý kinh doanh thời trang Mang đến cho người dùng công cụ, ứng dụng, hỗ trợ cho việc kinh doanh trực tuyến Thời gian thực hiện: 13/02/2023 – 28/05/2023 Chữ ký SV: Sinh viên Sinh viên Sinh viên TP Hồ Chí Minh, ngày… tháng… năm 2023 TRƯỞNG NGÀNH GIẢNG VIÊN HƯỚNG DẪN (Ký ghi rõ họ tên) (Ký ghi rõ họ tên) LỜI CẢM ƠN Lời đầu tiên, nhóm chúng em xin gửi lời cảm ơn chân thành đến Khoa Đào tạo Chất lượng cao Trường Đại Học Sư Phạm Kỹ Thuật Thành Phố Hồ Chí Minh, tạo điều kiện cho nhóm thực khóa luận tốt nghiệp Đồng thời, nhóm chúng em xin gửi lời tri ân sâu sắc đến Cô Mai Anh Thơ Trong trình tìm hiểu học tập, chúng em nhận lời khuyên mà cô đưa từ kinh nghiệm thực tiễn hướng dẫn tận tình, tâm huyết Cơ giúp chúng em tích lũy thêm nhiều kiến thức hay bổ ích Từ kiến thức mà truyền đạt, nhóm chúng em xin trình bày lại tìm hiểu thực đề tài Tuy nhiên, kiến thức nhóm em cịn hạn chế định Do đó, khơng tránh khỏi thiếu sót q trình hồn thành đồ án Mong q thầy xem góp ý để đồ án nhóm chúng em hồn thiện Kính chúc q thầy cô hạnh phúc thành công nghiệp “trồng người”, dồi sức khỏe để tiếp tục dìu dắt nhiều hệ học trị đến bến bờ tri thức MỤC LỤC Nội dung Trang MỤC LỤC DANH SÁCH BẢNG DANH SÁCH ẢNH, HÌNH 10 Định nghĩa từ viết tắt 14 PHẦN MỞ ĐẦU .15 CHƯƠNG 1: LÝ DO CHỌN ĐỀ TÀI 15 1.1 Giới thiệu 15 1.2 Xu hướng kinh doanh 15 1.3 Vấn đề tồn 15 1.4 Giải pháp cho vấn đề tồn .15 1.5 Mục tiêu nghiên cứu: 17 PHẦN NỘI DUNG 18 CHƯƠNG 2: KHẢO SÁT HIỆN TRẠNG 18 2.1 Một số hệ thống tham khảo 18 2.1.1 Nền tảng quản lý bán hàng đa kênh SAPO 18 2.1.2 Website kinh doanh thời trang Nike 23 2.1.3 Hệ thống quản lý Yody 27 2.2 Tổng hợp, phân tích yêu cầu cho hệ thống 29 2.2.1 Về chức năng, website: .29 2.2.1.1 Website quản lý cửa hàng (Shop Manager): 29 2.2.1.2 Website cửa hàng (Shopping Website): .29 2.2.1.3 Website triển khai (Tenant Manager): 29 2.2.2 Về giao diện, trải nghiệm người dùng (UI/UX) 30 CHƯƠNG 3: KIẾN TRÚC HỆ THỐNG VÀ CÔNG NGHỆ SỬ DỤNG 31 3.1 Kiến trúc hệ thống 31 3.1.1 Định nghĩa 31 3.1.2 Ưu điểm nhược điểm 31 3.1.3 Các giải pháp thiết kế 3.1.3.1 Sử dụng database riêng biệt cho tenant (Database per 32 Tenant) 32 3.1.3.2 Sử dụng chung database, tenant sử dụng schema (Schema per Tenant) 33 3.1.3.3 Dùng chung database schema cho tất tenant (Shared database) 34 3.2 Công nghệ sử dụng – Backend 34 3.2.1 Spring Boot 34 3.2.2 Cấu trúc dự án 35 3.2.3 MySQL 36 3.3 Công nghệ sử dụng – Frontend 37 3.3.1 ReactJS 37 3.3.2 Cấu trúc án 38 3.3.3 Các thư viện dùng hỗ trợ cho website 39 3.4 Triển khai hệ thống, cấu hình CI/CD 39 CHƯƠNG 4: THIẾT KẾ HỆ THỐNG 39 4.1 Người dùng hệ thống 40 4.1.1 Xác thực phân quyền 40 4.1.2 Phân loại người dùng (Actors) 40 4.2 Thiết kế use case 41 4.3 Mô tả chức 42 4.3.1 Quản lí tài khoản 47 4.3.2 Quản lí thuộc tính sản phẩm 54 4.3.3 Quản lí thẻ sản phẩm 60 4.3.4 Quản lí danh mục 61 4.3.5 Quản lí tin tức 61 4.3.6 Quản lí quyền (Master) 61 4.3.7 Quản lí tỉnh thành 65 4.3.8 Quản lí chi nhánh 70 4.3.9 Quản lí thuộc tính 71 4.3.10 Đăng nhập người dùng 76 4.3.11 Đăng ký người dùng 77 4.3.12 Quản lý sản phẩm 79 4.3.13 Thêm sản phẩm vào giỏ hàng 79 4.3.14 Xem sản phẩm giỏ hàng 80 4.3.15 Đặt hàng toán đơn hàng 81 4.3.16 Quản lí sản phẩm 85 4.3.17 Quản lý đơn đặt hàng 90 4.3.18 Quản lý tenant 90 4.4 Class diagram 94 4.5 Thiết kế giao diện 97 4.5.1 Layout website quản lý cửa hàng 97 4.5.1.1 Giao diện thành phần dùng để hiển thị nội dung 97 4.5.1.2 đăng nhập 105 4.5.1.3 User Profile 107 4.5.1.4 Navigation Bar 108 4.5.1.5 Màn hình quản lý nội dung 109 4.5.2 Layout website triển khai 110 4.5.3 Layout website cửa hàng 111 4.5.3.1 Giao diện trang hiển thị sản phẩm 111 4.5.3.2 Giao diện trang xem chi tiết sản phẩm 112 4.5.3.3 Giao diện trang giỏ hàng 112 CHƯƠNG 5: KIỂM THỬ PHẦN MỀM 115 5.1 Test plan 115 5.2 Thiết kế test case: 115 CHƯƠNG 6: KẾT LUẬN 116 6.1 Kết đạt 116 6.2 Ưu điểm: 116 6.3 Nhược điểm: .117 6.4 Hướng phát triển sau: 117 TÀI LIỆU THAM KHẢO .118 PHỤ LỤC .119 Location 119 Store 119 Category 120 News 120 Tenant 121 Employee .122 Permission .122 Group .122 Account 123 10 CustomerAddress 124 11 Customer 124 12 Tag 125 13 ProductCategory 125 14 ProductVariant 125 15 ProductConfig 127 16 Product 127 17 OrderItem 128 18 Order 128 19 Variant 130 20 VariantConfig 130 21 VariantTemplate 130 22 Payment 131 23 paymentConfig 131 24 Carousel 132 25 carouselItem 132 26 FacetedSearch 132 27 FactedItem .133 DANH SÁCH BẢNG Bảng 1: Cấu trúc án Frontend 39 Bảng 2: Bộ thư viện dùng cho dự án frontend 39 Bảng 3: Phân loại người dùng (Actors) 40 Bảng 4: Danh sách chức website .47 Bảng 5: Use case tạo tài khoản 48 Bảng 6: Use case chỉnh sửa thông tin tài khoản 50 Bảng 7: Use case xem thông tin tài khoản 52 Bảng 8: Use case xoá tài khoản .54 Bảng 9: Use case tạo thuộc tính 55 Bảng 10: Use case chỉnh sửa thuộc tính .57 Bảng 11: Use case xem thông tin thuộc tính 59 Bảng 12: Use case xố thuộc tính 60 Bảng 13: Nhóm chức quản lý thẻ sản phẩm (tags) 60 Bảng 14: Nhóm chức quản lý danh mục 61 Bảng 15: Nhóm chức quản lý tin tức 61 Bảng 16: Use case xem danh sách quyền 62 Bảng 17: Use case chỉnh sửa quyền 63 Bảng 18: Use case xem tỉnh thành 65 Bảng 19: Use case tạo tỉnh thành .67 Bảng 20: Use case chỉnh sửa tỉnh thành 68 Bảng 21: Use case xoá tỉnh thành 70 Bảng 22: Nhóm chức quản lý chi nhánh 70 Bảng 23: Use case xem danh sách thuộc tính 71 Bảng 24: Use case tạo thuộc tính 72 Bảng 25: Use case chỉnh sửa thuộc tính 74 Bảng 26: Use case xoá thuộc tính 75 Bảng 27: Use case đăng nhập khách hàng 76 Bảng 28: Use case đăng kí người dùng 78 Bảng 29: Nhóm chức quản lý sản phẩm 79 Bảng 30: Use case thêm sản phẩm giỏ hàng 79 Bảng 31: Use case xem sản phẩm vào giỏ hàng 81 Bảng 32: Use case đặt hàng .83 Bảng 33: Use case xem danh sách sản phẩm 85 Bảng 34: Use case tạo sản phẩm .87 Bảng 35: Use case chỉnh sửa sản phẩm 89 Bảng 36: Nhóm chức quản lý đơn hàng 90 Bảng 37: Use case tạo Tenant 91 Bảng 38: Use case xóa Tenant 92 Bảng 39: bảng mô tả layout website CMS 97 Bảng 40: Bảng mô tả thành phần hiển thị nội dung website 105 Bảng 41: Bảng mô tả giao diện đăng nhập CMS 106 Bảng 42: Bảng mô tả Trang Profile 108 Bảng 43: Bảng mô tả Navigation Bar CMS 108 Bảng 44: Bảng mô tả thành phần hiển thị .111 Bảng 45: Bảng mô tả thành phần hiển thị trang chi tiết sản phẩm 112 Bảng 46: Bảng mô tả thành phần hiển thị trang giỏ hàng .112 Bảng 47: Bảng mô tả thành phần hiển thị trang tạo đơn hàng 114 Bảng 48: Mô tả class Location 119 Bảng 49: Mô tả class Store 119 Bảng 50: Mô tả class Category 120 Bảng 51: Mô tả class News 120 Bảng 52: Mô tả class Tenant 121 Bảng 53: Mô tả class Employee 122 Bảng 54: Mô tả class Permission 122 Bảng 55: Mô tả class Group 123 Bảng 56: Mô tả class Account .124 Bảng 57: Mô tả class CustomerAddress 124