Tìm hiểu net, react và vận dụng xây dựng hệ thống nhập hàng trung quốc việt nam

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH ĐỒ ÁN TỐT NGHIỆP NGÀNH CƠNG NGHỆ THƠNG TIN TÌM HIỂU NET, REACT VÀ VẬN DỤNG XÂY DỰNG HỆ THỐNG NHẬP HÀNG TRUNG QUỐC – VIỆT NAM GVHD: ThS HỒNG CƠNG TRÌNH SVTH : NGUYỄN NGỌC GIA MINH SKL010933 Tp Hồ Chí Minh, tháng 6/2023 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA ĐÀO TẠO CHẤT LƯỢNG CAO ĐỒ ÁN TỐT NGHIỆP TÌM HIỂU NET, REACT VÀ VẬN DỤNG XÂY DỰNG HỆ THỐNG NHẬP HÀNG TRUNG QUỐC – VIỆT NAM SVTH: NGUYỄN NGỌC GIA MINH MSSV: 19110090 Khóa: 2019 Ngành: CƠNG NGHỆ THƠNG TIN GVHD: ThS HỒNG CƠNG TRÌNH Tp Hồ Chí Minh, tháng 06 năm 2023 CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh Phúc *** -Tp Hồ Chí Minh, ngày…tháng…năm 2023 NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP Họ tên sinh viên: Nguyễn Ngọc Gia Minh MSSV: 19110090 Ngành: Công nghệ thông tin Lớp: 19110CLST4 Giảng viên hướng dẫn: Hồng Cơng Trình ĐT: 0908240179 Ngày nhận đề tài: 08/02/2023 Ngày nộp đề tài: 21/05/2023 Tên đề tài: Tìm hiểu Net, React vận dụng xây dựng hệ thống website nhập hàng Trung Quốc – Việt Nam Nội dung thực đề tài: Lý thuyết: − Tìm hiểu cơng nghệ NET, React, SQL Server, cách hoạt động Single Page Application (SPA) quy trình vận hàng hệ thống nhập hàng Thực hành: Xây dựng hệ thống webiste nhập hàng Trung Quốc – Việt Nam có tính năng: − Các chức chung bao gồm: xác thực ủy quyền; tìm kiếm sản phẩm taobao.com, tmall.com 1688.com; theo dõi mã vận đơn, xem viết − Khách hàng có chức quản lý đơn hàng, số dư tài khoản, khiếu nại − Nhân viên bao gồm nghiệp vụ liên quan đến cấu hình hệ thống, quản lý tài khoản hệ thống, nghiệp vụ đơn hàng, nghiệp vụ kiểm hàng nghiệp vụ kế toán Sản phẩm: mã nguồn hệ thống nhập hàng Trung Quốc – Việt Nam TRƯỜNG NGÀNH GIẢNG VIÊN HƯỚNG DẪN ii CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh Phúc ******* PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN Họ tên sinh viên: Nguyễn Ngọc Gia Minh MSSV: 19110090 Ngành: Công nghệ thơng tin Tên đề tài: Tìm hiểu Net, React vận dụng xây dựng hệ thống website nhập hàng Trung Quốc – Việt Nam Họ tên Giảng viên hướng dẫn: Hồng Cơng Trình NHẬN XÉT: Về nội dung đề tài & khối lượng thực hiện: Ưu điểm: Khuyết điểm: Đề nghị cho bảo vệ hay không? Đánh giá loại: Điểm: (Bằng chữ: …………………………………………) Tp Hồ Chí Minh, ngày tháng năm 2023 Giảng viên hướng dẫn (Ký & ghi rõ họ tên) iii CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh Phúc ******* PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN PHẢN BIỆN Họ tên sinh viên: Nguyễn Ngọc Gia Minh MSSV: 19110090 Ngành: Cơng nghệ thơng tin Tên đề tài: Tìm hiểu Net, React vận dụng xây dựng hệ thống website nhập hàng Trung Quốc – Việt Nam Họ tên Giảng viên phản biện: NHẬN XÉT: Về nội dung đề tài & khối lượng thực hiện: Ưu điểm: Khuyết điểm: Đề nghị cho bảo vệ hay không? Đánh giá loại: Điểm: (Bằng chữ: ……………………………………… ) Tp Hồ Chí Minh, ngày tháng năm 2023 Giảng viên phản biện (Ký & ghi rõ họ tên) iv LỜI CẢM ƠN Trong q trình thực đề tài, nhóm nhận hướng dẫn hỗ trợ tận tình Thạc sĩ Hồng Cơng Trình, giảng viên tâm huyết có kinh nghiệm Khoa Cơng nghệ thơng tin Nhóm xin gửi lời cảm ơn chân thành đến thầy giúp đỡ nhóm hồn thành đề tài tốt nghiệp Nhóm xin gửi lời cảm ơn chân thành đến quý thầy cô Khoa Đào tạo Chất lượng cao, Khoa Công nghệ thông tin bạn ngành có đóng góp, góp ý tích cực để nhóm hồn thiện dự án cách tốt Những đóng góp, ý kiến người nhóm ghi nhớ đem làm hành trang đường nghiệp tới Tuy nhiên, trình độ thời gian có hạn, sản phẩm mà nhóm trình bày chưa đầy đủ chức cịn tồn số hạn chế Nhóm xin chân thành xin lỗi mong nhận góp ý, đóng góp xây dựng người để nhóm tiếp tục hồn thiện sản phẩm Một lần nữa, nhóm xin chân thành cảm ơn v LỜI MỞ ĐẦU Hiện nay, nhu cầu nhập hàng từ Trung Quốc Việt Nam ngày tăng cao, sản phẩm từ Trung Quốc thường có giá thành rẻ đa dạng chủng loại, phù hợp với nhu cầu tiểu thương Việt Nam Ngồi ra, phát triển cơng nghệ thương mại điện tử giúp cho việc nhập hàng từ Trung Quốc Việt Nam trở nên dễ dàng hết Tuy nhiên, có số hạn chế vấn đề với hệ thống nhập hàng Trung Quốc - Việt Nam thị trường Một vấn đề việc quản lý hàng hóa giao nhận chưa hiệu quả, dẫn đến tình trạng hàng hóa bị mất, hư hỏng chậm giao đến tay người tiêu dùng Ngoài ra, có nhiều trường hợp hàng hóa nhập khơng đạt chất lượng, không với mô tả bị giả mạo Vì vậy, để giải vấn đề đáp ứng nhu cầu ngày tăng cao thị trường, hệ thống nhập hàng từ Trung Quốc - Việt Nam nên nhóm ứng dụng cơng nghệ đại NET 6.0, React xây dựng hệ thống website theo mơ hình Single Page Application, SQL Server thiết kế sở liệu để thực đề tài “Tìm hiểu Net, React vận dụng xây dựng hệ thống website nhập hàng Trung Quốc – Việt Nam” nhằm tăng cường tính hiệu độ xác quản lý hàng hóa giao nhận vi MỤC LỤC NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP ii PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN iii PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN PHẢN BIỆN iv LỜI CẢM ƠN v LỜI MỞ ĐẦU vi MỤC LỤC vii DANH MỤC CÁC BẢNG BIỂU xi DANH MỤC CÁC HÌNH ẢNH xvi Chương TỔNG QUAN .1 1.1 Tính cấp thiết đề tài 1.2 Mục đích đề tài .1 1.3 Cách tiếp cận phương pháp nghiên cứu 1.3.1 Đối tượng nguyên cứu 1.3.2 Phạm vi nghiên cứu 1.4 Kết dự kiến đạt Chương CƠ SỞ LÝ THUYẾT .4 2.1 .NET 2.1.1 Giới thiệu 2.1.2 Back-end 2.2 React 2.2.1 Giới thiệu 2.2.2 Front-end 2.3 Hệ quản trị sở liệu SQL Server 2.3.1 Giới thiệu Chương KHẢO SÁT HIỆN TRẠNG VÀ XÁC ĐỊNH YÊU CẦU .8 vii 3.1 Khảo sát trạng 3.1.1 Hệ thống nhaphangtrung.vn 3.2 Xác định yêu cầu 23 3.2.1 Các yêu cầu chức 24 3.2.2 Các yêu phi chức 28 Chương THIẾT KẾ HỆ THỐNG .29 4.1 Lược đồ Usecase đặc tả Usecase 29 4.1.1 Lược đồ Usecase 29 4.1.2 Đặc tả Usecase 30 4.2 Lược đồ lớp 85 4.3 Mô tả liệu .86 Chương THIẾT KẾ GIAO DIỆN VÀ XỬ LÝ .106 5.1 Giao diện trang chủ 106 5.1.1 Giao diện trang chủ .106 5.1.2 Giao diện đăng nhập 107 5.1.3 Giao diện đăng ký .107 5.1.4 Giao diện quên mật 108 5.1.5 Giao diện chuyên mục 109 5.1.6 Giao diện viết 109 5.2 Giao diện khách hàng 110 5.2.1 Giao diện điều khiển 110 5.2.2 Giao diện danh sách đơn hàng 111 5.2.3 Giao diện tạo đơn hàng .112 5.2.4 Giao diện chi tiết đơn hàng 113 5.2.5 Giao diện lịch sử giao dịch 113 5.2.6 Giao diện nạp tiền .114 viii 5.2.7 Giao diện rút tiền 115 5.2.8 Giao diện tracking mã vận đơn 115 5.2.9 Giao diện danh sách mã vận đơn 116 5.2.10 Giao diện tạo khiếu nại .116 5.2.11 Giao diện thông tin người dùng 117 5.3 Giao diện nhân viên 118 5.3.1 Giao diện thống kê doanh thu .118 5.3.2 Giao diện thống kê lợi nhuận 118 5.3.3 Giao diện thống kê nạp rút tiền 119 5.3.4 Giao diện cấu hình hệ thống .120 5.3.5 Giao diện cấu hình phí người dùng 120 5.3.6 Giao diện cấu hình phí mua hàng .121 5.3.7 Giao diện cấu hình phí vận chuyển 121 5.3.8 Giao diện cấu hình phí kiểm hàng 123 5.3.9 Giao diện cấu hình phí kho phương thức vận chuyển 123 5.3.10 Giao diện cấu hình phí ngân hàng 124 5.3.11 Giao diện danh sách tài khoản 124 5.3.12 Giao diện danh sách hoa hồng 125 5.3.13 Giao diện danh sách đơn hàng 125 5.3.14 Giao diện tạo đơn hộ khách 126 5.3.15 Giao diện danh sách khiếu nại 126 5.3.16 Giao diện chi tiết đơn hàng .127 5.3.17 Giao diện kiểm hàng kho Trung Quốc .128 5.3.18 Giao diện kiểm hàng kho Việt Nam 129 5.3.19 Giao diện xuất kho 129 5.3.20 Giao diện chi tiết xuất kho 130 ix