Tìm hiểu về công nghệ React JS Asp net.core API và xây dựng website bán đồng hồ

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 KHĨA LUẬN TỐT NGHIỆP NGÀNH CƠNG NGHỆ THƠNG TIN TÌM HIỂU VỀ CÔNG NGHỆ REACT JS ASP NET.CORE API VÀ XÂY DỰNG WEBSITE BÁN ĐỒNG HỒ GVHD: TS HUỲNH XUÂN PHỤNG SVTH: NGUYỄN ĐỨC HÒA LÊ TRẦN ĐỨC HUY SKL009840 Tp Hồ Chí Minh, tháng 7/2022 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HCM KHOA CƠNG NGHỆ THƠNG TIN  BÁO CÁO KHĨA LUẬN TỐT NGHIỆP ĐỀ TÀI TÌM HIỂU VỀ CƠNG NGHỆ REACT JS ASP NET.CORE API VÀ XÂY DỰNG WEBSITE BÁN ĐỒNG HỒ GVHD: TS Huỳnh Xuân Phụng SVTH: Nguyễn Đức Hòa 18110290 Lê Trần Đức Huy 18110292 Tp Hồ Chí Minh, tháng 07 năm 2022 ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA CƠNG NGHỆ THƠNG TIN _ CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc NHIỆM VỤ THỰC HIỆN KHÓA LUẬN TỐT NGHIỆP Họ tên sinh viên: Nguyễn Đức Hòa MSSV: 18110290 Họ tên sinh viên: Lê Trần Đức Huy MSSV: 18110292 Chuyên ngành: Cơng nghệ phần mềm Tên đề tài: Tìm hiểu cơng nghệ ReactJs, ASP NET core api xây dựng website bán đồng hồ Nội dung thực hiện: Lý thuyết: - Tìm hiểu ngơn ngữ lập trình C# Tìm hiểu ReactJS Tìm hiểu cơng nghệ ASP.NET Core Thực hành: - Xây dựng website với số tính sau: Phía khách hàng:  Đăng nhập, đăng kí, quên mật khẩu, thay đổi mật  Thêm giỏ hàng, tốn  Bình luận, đánh giá sản phẩm  Thay đổi thông tin cá nhân  Xem lịch sửa mua hàng  Chức gợi ý sản phẩm  Chatbot  Tìm kiếm lọc sản phầm Phía quản trị viên, nhân viên:  Quản lí sản phẩm  Quản lí đơn hàng  Quản lí tài khoản khách hàng Phía quản trị viên  Quản lí danh mục sản phẩm (thương hiệu, chất liệu, kích thước, độ chống nước, loại lượng)  Quản lí tài khoản nhân viên  Thống kê doanh thu thống kê theo sản phẩm Thời gian thực hiện: 15 tuần (Bắt đầu từ ngày 10/03/2022 đến ngày 20/06/2022) Chữ ký sinh viên: Chữ ký sinh viên: TP.HCM, ngày tháng năm 2022 TRƯỞNG KHOA CNTT (Ký ghi rõ họ tên) GIẢNG VIÊN HƯỚNG DẪN (Ký ghi rõ họ tên) ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA CÔNG NGHỆ THÔNG TIN _ 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ÁO VIÊN HƯỚNG DẪN Họ tên sinh viên: Nguyễn Đức Hòa MSSV: 18110290 Họ tên sinh viên: Lê Trần Đức Huy MSSV: 18110292 Ngành: Công nghệ thơng tin Tên đề tài: Tìm hiểu cơng nghệ ReactJs, ASP NET core api xây dựng website bán đồng hồ Họ tên giáo viên hướng dẫn: TS Huỳnh Xuân Phụng Nhận xét: Về nội dung đề tài khối công việc 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: Tp Hồ Chí Minh, ngày tháng năm 2022 Giáo viên hướng dẫn ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA CƠNG NGHỆ THÔNG TIN _ 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ÁO VIÊN PHẢN BIỆN Họ tên sinh viên: Nguyễn Đức Hòa MSSV: 18110290 Họ tên sinh viên: Lê Trần Đức Huy MSSV: 18110292 Ngành: Công nghệ thông tin Tên đề tài: Tìm hiểu cơng nghệ ReactJs, ASP NET core api xây dựng website bán đồng hồ Họ tên giáo viên phản biện: TS Lê Vĩnh Thịnh Nhận xét: Về nội dung đề tài khối công việc 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: Tp Hồ Chí Minh, ngày tháng năm 2022 Giáo viên phản biện Trường ĐH Sư Phạm Kỹ Thuật TP.HCM Khoa: Cơng Nghệ Thơng Tin ĐỀ CƯƠNG KHĨA LUẬN TỐT NGHIỆP Họ Tên SV thực 1: Nguyễn Đức Hòa MSSV: 18110290 Họ Tên SV thực 2: Lê Trần Đức Huy MSSV: 18110292 Thời gian làm luận văn: Từ: 10/03/2022 Đến: 20/06/2022 Chuyên ngành: Công nghệ phần mềm Tên đề tài: Tìm hiểu cơng nghệ ReactJs, ASP NET core api xây dựng website bán đồng hồ GV hướng dẫn: TS Huỳnh Xuân Phụng Nhiệm vụ đề tài: Tìm hiểu cơng nghệ ASP.NET CORE Tìm hiểu cơng nghệ ReactJS Xây dựng website bán đồng hồ Đề cương viết luận văn: MỤC LỤC MỤC LỤC LỜI CẢM ƠN PHỤ LỤC BẢNG PHỤ LỤC HÌNH REVISION HISTORY PHẦN MỞ ĐẦU Lý chọn đề tài Thông tin chung 3 Mục đích, nhiệm vụ đề tài 3.1 Mục đích 3.2 Nhiệm vụ 3.3 Phương pháp nghiên cứu 3.4 Kết đạt CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 1.1 Ngôn ngữ C# Ngơn ngữ C# gì? Đặc trưng ngôn ngữ Ưu điểm C# Nhược điểm C# 1.2 ASP.NET Core ASP.NET Core gì? Sơ lược lịch sử ASP.NET Core 10 Ưu điểm ASP.NET Core 10 Phát triển client-side 11 Sự khác biệt quan trọng ASP.NET với ASP.NET Core 11 1.3 Reactjs 12 Reactjs gì? 12 Ưu điểm 12 Nhược điểm 12 1.4 Ant design 13 Ant design gì? 13 Ưu điểm 13 1.5 Generic Repository 13 Generic Repository 14 Unit of work 14 1.6 FPT Recommend Flatform 15 1.7 Rasa Chatbot 15 CHƯƠNG 2: MÔ TẢ YÊU CẦU 17 2.1 Tổng quan quy trình nghiệp vụ 17 2.2 Quy trình quản lí đơn hàng 17 2.2.1 Workflow 17 2.2.2 Các bước thực 17 2.3 Quy trình người dùng mua hàng 18 2.3.1 Workflow 18 2.3.2 Các bước thực 18 2.4 Quy trình giám sát kho 19 2.4.1 Workflow 19 2.4.2 Các bước thực 19 2.5 Quy trình quản lí kho 20 2.5.1 Workflow 20 2.5.2 Các bước thực 20 CHƯƠNG 3: TỔNG QUAN 22 3.1 Khảo sát trạng 22 3.1.1 Watchshop.com 22 3.1.2 Donghohaitrieu.com 23 3.1.3 Fridayshopping.vn 25 3.2 Sơ đồ tổng quan 26 3.3 Ma trận quyền 28 3.4 Giả thiết ràng buộc 29 3.5 Quản lí delivery 30