Bài tập lớn tên học phần lập trình net nâng cao đề tài web bán quần áo

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC ĐẠI NAM BÀI TẬP LỚN TÊN HỌC PHẦN: LẬP TRÌNH NET NÂNG CAO ĐỀ TÀI: WEB BÁN QUẦN ÁO Giáo viên hướng dẫn: Nguyễn Đức Thiện Sinh viên thực hiện: Stt Mã sv 1451020023 Họ tên Nguyễn Đình Chiến Hà Nội, năm 2023 Lớp CNTT 14-02 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC ĐẠI NAM BÀI TẬP LỚN TÊN HỌC PHẦN: LẬP TRÌNH NET NÂNG CAO ĐỀ TÀI: WEB BÁN QUẦN ÁO Điểm ST T Mã Sinh Viên 1451020023 Họ Tên Nguyễn Đình Chiến Ngày Sinh Bằng Số Bằng Chữ 20/01/1997 CÁN BỘ CHẤM THI Hà Nội, năm 2023 LỜI NÓI ĐẦU Ngày nay, với phát triển mạnh mẽ công nghệ thông tin ứng dụng đời sống Máy tính khơng cịn thứ phương tiện lạ lẫm người mà dần trở thành cơng cụ làm việc giải trí thơng dụng hữu ích chúng ta, khơng cơng sở mà cịn gia đình Với thao tác đơn giản máy tính, điện thoại có nối mạng Internet, Wifi bạn có tận tay mua cần mà khơng phải nhiều thời gian Bạn cần vào trang dịch vụ thương mại điện tử, làm theo hướng dẫn click vào bạn cần Các nhà dịch vụ mang đến tận nhà cho bạn Để tiếp cận góp phần đẩy mạnh phổ biến thương mại điện tử Việt Nam, chúng em tìm hiểu xây dựng “Xây dựng website bán quần áo” với mặt hàng quần áo Cùng với bảo tận tình thầy ThS Nguyễn Đức Thiện chúng em hồn thành website Trong q trình phân tích thiết kế khơng thể tránh khỏi sai sót mong thầy, bạn đóng góp ý kiến để website hoàn thiện MỤC LỤ CHƯƠNG TỔNG QUAN BÀI TOÁN 1.1 Lý chọn đề tài 1.2 Đối tượng sử dụng 1.3 Công cụ hỗ trợ .8 1.4 Ý nghĩa CHƯƠNG THIẾT KẾ CƠ SỞ DỮ LIỆU 10 2.1 Mô tả toán 10 2.2 Mô tả chức 10 2.3 Yêu cầu phi chức .11 2.4 Xây dựng sở liệu .12 2.4.1 Bảng Product .13 2.4.2 Bảng Category .14 2.4.3 Bảng Contact .14 2.4.4 Bảng Order 15 2.4.5 Bảng Page 16 2.4.7 Bảng Role .16 2.4.6 Bảng User .17 2.5 Xây dựng biểu đồ Use case đặc tả biểu đồ Use case 17 2.5.1 Use Case Đăng ký 17 a) Biểu đồ use case 17 b) Đặc tả chi tiết luồng kiện đăng ký 18 2.5.2 Use Case Tìm kiếm 19 a) Biểu đồ use case 19 Lớp CNTT 14-02 Page b) Đặc tả chi tiết luồng kiện Tìm kiếm 19 2.5.3 Use Case Đăng nhập 20 a) Biểu đồ use case 20 b) Đặc tả chi tiết luồng kiện Đăng nhập 20 2.5.4 Use Case Quản lý giỏ hàng 21 a) Biểu đồ Use case .21 b) Đặc tả chi tiết luồng kiện quản lý giỏ hàng 21 2.5.5 Use Case Quản lý tài khoản khách hàng 22 a) Biểu đồ use case 22 b) Đặc tả chi tiết luồng kiện quản lý tài khoản khách hàng 23 2.5.6 Use Case “Quản lý nhân viên” 23 a) Biểu đồ Use Case 23 b) Đặc tả chi tiết luồng kiện quản lý nhân viên .24 2.5.7 Use Case Quản lý sản phẩm .25 a) Biểu đồ Use Case 25 b) Đặc tả chi tiết luồng kiện quản lý sản phẩm .25 2.5.8 Use Case Quản lý khuyến 26 a) Biểu đồ Use Case 26 b) Đặc tả chi tiết luồng kiện quản lý tài khoản khách hàng 27 2.6 Thiết kế giao diện .28 2.6.1 Giao diện trang chủ .28 2.6.2 Giao diện sản phẩm .28 2.7 Giao diện trang Admin Dashboard 29 KẾT LUẬN 30 Lớp CNTT 14-02 Page TÀI LIỆU THAM KHẢO 31 MỤC LỤC HÌNH ẢN Lớp CNTT 14-02 Page Hình 1 Biểu đồ lớp Cơ Sở Dữ Liệu 15 Hình 1.2 Biểu đồ use case đăng ký .20 Hình 1.3 Biểu đồ Use case tìm kiếm 22 Hình 1.4 Biểu đồ use case đăng nhập 23 Hình 1.5 Biểu đồ Use Case quản lý giỏ hàng .24 Hình 1.6 Biểu đồ Use Case quản lý tài khoản khách hàng 26 Hình 1.7 Biểu đồ Use Case quản lý nhân viên 27 Hình 1.8 Biểu đồ Use Case quản lý sản phẩm 28 Hình 1.10 Biểu đồ Use Case quản lý khuyến cho nhân viên khách hàng .30 Hình 1.11 Giao diện trang chủ 31 Hình 1.12 Giao diện sản phẩm 31 Hình 1.12 Giao diện admin 32 Lớp CNTT 14-02 Page MỤC LỤC BẢNG Bảng 1.1 Bảng Product Bảng 1.2 Bảng Category Bảng 1.3 Bảng Contact Bảng 1.4 Bảng Order Bảng 1.5 Bảng Page Bảng 1.6 Bảng Role Bảng 1.7 Bảng User Lớp CNTT 14-02 Page CHƯƠNG TỔNG QUAN BÀI TOÁN 1.1 Lý chọn đề tài Ngành công nghiệp thời trang bán lẻ quần áo trực tuyến đà phát triển mạnh mẽ Người tiêu dùng ngày ưa thích việc mua sắm tính tiện lợi đa dạng sản phẩm Việc tạo website bán quần áo mở hội kinh doanh thị trường đầy tiềm Một website bán quần áo mở rộng phát triển theo nhiều hướng khác mở rộng dòng sản phẩm, mở rộng thị trường đến quốc gia khác chí tạo cộng đồng trực tuyến cho người yêu thích thời trang Thiết kế trang web bán quần áo yêu cầu sáng tạo nghệ thuật tự phát triển giao diện, bố cục, màu sắc yếu tố thiết kế khác để tạo trải nghiệm mua sắm trực tuyến độc đáo thu hút Xây dựng website bán quần áo địi hỏi kiến thức cơng nghệ phát triển web Đề tài cung cấp hội để nâng cao kỹ lập trình, quản lý sở liệu, tối ưu hóa tốc độ tải trang nhiều kỹ khác liên quan đến phát triển web Một trang web bán quần áo cung cấp khả tương tác với khách hàng thu thập phản hồi từ họ 1.2 Đối tượng sử dụng Đối tượng sử dụng: Quản lý Khách hàng Khách hàng: Đây đối tượng sử dụng trang web bán quần áo Khách hàng người muốn mua sắm sản phẩm trực tuyến Họ duyệt qua danh sách sản phẩm, xem thông tin chi tiết, thêm vào giỏ hàng tiến hành tốn Khách hàng tạo tài khoản cá nhân để quản lý thông tin cá nhân, xem lịch sử mua hàng theo dõi trạng thái đơn hàng Quản lý: Đối tượng người quản lý điều hành trang web bán quần áo Quản lý chủ cửa hàng, nhân viên quản lý Nhiệm vụ họ bao gồm quản lý thông tin sản phẩm, quản lý đơn hàng, cập nhật nội dung trang web, quản lý tài khoản khách hàng, Lớp CNTT 14-02 Page 10 kiểm soát hoạt động kinh doanh trang web Quản lý có quyền thêm, sửa, xóa sản phẩm, quản lý danh mục sản phẩm quản lý thông tin khách hàng 1.3 Công cụ hỗ trợ Visual Studio 2022 phiên đáng ý công cụ hỗ trợ phát triển phần mềm Visual Studio Được phát hành Microsoft, Visual Studio 2022 mang đến tiến linh hoạt đáng kể việc phát triển ứng dụng web Đặc biệt, với việc tích hợp hỗ trợ ASP.NET MVC ngơn ngữ lập trình C#, Visual Studio 2022 trở thành công cụ ưu việt cho việc xây dựng ứng dụng web chất lượng ASP.NET MVC framework phát triển ứng dụng web mạnh mẽ linh hoạt Nó cho phép nhà phát triển tách biệt mơ hình liệu, giao diện xử lý logic ứng dụng web Visual Studio 2022 hỗ trợ đáng kể việc phát triển ứng dụng ASP.NET MVC, cung cấp cơng cụ, mẫu tích hợp sâu để tạo ứng dụng web hiệu dễ bảo trì MySQL, hệ quản trị sở liệu phổ biến mã nguồn mở, công cụ mạnh mẽ để lưu trữ quản lý liệu ứng dụng web Visual Studio 2022 cung cấp khả tích hợp với MySQL thơng qua plugin thư viện bổ sung Điều giúp nhà phát triển dễ dàng làm việc với sở liệu MySQL, thực truy vấn, tạo bảng quản lý liệu cách thuận tiện Trình duyệt web công cụ thiếu trình phát triển kiểm thử ứng dụng web Visual Studio 2022 hỗ trợ loạt trình duyệt phổ biến, cho phép nhà phát triển xem trực tiếp kết mã nguồn kiểm tra tính giao diện trình phát triển Điều giúp đảm bảo ứng dụng web hoạt động tảng trình duyệt khác nhau, mang lại trải nghiệm tốt cho người dùng 1.4 Ý nghĩa Việc xây dựng trang web bán quần áo cách tạo tảng mở rộng quy mô hoạt động kinh doanh Với trang web cạnh tranh với đối thủ ngành thu hút khách hàng Sự diện cho phép bạn tiếp cận lượng khách hàng rộng lớn mở rộng thị trường tiềm Lớp CNTT 14-02 Page 10 18 2.4.6 Bảng User Tên thuộc tính Kiểu liệu Ràng buộc UserId Name Int Nvarchar(150) PRIMARY KEY NOT NULL Email Nvarchar(150) NOT NULL Phone Int NOT NULL Username Nvarchar(150) NOT NULL Password Nvarchar(150) NOT NULL RoleId Nvarchar(50) FOREIGN KEY Int NOT NULL Status Bảng 1.7 Bảng User 2.5 Xây dựng biểu đồ Use case đặc tả biểu đồ Use case 2.5.1 Use Case Đăng ký a) Biểu đồ use case Hình 1.2 Biểu đồ use case đăng ký Lớp CNTT 14-02 Page 18 19 b) Đặc tả chi tiết luồng kiện đăng ký Use case Đăng ký Tác nhân Khách hàng Mô tả Tạo tài khoản thành viên Luồng Sự Kiện Tác Nhân Nhập tên đăng nhập, mật khẩu, Email muốn đăng ký Hệ Thống Kiểm tra tên đăng nhập hệ thống Nếu tồn tại, thông báo tên đăng nhập tồn tại, quay lại bước Kiểm tra Email Nếu không tồn tại, thông báo Email không hợp lệ, quay lại bước Thông báo đăng ký thành công Lớp CNTT 14-02 Page 19 20 2.5.2 Use Case Tìm kiếm a) Biểu đồ use case Hình 1.3 Biểu đồ Use case tìm kiếm b) Đặc tả chi tiết luồng kiện Tìm kiếm Use case Tìm kiếm Tác nhân Admin, khách hàng, nhân viên, khách hàng Mơ tả Tìm kiếm sản phẩm hệ thống Điều kiện trước Luồng kiên Tác nhân Hệ thống Nhập từ khóa cần Kiểm tra từ khóa hệ thống, đưa sản tìm Lớp CNTT 14-02 Page 20 21 phẩm có liên quan đến từ khóa Nếu khơng có sản phẩm chứa từ khóa, thơng báo “Khơng tìm thấy sản phẩm”, quay lại bước Xuất thông tin sản phẩm lên hình Điều kiện sau 2.5.3 Use Case Đăng nhập a) Biểu đồ use case Hình 1.4 Biểu đồ use case đăng nhập b) Đặc tả chi tiết luồng kiện Đăng nhập Use case Đăng nhập Tác nhân Admin, khách hàng, nhân viên, giảng viên, học Mô tả Đăng nhập vào hệ thống Điều kiện trước Người dùng đăng ký thành viên hệ viên thống Luồng kiên Tác nhân Hệ thống Nhập tên đăng Kiểm tra tên đăng nhập, mật tồn Lớp CNTT 14-02 Page 21 22 nhập, mật sở liệu Nếu không tồn tại, thông báo đăng nhập lỗi, quay bước Thông báo đăng nhập thàng công Điều kiện sau Thông báo đăng nhập thành công/thất bại 2.5.4 Use Case Quản lý giỏ hàng a) Biểu đồ Use case Hình 1.5 Biểu đồ Use Case quản lý giỏ hàng b) Đặc tả chi tiết luồng kiện quản lý giỏ hàng Use case Quản lý giỏ hàng Tác nhân Khách hàng Mơ tả Thêm sản phẩm vào giỏ, xóa, sửa Điều kiện trước Lớp CNTT 14-02 Page 22 23 Luồng kiên Tác nhân Hệ thống Đăng nhập vào hệ Hiển thị form giỏ hàng thống Kích chọn “thêm vào giỏ hàng” sản phẩm , “giỏ hàng” header Điều kiện sau 2.5.5 Use Case Quản lý tài khoản khách hàng a) Biểu đồ use case Hình 1.6 Biểu đồ Use Case quản lý tài khoản khách hàng b) Đặc tả chi tiết luồng kiện quản lý tài khoản khách hàng Use case Quản lý tài khoản khách hàng Tác nhân Nhân viên, Admin Lớp CNTT 14-02 Page 23 24 Mô tả Quản lý tài khoản khách hàng Điều kiện trước Luồng kiên Tác nhân Hệ thống Đăng nhập hệ thống Hiển thị danh sách Xem danh sách tài khoản Hiển thị form thêm , sửa, xóa khách hàng Chọn tùy chọn thêm sửa xóa Điều kiện sau 2.5.6 Use Case “Quản lý nhân viên” a) Biểu đồ Use Case Hình 1.7 Biểu đồ Use Case quản lý nhân viên b) Đặc tả chi tiết luồng kiện quản lý nhân viên Use case Quản lý nhân viên Tác nhân Admin Lớp CNTT 14-02 Page 24 25 Mô tả Quản lý tài khoản nhân viên Điều kiện trước Luồng kiên Tác nhân Đăng Hệ thống nhập hệ Hiển thị danh sách thống Xem danh sách tài khoản nhân viên 5.Chọn tùy chọn thêm sửa xóa cần Điều kiện sau 2.5.7 Use Case Quản lý sản phẩm a) Biểu đồ Use Case Hiển thị form thêm , sửa, xóa 26 Hình 1.8 Biểu đồ Use Case quản lý sản phẩm b) Đặc tả chi tiết luồng kiện quản lý sản phẩm Use case Quản lý sản phẩm Tác nhân Admin, Nhân viên Mô tả Quản lý sản phẩm hệ thống Điều kiện trước Luồng kiên Tác nhân Hệ thống Đăng nhập hệ thống Hiển thị danh sách sản phẩm Xem danh sách sản Hiển thị form thêm , sửa, xóa phẩm hệ thống Chọn tùy chọn thêm sửa xóa Điều kiện sau 2.5.8 Use Case Quản lý khuyến a) Biểu đồ Use Case Lớp CNTT 14-02 Page 26 27 Hình 1.9 Biểu đồ Use Case quản lý khuến cho quản lý Hình 1.10 Biểu đồ Use Case quản lý khuyến cho nhân viên khách hàng b) Đặc tả chi tiết luồng kiện quản lý tài khoản khách hàng Use case Quản lý khuyến Tác nhân Nhân viên, Admin, khách hàng Mô tả Quản lý khuyến Điều kiện trước Lớp CNTT 14-02 Page 27 28 Luồng kiên Tác nhân Hệ thống Đăng nhập hệ thống Xem danh sách khuyến Hiển thị danh sách Hiển thị form thêm , sửa, xóa, (sử dụng) Chọn tùy chọn thêm, sửa, xóa, (sử dụng) Điều kiện sau 2.6 Thiết kế giao diện 2.6.1 Giao diện trang chủ Hình 1.11 Giao diện trang chủ 2.6.2 Giao diện sản phẩm Lớp CNTT 14-02 Page 28 29 Hình 1.12 Giao diện sản phẩm 2.7 Giao diện trang Admin Dashboard Hình 1.12 Giao diện admin Lớp CNTT 14-02 Page 29 30 Lớp CNTT 14-02 Page 30 31 KẾT LUẬN Xây dựng website bán hàng giúp cho việc mua bán việc chọn lựa diễn cách thuận tiện nhanh chóng Việc sử dụng cơng cụ máy tính hệ thống mạng máy tính giúp người làm việc nhanh chóng đồng thời lưu trữ liệu lâu dài Việc xây dựng website thiếu công ty lĩnh vực khác Ngày việc mua sắm vô phát triển nhu cầu khách hàng sử dụng cao Để sử dụng quản lý thống kê cách hiệu người bán phải có website riêng cửa hàng Việc xây dựng website để giới thiệu bán mặt hàng sản phẩm kpop vừa giúp việc mua hàng trở nên dễ dàng đơn giản người bán quản lý cửa hàng cách đơn giản mà bao quát hết cửa hàng Có website để bán hàng dễ dàng mặt thời gian cho việc mua bán giao dịch 24/24 Với khả phát triển cao internet người tiêu dùng liên hệ trực tiếp với cửa hàng để chăm sóc khách hàng cách nhanh vào thời điểm Lớp CNTT 14-02 Page 31 32 TÀI LIỆU THAM KHẢO Tài việc giảng việc Ths Nguyễn Đức Thiện Website Microsoft: https://docs.microsoft.com/vi-vn/aspnet/core Website Datatable: https://datatables.net/ Website SimpleMDE Markdown Editor: https://simplemde.com/ www.w3school.com www.w3c.com.vn https://www.free-css.com/free-css-templates https://colorlib.com/wp/free-admin-templates/ Lớp CNTT 14-02 Page 32