Con người đang trở nên bận rộn và có rất ít thời gian để đi mua sắm hơn. Đó là lý do tại sao, mua sắm trực tuyến đang dần lên ngôi. Xây dựng hệ thống shop quần áo trực tuyến là cách tiết kiệm, hiệu quả để các cửa hàng giới thiệu sản phẩm và bán hàng. Do đó, với sự ra đời các website bán hàng qua mạng, mọi người có thể mua mọi thứ hàng hóa mọi lúc mọi nơi mà không cần phải tới tận nơi để mua. Trên thế giới có rất nhiều trang website bán hàng trực tuyến nhưng vẫn chưa được phổ biến rộng rãi Biết được những nhu cầu đó chương trình “Xây dựng hệ thống shop quần áo trực tuyến” được xây dựng trên nền tảng ReactJS nhằm để đáp ứng cho mọi người tiêu dùng trên toàn quốc và thông qua hệ thống Website này họ có thể đặt mua các mặt hàng hay sản phẩm cần thiết.
ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM -□{□ - BÁO CÁO THỰC TẬP TỐT NGHIỆP NGÀNH CÔNG NGHỆ THÔNG TIN TÊN ĐỀ TÀI XÂY DỰNG HỆ THỐNG SHOP QUẦN ÁO TRỰC TUYẾN GIÁO VIÊN HƯỚNG DẪN : NGUYỄN TRẦN QUỐC VINH SINH VIÊN THỰC HIỆN : NGUYỄN CÔNG ĐẠT LỚP : 19CNTTD MÃ SỐ SINH VIÊN : 3120519067 Đà Nẵng, tháng năm 2023 NHẬN XÉT CỦA CÁN BỘ HƯỚNG DẪN Đà Nẵng, ngày tháng năm 2023 Cán hướng dẫn NHẬN XÉT CỦA HỘI ĐỒNG PHẢN BIỆN Đà Nẵng, ngày tháng năm 2023 Hội đồng phản biện LỜI CAM ĐOAN Em tên Nguyễn Công Đạt sinh viên lớp 19CNTTD Em xin cam đoan đề tài em thực Các nội dung kết nghiên cứu trình bày Báo cáo thực tập tốt nghiệp trung thực tham khảo trích dẫn, rõ nguồn tham khảo theo quy định Sinh viên thực NGUYỄN CÔNG ĐẠT LỜI CẢM ƠN Trước hết, em xin bày tỏ lòng biết ơn sâu sắc tới thầy Nguyễn Trần Quốc Vinh, người trực tiếp hướng dẫn tận tình giúp đỡ em hồn thành đề tài thực tập tốt nghiệp Em xin chân thành cảm ơn giúp đỡ toàn thể giáo viên khoa Tin học dìu dắt, dạy dỗ em kiến thức chuyên môn tinh thần học tập độc lập, sáng tạo để em có kiến thức thực đề tài thực tập tốt nghiệp Cuối cùng, em xin bày tỏ lòng biết ơn sâu đậm tới gia đình, bạn bè người ln sát cánh bên em, tạo điều kiện tốt để em thực đề tài tốt nghiệp Trong trình thực đề tài thực tập tốt nghiệp, cố gắng song thời gian khả có hạn nên em khơng thể tránh khỏi thiếu sót Vì vậy, em mong nhận thông cảm, bảo giúp đỡ thầy giáo, cô giáo bạn Một lần em xin chân thành cảm ơn! Sinh viên thực NGUYỄN CÔNG ĐẠT MỤC LỤC MỞ ĐẦU 1.Lý chọn đề tài 2.Mục tiêu đề tài .1 2.1.Mục đích 2.2.Ý nghĩa 3.Đối tượng phạm vi nguyên cứu 3.1.Đối tượng nguyên cứu 3.2.Phạm vi nguyên cứu 4.Phương pháp nguyên cứu 5.Kết dự kiến .2 5.1 Lý thuyết 5.2 Thực tiễn CHƯƠNG 1: CƠ SỞ LÝ THUYẾT .4 1.1Tổng quan HTML, CSS, JavaScript 1.1.1Tổng quan HTML .4 1.1.2Tổng quan CSS 1.1.3Tổng quan JavaScript 1.2Tổng quan ReactJS 1.2.1Giới thiệu 1.2.2React gì? .6 1.3Tổng quan ASP.NET 1.4Tổng quan SQL Server Management CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ WEBSITE 2.1 Phân tích yêu cầu hệ thống 2.1.1 Khảo sát yêu cầu 2.1.2 Mô tả hệ thống 2.1.3 Các yêu cầu hệ thống .10 2.2 Xác định tác nhân (actors) 11 2.3 Biểu đồ usecase tổng quát 12 2.4.Đăng kí 13 2.4.1.Usercase Đăng kí 13 2.4.2.Bảng đặc tả đăng kí 13 2.4.3.Biểu đồ hoạt động đăng kí 15 2.4.4.Biểu đồ đăng kí 16 2.5.Đăng nhập 16 2.5.1.Usercase Đăng nhập .16 2.5.2.Bảng đặc tả đăng nhập: .16 2.5.3.Biểu đồ hoạt động đăng nhập 18 2.5.4.Biểu đồ đăng nhập 19 2.6.Tìm kiếm sản phẩm .19 2.6.1.Usercase Tìm kiếm sản phẩm 19 2.6.2.Bảng đặc tả tìm kiếm: 20 2.6.3.Biểu đồ hoạt động tìm kiếm sản phẩm .21 2.6.4.Biểu đồ tìm kiếm sản phẩm 21 2.7.Thêm sản phẩm vào giỏ hàng .22 2.7.1.Usercase Thêm sản phẩm vào giỏ hàng 22 2.7.2.Bảng đặc tả thêm vào giỏ hàng: 22 2.7.3.Biểu đồ hoạt động thêm sản phẩm vào giỏ hàng .23 2.7.4.Biểu đồ thêm sản phẩm vào giỏ hàng 24 2.8.Đặt hàng .24 2.8.1.Usercase Đặt hàng 24 2.8.2.Bảng đặc tả đặt hàng 25 2.8.3.Biểu đồ hoạt động đặt hàng 26 2.8.4.Biểu đồ đặt hàng 26 2.9.Chỉnh sửa thông tin khách hàng 27 2.9.1.Usercase Chỉnh sửa thông tin khách hàng 27 2.9.2.Đặc tả chỉnh sửa thông tin khách hàng 27 2.9.3.Biểu đồ hoạt động chỉnh sửa thông tin .28 2.9.4.Biểu đồ chỉnh sửa thông tin 29 2.10.Quản lý danh mục .29 2.10.1 Usercase quản lý danh mục 29 2.10.2 Thêm danh mục 29 2.10.3 Sửa danh mục 32 2.10.4 Xóa danh mục 34 2.11.Quản lý sản phẩm 36 2.11.1 Usercase quản lý sản phẩm .36 2.11.2 Thêm sản phẩm 36 2.11.3 Sửa sản phẩm .38 2.11.4 Xóa sản phẩm .41 2.12.Quản lý đơn hàng 43 2.12.1 Usercase quản lý đơn hàng .43 2.12.2 Đặc tả quản lý đơn hàng 44 2.12.3 Biểu đồ hoạt động quản lý đơn hàng .45 2.12.4 Biểu đồ quản lý đơn hàng 46 2.13 Sơ đồ lớp 47 2.14 Thiết kế sở liệu .48 2.15 Bảng thiết kế database .53 CHƯƠNG 3: XÂY DỰNG WEBSITE 54 3.1 Ngơn ngữ lập trình .54 3.2 Thiết kế giao diện 54 3.2.1 Khách hàng 54 3.2.2 Admin 60 KẾT LUẬN 65 TÀI LIỆU THAM KHẢO .66 DANH MỤC HÌNH ẢNH Hình 1: Usecase tổng quát 12 Hình 2: Usecase đăng kí 13 Hình 3: Biểu đồ hoạt động Đăng kí 15 Hình 4: Biểu đồ Đăng kí .16 Hình 5: Usecase Đăng nhập 16 Hình 6: Biểu đồ hoạt động Đăng nhập 18 Hình 7: Biểu đồ Đăng nhập 19 Hình 8: Usecase Tìm kiếm sản phẩm 19 Hình 9: Biểu đồ hoạt động Tìm kiếm sản phẩm 21 Hình 10: Biểu đồ Tìm kiếm sản phẩm 21 Hình 11: Usecase Thêm sản phẩm vào giỏ hàng 22 Hình 12: Biểu đồ hoạt động Thêm sản phẩm vào giỏ hàng 23 Hình 13: Biểu đồ Thêm sản phẩm vào giỏ hàng 24 Hình 14: Usecase Đặt hàng 24 Hình 15: Biểu đồ hoạt động Đặt hàng 26 Hình 16: Biểu đồ Đặt hàng 26 Hình 17: Usecase Chỉnh sửa thơng tin khách hàng 27 Hình 18: Biểu đồ hoạt động Chỉnh sửa thông tin 28 Hình 19: Biểu đồ Chỉnh sửa thông tin 29 Hình 20: Usecase Quản lý danh mục 29 Hình 21: Biểu đồ hoạt động Thêm danh mục 31 Hình 22: Biểu đồ Thêm danh mục .31 Hình 23: Biểu đồ hoạt động Sửa danh mục .33 Hình 24: Biểu đồ Sửa danh mục 33