Đồ án tốt nghiệp: Xây dựng website bán giày bằng .NET Core và ReactJS

Đồ án tốt nghiệp: Xây dựng website bán giày chuyên nghiệp với .Net Core và ReactJS. Tìm hiểu quy trình, kiến trúc và các kỹ thuật lập trình hiện đại.

Chuyên ngành

Công Nghệ Thông Tin

Người đăng

Ẩn danh

Thể loại

Đồ án tốt nghiệp
133
1
0

Phí lưu trữ

35 Point

Mục lục chi tiết

LỜI NÓI ĐẦU

1. DANH MỤC LỜI NÓI ĐẦU

2. DANH MỤC HÌNH ẢNH

3. DANH MỤC BẢNG

TÀI LIỆU THAM KHẢO

4. PHẦN MỞ ĐẦU

4.1. Tính cấp thiết của đề tài

4.2. Mục đích của đề tài

4.3. Cách tiếp cận và nghiên cứu

4.4. Kết quả đạt được

4.4.1. Xử lý back-end

5. PHẦN NỘI DUNG

6. CHƯƠNG I: CƠ SỞ LÝ THUYẾT

6.1. Tổng quan về thương mại điện tử

6.1.1. Khái niệm thương mại điện tử

6.1.2. Lợi ích cửa thương mại điện tử

6.1.3. Các yêu cầu trong thương mại điện tử

6.2. Giới thiệu về ASP .NET Core là gì ?

6.3. Cách thức hoạt động của ASP .Net Core làm được những gì ?

6.4. Giới thiệu về ReactJS[3]

6.4.1. Các tính năng của ReactJS

6.4.2. Tại sao lại chon ReactJS

7. CHƯƠNG II: KHẢO SÁT HIỆN TRẠNG VÀ XÁC ĐỊNH YÊU CẦU

7.1. Khảo sát hiện trạng

7.2. Xác định yêu cầu

7.2.1. Đặc tả Usecase (Khách hàng)

7.2.2. Đặc tả Usecase(Khách hàng đã đăng nhập)

7.2.3. Đặc tả Usecase(Admin)

8. CHƯƠNG III: THIẾT KẾ ỨNG DỤNG

8.1. Thiết kế dữ liệu

8.2. Mô tả sơ đồ thiết kế dữ liệu

8.3. Color & Size of Product

8.4. Sequence tìm kiếm sản phẩm

8.5. Sequence filter sản phẩm

8.6. Sequence xem chi tiết sản phẩm

8.7. Sequence bình luận và đánh giá

8.8. Sequence quản lý giỏ hàng

8.9. Sequence đăng ký tài khoản

8.10. Sequence đăng nhập

8.11. Sequence Quản lý thông tin tài khoản

8.12. Sequence thanh toán đơn hàng

8.13. Sequence quản lý lịch sử đơn hàng

8.14. Sequence quản lý sản phẩm

8.15. Sequence quản lý danh mục

8.16. Sequence quản lý tài khoản

8.17. Sequence quản lý đơn hàng

8.18. Sequence đăng xuất

8.19. Sequence xem chi tiết bài viết

8.20. Sequence quản lý bài viết

9. CHƯƠNG IV: THIẾT KẾ GIAO DIỆN

9.1. Screen flow cho web phía khách hàng

9.2. SCP001 Home screen

9.3. SCP002 Post detail screen

9.4. SCP003 Product screen

9.5. SCP004 Product detail screen

9.6. SCP005 CartProduct screen

9.7. SCP006 Login Modal/Register modal

9.8. SCP007 User Info screen

9.9. SCP008 User order screen

9.10. SCP009 User order info screen

9.11. SCP010 User address manage screen

9.12. SCP011 User address add screen

9.13. SCP012 Change password screen

9.14. Srceen flow cho web phía admin

9.15. SAP001 Login admin screen

9.16. SAP002 Dashboard screen

9.17. SAP003 Post Management screen

9.18. SAP004 Post Add/Post Edit/Post Detail screen

9.19. SAP005 Product Management screen

9.20. SAP006 Product Add/Edit

9.21. SAP007 Color Management screen

9.22. SAP008 Brand Management screen

9.23. SAP009 Category Management screen

9.24. SAP010 Size Management screen

9.25. SAP011 Order Management screen

9.26. SAP012 Account Management

9.27. SAP013 Rating Management screen

9.28. SAP014 Revenue Management screen

10. CHƯƠNG V: CÀI ĐẶT VÀ KIỂM THỬ

10.1. Cài đặt ứng dụng

10.2. Kiểm thử phần mềm

10.2.1. Chức năng đăng ký

10.2.2. Chức năng đăng nhập

10.2.3. Chức năng đổi mật khẩu

10.2.4. Chức năng tìm kiếm sản phẩm

10.2.5. Chức năng đặt hàng

11. CHƯƠNG VI: KẾT LUẬN

11.1. Kết quả đạt được

11.2. Ưu và nhược điểm

11.2.1. Nhược điểm

11.3. Kinh nghiệm đạt được

11.4. Hướng phát triển trong tương lai

DANH MỤC HÌNH ẢNH

DANH MỤC BẢNG

Tóm tắt

I. Tại sao cần Website Bán Giày

Sự phát triển vượt trội của công nghệ thông tin đã tác động mạnh mẽ đến mọi lĩnh vực, đặc biệt là thương mại điện tử. Nhu cầu phát triển website bán giày trực tuyến trở nên cấp thiết, phản ánh sự thay đổi trong thói quen mua sắm của người tiêu dùng. Một hệ thống bán giày trực tuyến hiện đại không chỉ là kênh bán hàng mà còn là công cụ quản lý hiệu quả cho các doanh nghiệp, cửa hàng vừa và nhỏ. Việc áp dụng công nghệ vào quản lý mua bán hàng qua mạng thay thế phương pháp thủ công giúp tiết kiệm chi phí, mở rộng thị trường và tăng cường khả năng tiếp cận khách hàng. Việt Nam, từ năm 2008, đã chứng kiến sự bùng nổ của thương mại điện tử sau khi gia nhập WTO, khẳng định vị thế của lĩnh vực này trong nền kinh tế đang phát triển.

Với xu hướng toàn cầu hóa và nhu cầu tiêu thụ sản phẩm ngày càng tăng, các doanh nghiệp phải thích nghi nhanh chóng. Một ứng dụng web bán giày được xây dựng trên nền tảng công nghệ mạnh mẽ như .NET CoreReactJS mang lại lợi thế cạnh tranh đáng kể. Công nghệ web .NET React cho phép tạo ra các website có hiệu suất cao, giao diện người dùng thân thiện và khả năng mở rộng linh hoạt. Đặc biệt, ReactJS nổi bật với khả năng xây dựng giao diện người dùng tương tác, trong khi ASP.NET Core cung cấp một backend mạnh mẽ, an toàn và có thể hoạt động đa nền tảng.

Mục đích chính của website bán giày không chỉ dừng lại ở việc giới thiệu sản phẩm. Nó còn phải giúp khách hàng tìm kiếm, lựa chọn và đặt mua sản phẩm dễ dàng, đồng thời cung cấp thông tin chính xác về mặt hàng và giá cả. Đối với nhà quản lý, một hệ thống bán giày trực tuyến cần hỗ trợ quản lý sản phẩm, đơn hàng, tài khoản và doanh thu một cách hiệu quả. Giao diện đẹp mắt, dễ truy cập và khả năng bảo mật website E-commerce tuyệt đối là những yếu tố then chốt để thu hút và giữ chân khách hàng. Sự kết hợp giữa .NET Core cho phần xử lý nghiệp vụ và cơ sở dữ liệu, cùng với ReactJS cho trải nghiệm người dùng, tạo nên một giải pháp toàn diện cho dự án CNTT website này. Theo Báo cáo đồ án tốt nghiệp, "việc trao đổi mua bán cũng như quản lý hàng hóa cần phải có sự thay đổi từ thủ công sang máy móc", điều này khẳng định tính cấp thiết của đề tài.

1.1. Nhu cầu cấp thiết phát triển website bán giày online hiện đại

Trong bối cảnh kỷ nguyên số, phát triển website bán giày không còn là lựa chọn mà là yêu cầu bắt buộc đối với các doanh nghiệp muốn tồn tại và phát triển. Người tiêu dùng ngày nay ưu tiên sự tiện lợi, tốc độ và khả năng tiếp cận thông tin mọi lúc mọi nơi. Một website bán giày hiện đại phải đáp ứng các tiêu chí về giao diện người dùng (UI), trải nghiệm người dùng (UX) và hiệu suất hoạt động. Khách hàng cần một nền tảng cho phép họ dễ dàng tìm kiếm, so sánh sản phẩm, xem chi tiết và đặt hàng chỉ với vài cú nhấp chuột. Đặc biệt, khả năng giỏ hàng thanh toán online an toàn và thuận tiện là yếu tố then chốt quyết định hành vi mua sắm. Việc thiếu thông tin hoặc quy trình mua sắm phức tạp có thể khiến khách hàng từ bỏ giỏ hàng, gây lãng phí cho cả người mua và người bán. Do đó, việc đầu tư vào xây dựng trang web bán giày chất lượng cao, thân thiện với người dùng là chiến lược thông minh để đáp ứng nhu cầu thị trường ngày càng cao, đồng thời tối ưu hóa hoạt động kinh doanh.

1.2. Lợi ích vượt trội của E commerce .NET Core React trong ngành bán lẻ

Việc lựa chọn công nghệ phù hợp là yếu tố quyết định sự thành công của một dự án CNTT website. E-commerce .NET Core React mang lại nhiều lợi ích vượt trội cho ngành bán lẻ giày dép. ASP.NET Core website cung cấp một backend mạnh mẽ, bảo mật và khả năng mở rộng tốt, phù hợp cho việc xử lý các giao dịch phức tạp, quản lý kho hàng và dữ liệu khách hàng. Khả năng chạy đa nền tảng của .NET Core giúp doanh nghiệp linh hoạt trong việc triển khai và giảm chi phí vận hành. Mặt khác, ReactJS với kiến trúc component-based và Virtual DOM, giúp ứng dụng web bán giày có giao diện tương tác nhanh, mượt mà và dễ dàng bảo trì. Sự kết hợp này tạo ra một hệ thống bán giày trực tuyến không chỉ hoạt động ổn định mà còn mang lại trải nghiệm mua sắm tuyệt vời cho khách hàng, từ đó nâng cao doanh số và uy tín thương hiệu. "Thương mại điện tử giúp giảm chi phí bán hàng và tiếp thị mà chỉ thông qua môi trường Web một nhân viên vẫn có thể giao dịch với nhiều đối tác, khách hàng" (Chương I, Báo cáo đồ án tốt nghiệp), khẳng định hiệu quả của giải pháp này.

II. Thách thức lớn khi xây dựng trang web bán giày chuyên nghiệp

Xây dựng trang web bán giày chuyên nghiệp luôn đi kèm với những thách thức đáng kể, đòi hỏi sự am hiểu sâu rộng về cả công nghệ và nghiệp vụ kinh doanh. Một trong những khó khăn chính là việc đáp ứng nhu cầu ngày càng cao của người dùng về trải nghiệm mua sắm trực tuyến. Khách hàng mong đợi một giao diện trực quan, tốc độ tải trang nhanh, và các tính năng thông minh như gợi ý sản phẩm hay lọc theo nhiều tiêu chí. Đặc biệt, việc quản lý một lượng lớn dữ liệu sản phẩm giày dép với nhiều biến thể về màu sắc, kích cỡ, thương hiệu đặt ra yêu cầu cao về kiến trúc database SQL Server website và cách tổ chức dữ liệu. Nếu không được thiết kế cẩn thận, hệ thống có thể gặp vấn đề về hiệu suất và khả năng mở rộng.

Thách thức tiếp theo nằm ở việc tích hợp các tính năng thương mại điện tử cốt lõi. Một ứng dụng web bán giày cần có hệ thống giỏ hàng hoạt động ổn định, quy trình giỏ hàng thanh toán online an toàn và đa dạng các phương thức thanh toán. Việc đảm bảo bảo mật website E-commerce cho thông tin cá nhân và giao dịch tài chính của khách hàng là ưu tiên hàng đầu, tránh các rủi ro về tấn công mạng và rò rỉ dữ liệu. Ngoài ra, việc xây dựng một trang quản trị (admin dashboard) hiệu quả để quản lý sản phẩm giày, đơn hàng, khách hàng và doanh thu cũng là một phần không thể thiếu. Trang quản trị phải dễ sử dụng, cung cấp đầy đủ công cụ để quản trị website bán giày một cách tối ưu.

Cuối cùng, việc triển khai website .NET Core React lên môi trường sản xuất và duy trì hoạt động ổn định cũng là một thách thức. Điều này bao gồm việc cấu hình server, tối ưu hiệu suất, và liên tục cập nhật các bản vá bảo mật. Sự phức tạp của việc kết hợp hai công nghệ mạnh mẽ như .NET CoreReactJS đòi hỏi đội ngũ lập trình website bán hàng phải có kiến thức chuyên sâu và kinh nghiệm thực tế. Theo khảo sát hiện trạng trong Báo cáo đồ án tốt nghiệp (Chương II), một số website bán giày phổ biến vẫn còn nhược điểm như "Chưa có tính năng đăng nhập, hay đăng nhập social account" hoặc "Thanh menu dưới dạng điện thoại chưa hoàn thiện", cho thấy rằng việc đạt được một hệ thống hoàn chỉnh không hề đơn giản.

2.1. Khó khăn trong quản lý dữ liệu sản phẩm và giỏ hàng thanh toán online

Quản lý sản phẩm giày là một trong những phần phức tạp nhất khi phát triển website bán giày. Giày dép thường có nhiều thuộc tính như màu sắc, kích cỡ, thương hiệu, chất liệu, và giá cả thay đổi theo từng biến thể. Việc tổ chức dữ liệu này trong một database SQL Server website đòi hỏi thiết kế lược đồ cẩn thận, sử dụng Entity Framework Core để tương tác hiệu quả với cơ sở dữ liệu. Thêm vào đó, hệ thống cần hỗ trợ tính năng tìm kiếm, lọc, phân loại sản phẩm một cách nhanh chóng. Đối với tính năng giỏ hàng thanh toán online, thách thức nằm ở việc đảm bảo tính toàn vẹn của dữ liệu trong suốt quá trình đặt hàng, xử lý các trường hợp giảm giá, khuyến mãi và tích hợp các cổng thanh toán an toàn. Mọi lỗi nhỏ trong quy trình này đều có thể dẫn đến mất niềm tin từ phía khách hàng và thiệt hại kinh tế.

2.2. Vấn đề bảo mật và tối ưu trải nghiệm UI UX website bán giày

Bảo mật website E-commerce là yếu tố không thể thỏa hiệp. Mọi hệ thống bán giày trực tuyến đều phải đối mặt với các mối đe dọa từ tấn công mạng, rò rỉ thông tin cá nhân và dữ liệu thanh toán. Việc triển khai các biện pháp bảo mật như chứng chỉ SSL/TLS, mã hóa dữ liệu, xác thực người dùng (JWT trong .NET Core) và kiểm tra lỗ hổng bảo mật là cực kỳ quan trọng. Song song đó, việc tối ưu UI/UX website bán giày đóng vai trò then chốt trong việc giữ chân khách hàng. Một giao diện hấp dẫn, dễ sử dụng, và tốc độ tải trang nhanh sẽ nâng cao trải nghiệm mua sắm. ReactJS giúp tạo ra giao diện tương tác cao, nhưng việc thiết kế responsive, đảm bảo tương thích trên mọi thiết bị và tối ưu hóa các quy trình tương tác vẫn là một thách thức đòi hỏi sự tinh tế trong thiết kế và kỹ năng JavaScript React thành thạo.

III. Cách lập trình website bán hàng Sức mạnh từ backend

Lập trình website bán hàng đòi hỏi một nền tảng backend vững chắc, và backend .NET Core nổi lên như một lựa chọn hàng đầu nhờ vào hiệu suất, tính linh hoạt và khả năng đa nền tảng. ASP.NET Core website được thiết kế lại từ đầu, mang đến một framework nhanh chóng, nhẹ và có khả năng chạy trên Windows, Mac và Linux. Điều này cực kỳ quan trọng đối với các dự án CNTT website hiện đại, nơi sự linh hoạt trong triển khai là yếu tố then chốt. Theo Báo cáo đồ án tốt nghiệp, "ASP.NET Core là một framework mới của Microsoft. Nó được thiết kế lại từ đầu để trở nên nhanh chóng, linh hoạt và chạy trên được nhiều nền tảng khác nhau".

Kiến trúc MVC (Model-View-Controller) của .NET Core giúp tách biệt rõ ràng các tầng của ứng dụng, từ đó tối ưu hóa việc phát triển và bảo trì. Model chịu trách nhiệm xử lý dữ liệu và logic nghiệp vụ, Controller quản lý các yêu cầu từ người dùng và điều phối dữ liệu giữa Model và View, còn View là phần hiển thị giao diện. Sự phân tách này không chỉ giúp cho việc phát triển website bán giày trở nên có tổ chức hơn mà còn dễ dàng hơn trong việc kiểm thử và mở rộng. Chẳng hạn, khi người dùng gửi yêu cầu tìm kiếm sản phẩm, Controller sẽ tiếp nhận, chuyển yêu cầu tới Model để truy xuất dữ liệu từ database SQL Server website, sau đó Model trả dữ liệu về Controller, và Controller truyền dữ liệu đó tới View để hiển thị (Hình 1. Mô hình hoạt động, Báo cáo đồ án tốt nghiệp).

Một điểm mạnh khác của backend .NET Core là khả năng xây dựng API RESTful .NET Core mạnh mẽ và hiệu quả. Các API này đóng vai trò cầu nối giữa backend và frontend, cho phép ứng dụng web bán giày tương tác dữ liệu một cách mượt mà. Việc tích hợp Entity Framework Core giúp thao tác với cơ sở dữ liệu một cách dễ dàng và an toàn hơn, giảm thiểu việc viết các câu lệnh SQL trực tiếp. Ngoài ra, .NET Core còn hỗ trợ sẵn Dependency Injection, giúp quản lý các đối tượng và dịch vụ trong ứng dụng một cách hiệu quả, tạo điều kiện thuận lợi cho việc kiểm thử và bảo trì. Các tính năng bảo mật tích hợp sẵn cũng giúp tăng cường bảo mật website E-commerce, bảo vệ dữ liệu người dùng và giao dịch.

3.1. Tối ưu hóa ASP.NET Core website với mô hình MVC hiệu quả

Mô hình MVC là nền tảng cốt lõi của ASP.NET Core website, mang lại cấu trúc rõ ràng và dễ quản lý cho lập trình website bán hàng. Việc tách biệt Concerns (Separation of Concerns) giúp các nhà phát triển tập trung vào từng phần của ứng dụng mà không ảnh hưởng đến các phần khác. Điều này đặc biệt hữu ích khi phát triển website bán giày với nhiều tính năng phức tạp như quản lý sản phẩm giày, xử lý đơn hàng hay quản lý người dùng. Controller đóng vai trò trung tâm, tiếp nhận yêu cầu, gọi logic nghiệp vụ từ Model và trả về View phù hợp. Sự kết hợp với database SQL Server website thông qua Entity Framework Core đảm bảo việc truy xuất và cập nhật dữ liệu diễn ra nhanh chóng, chính xác. Mô hình này không chỉ giúp tối ưu hóa hiệu suất mà còn nâng cao khả năng cộng tác trong các nhóm đồ án tốt nghiệp CNTT.

3.2. Xây dựng API RESTful .NET Core cho hệ thống bán giày trực tuyến

Trong việc xây dựng trang web bán giày, việc tạo ra các API RESTful .NET Core chất lượng là cực kỳ quan trọng. Các API này cho phép phần frontend ReactJS gửi yêu cầu và nhận dữ liệu từ backend .NET Core, tạo nên một SPA ReactJS (Single Page Application) mượt mà. Với .NET Core, việc thiết kế các API để quản lý các tài nguyên như sản phẩm, danh mục, người dùng, giỏ hàng, và đơn hàng trở nên đơn giản và hiệu quả. Mỗi API endpoint sẽ tương ứng với một hành động cụ thể (GET, POST, PUT, DELETE), giúp hệ thống bán giày trực tuyến hoạt động có tổ chức. Việc sử dụng JWT (JSON Web Tokens) trong các API của ASP.NET Core cũng tăng cường bảo mật website E-commerce, đảm bảo chỉ những người dùng được ủy quyền mới có thể truy cập các tài nguyên nhạy cảm.

IV. Bí quyết tạo ứng dụng web bán giày tương tác cao với frontend ReactJS

Để một website bán giày thực sự nổi bật và thu hút người dùng, giao diện người dùng (UI) và trải nghiệm người dùng (UX) đóng vai trò then chốt. Frontend ReactJS đã trở thành một lựa chọn hàng đầu để tạo ra ứng dụng web bán giày có tính tương tác cao và hiệu suất vượt trội. ReactJS là một thư viện JavaScript React phổ biến, được phát triển bởi Facebook, chuyên về việc xây dựng giao diện người dùng dựa trên các thành phần (components). Phương pháp component-based cho phép chia nhỏ UI thành các phần độc lập, tái sử dụng được, giúp quá trình phát triển website bán giày trở nên linh hoạt và dễ quản lý hơn.

Một trong những "bí quyết" chính của ReactJS là việc sử dụng Virtual DOM (Document Object Model ảo). Thay vì thao tác trực tiếp với DOM thật, ReactJS tạo ra một bản sao ảo. Khi có bất kỳ thay đổi dữ liệu nào, nó sẽ tính toán sự khác biệt giữa Virtual DOM hiện tại và Virtual DOM mới, sau đó chỉ cập nhật những phần cần thiết vào DOM thật (Hình 1. Khác biệt của Virtual Dom, Báo cáo đồ án tốt nghiệp). Điều này giúp tối ưu hóa hiệu suất hiển thị, mang lại trải nghiệm mượt mà, nhanh chóng cho người dùng khi duyệt sản phẩm hoặc thao tác với giỏ hàng thanh toán online. "Việc tạo ra dom như vậy giúp cải thiện hiệu suất làm việc rất nhiều" (Chương I, Báo cáo đồ án tốt nghiệp).

Để quản lý trạng thái phức tạp trong E-commerce .NET Core React, ReactJS thường được kết hợp với các thư viện quản lý trạng thái như Redux. Redux cung cấp một kho dữ liệu trung tâm, giúp các component dễ dàng truy cập và cập nhật trạng thái một cách nhất quán. Bên cạnh đó, React Hooks E-commerce là một tính năng mạnh mẽ của ReactJS, cho phép các nhà phát triển sử dụng state và các lifecycle features trong functional components, giúp code trở nên gọn gàng, dễ đọc và dễ bảo trì hơn. Sự kết hợp giữa ReactJS, Redux và React Hooks tạo ra một SPA ReactJS (Single Page Application) mạnh mẽ, cung cấp trải nghiệm liền mạch mà không cần tải lại trang, điều này rất quan trọng đối với một hệ thống bán giày trực tuyến hiện đại.

4.1. Sử dụng JavaScript React và Virtual DOM cải thiện hiệu suất

JavaScript React là công cụ chủ đạo để xây dựng giao diện người dùng tương tác cho website bán giày. Điểm đặc biệt của ReactJS nằm ở Virtual DOM – một công nghệ đột phá giúp tăng cường hiệu suất đáng kể. Khi dữ liệu của ứng dụng web bán giày thay đổi, thay vì cập nhật trực tiếp DOM thật, ReactJS sẽ tạo ra một bản sao Virtual DOM và so sánh với bản trước đó. Chỉ những thay đổi nhỏ nhất mới được áp dụng vào DOM thật, giảm thiểu số lần thao tác với DOM, vốn là quá trình tốn kém tài nguyên nhất. Điều này đảm bảo hệ thống bán giày trực tuyến hoạt động mượt mà, tải trang nhanh, cung cấp trải nghiệm người dùng không gián đoạn, đặc biệt quan trọng khi hiển thị danh sách quản lý sản phẩm giày với số lượng lớn.

4.2. Tối ưu trải nghiệm người dùng với React Hooks E commerce và Redux

Tối ưu trải nghiệm UI/UX website bán giày là yếu tố sống còn. React Hooks E-commerce và Redux là bộ đôi mạnh mẽ để đạt được điều này. React Hooks cho phép nhà phát triển sử dụng state và các tính năng khác của React trong các hàm component mà không cần viết class, giúp code sạch hơn và dễ tái sử dụng. Ví dụ, useState để quản lý trạng thái giỏ hàng, useEffect để gọi API RESTful .NET Core khi component được mount. Kết hợp với Redux, một thư viện quản lý trạng thái, giúp quản lý trạng thái toàn cục của ứng dụng web bán giày một cách nhất quán. Điều này cực kỳ quan trọng cho các tính năng như giỏ hàng thanh toán online hay thông tin người dùng, đảm bảo dữ liệu luôn đồng bộ và phản hồi nhanh, tạo ra một SPA ReactJS thực sự hiệu quả.

V. Triển khai hệ thống bán giày trực tuyến Kết quả đồ án CNTT

Quá trình triển khai hệ thống bán giày trực tuyến bằng .NET CoreReactJS là một minh chứng rõ ràng cho khả năng ứng dụng của đồ án tốt nghiệp CNTT vào thực tiễn. Mục tiêu của dự án là xây dựng một website bán giày hoàn chỉnh, đáp ứng đầy đủ các chức năng từ phía khách hàng đến quản trị viên. Kết quả đạt được bao gồm một giao diện thân thiện, dễ sử dụng, được thiết kế responsive để tương thích với nhiều thiết bị. Khách hàng có thể dễ dàng tìm kiếm, lọc sản phẩm theo nhiều tiêu chí (thương hiệu, giá, màu sắc), xem chi tiết sản phẩm, thêm vào giỏ hàng và thực hiện giỏ hàng thanh toán online an toàn. Theo Báo cáo đồ án tốt nghiệp, "Hoàn thiện giao diện cơ bản một cách dễ dàng sử dụng, thân thiện, thẩm mỹ cho người dùng" là một trong những kết quả đạt được.

Phần backend .NET Core đã được lập trình website bán hàng để xử lý hiệu quả các nghiệp vụ phức tạp. Các API RESTful .NET Core cung cấp khả năng quản lý sản phẩm giày, người dùng, đơn hàng và các hoạt động khác. Database SQL Server website được thiết kế chi tiết (Chương III: Thiết kế ứng dụng, Bảng 3: Mô tả dữ liệu Collection) để lưu trữ thông tin sản phẩm, khách hàng, đơn hàng một cách có tổ chức, sử dụng Entity Framework Core để tương tác. Các tính năng như đăng nhập/đăng ký bằng tài khoản mạng xã hội (Facebook, Google) cũng đã được tích hợp để tăng tiện ích cho người dùng, điều này được đề cập trong phần "Kết quả đạt được: Xử lý back-end - Tích hợp login social account như Facebook, Google".

Phần frontend ReactJS đã tạo ra một ứng dụng web bán giày có tốc độ phản hồi nhanh và trải nghiệm người dùng mượt mà. Với JavaScript React và kiến trúc component-based, các màn hình như trang chủ, chi tiết sản phẩm, giỏ hàng, thông tin khách hàng và quản lý đơn hàng đã được xây dựng một cách trực quan (Chương IV: Thiết kế Giao diện, Hình 4: Các màn hình giao diện). Đặc biệt, hệ thống trang quản trị (admin dashboard) là điểm nhấn quan trọng, cho phép quản trị website bán giày dễ dàng thêm, sửa, xóa sản phẩm, quản lý đơn hàng, tài khoản người dùng và bài viết. Các chức năng này được kiểm thử kỹ lưỡng (Chương V: Cài đặt và Kiểm thử, Bảng 4: Kiểm thử chức năng) để đảm bảo hoạt động ổn định và chính xác, góp phần nâng cao bảo mật website E-commerce tổng thể của hệ thống.

5.1. Quản lý sản phẩm giày và quản trị website bán giày hiệu quả

Khả năng quản lý sản phẩm giày là trái tim của mọi website bán giày. Trong đồ án tốt nghiệp CNTT này, một hệ thống quản trị mạnh mẽ đã được phát triển. Admin có thể thêm sản phẩm mới với đầy đủ thông tin (tên, mô tả, giá, hình ảnh, màu sắc, kích cỡ), chỉnh sửa thông tin sản phẩm hiện có, hoặc xóa sản phẩm không còn kinh doanh. Các chức năng tìm kiếm và lọc sản phẩm (Bảng 2. Usecase tìm kiếm sản phẩm (admin)) giúp quản trị website bán giày nhanh chóng truy cập và thao tác với dữ liệu. Hệ thống còn cho phép quản lý danh mục, thương hiệu, màu sắc và kích thước sản phẩm một cách riêng biệt, đảm bảo tính linh hoạt và dễ dàng mở rộng. Việc này giúp duy trì tính chính xác và cập nhật của kho hàng, trực tiếp ảnh hưởng đến trải nghiệm mua sắm của khách hàng.

5.2. Kiểm thử chức năng và bảo mật website E commerce toàn diện

Để đảm bảo chất lượng cho dự án CNTT website, quá trình kiểm thử chức năng được thực hiện nghiêm ngặt. Các tính năng quan trọng như đăng ký, đăng nhập (Bảng 2. Usecase đăng ký, Usecase đăng nhập Email, Facebook, Google), tìm kiếm sản phẩm, đặt hàng (Bảng 2. Usecase đặt hàng) đều trải qua các kịch bản kiểm thử chi tiết (Bảng 4: Kiểm thử chức năng đăng ký, đăng nhập, tìm kiếm, đặt hàng). Điều này giúp phát hiện và khắc phục lỗi sớm, đảm bảo hệ thống bán giày trực tuyến hoạt động ổn định. Song song đó, bảo mật website E-commerce là ưu tiên hàng đầu. Các biện pháp bảo mật như xác thực JWT, mã hóa mật khẩu, và kiểm soát quyền truy cập được áp dụng để bảo vệ dữ liệu người dùng và các giao dịch, giảm thiểu rủi ro từ các cuộc tấn công mạng.

VI. Hướng phát triển cho dự án CNTT website bán giày trong tương lai

Dự án CNTT website Website Bán Giày .NET Core & ReactJS không chỉ là một đồ án tốt nghiệp CNTT mà còn là nền tảng vững chắc cho những hướng phát triển tiềm năng trong tương lai. Để nâng cao tính cạnh tranh và đáp ứng xu thế thị trường, việc liên tục cải tiến và mở rộng tính năng là điều cần thiết. Một trong những hướng phát triển quan trọng là tích hợp sâu hơn các công nghệ trí tuệ nhân tạo (AI) và học máy (ML) để xây dựng hệ thống gợi ý sản phẩm thông minh. Theo Báo cáo đồ án tốt nghiệp, "Xây dựng hệ thống gợi ý sản phẩm cho người dùng đơn giản" đã được đề cập, nhưng có thể mở rộng để phân tích hành vi mua sắm, lịch sử duyệt web của khách hàng để đưa ra các đề xuất cá nhân hóa, từ đó tăng tỷ lệ chuyển đổi.

Ngoài ra, việc mở rộng các kênh phân phối và tích hợp đa nền tảng cũng là một ưu tiên. Điều này có thể bao gồm việc phát triển ứng dụng di động riêng biệt cho iOS và Android sử dụng React Native, hoặc tích hợp hệ thống bán giày trực tuyến với các sàn thương mại điện tử lớn để mở rộng phạm vi tiếp cận khách hàng. Việc tối ưu hóa triển khai website .NET Core React trên các dịch vụ đám mây (cloud services) như Azure hoặc AWS sẽ đảm bảo khả năng mở rộng linh hoạt, chịu tải cao và tính sẵn sàng của hệ thống. Điều này cũng giúp giảm chi phí vận hành và quản lý hạ tầng.

Một khía cạnh khác là tập trung vào việc cải thiện hơn nữa trải nghiệm người dùng và tính tương tác. Việc áp dụng các kỹ thuật UI/UX website bán giày tiên tiến hơn, như micro-interactions, animations, hoặc tích hợp chatbot thông minh (được đề cập trong "Tích hợp chatbox Messenger của Facebook" trong Kết quả đạt được) sẽ làm cho quá trình mua sắm trở nên thú vị và thuận tiện hơn. Cuối cùng, việc liên tục theo dõi, phân tích dữ liệu người dùng và phản hồi của thị trường là cần thiết để quản trị website bán giày một cách hiệu quả, đảm bảo bảo mật website E-commerce và thích nghi với các xu hướng công nghệ mới. Kinh nghiệm đạt được từ đồ án này sẽ là hành trang quý báu cho các nhà phát triển trong tương lai.

6.1. Nâng cấp tính năng và mở rộng triển khai website .NET Core React

Để duy trì sức cạnh tranh, việc nâng cấp tính năng cho ứng dụng web bán giày là liên tục. Các cải tiến có thể bao gồm: tích hợp các phương thức thanh toán mới (ví điện tử, trả góp), hệ thống đánh giá sản phẩm nâng cao, chức năng so sánh sản phẩm, hoặc cá nhân hóa trang chủ dựa trên sở thích người dùng. Việc triển khai website .NET Core React cần được tối ưu hóa cho hiệu suất và khả năng mở rộng. Sử dụng CI/CD (Continuous Integration/Continuous Deployment) giúp tự động hóa quá trình triển khai, giảm thiểu lỗi và tăng tốc độ đưa các tính năng mới ra thị trường. Mở rộng khả năng tích hợp với các hệ thống bên ngoài như CRM, ERP cũng là một hướng đi quan trọng để hoàn thiện hệ thống bán giày trực tuyến.

6.2. Kinh nghiệm đạt được từ đồ án tốt nghiệp CNTT thực tiễn

Đồ án tốt nghiệp CNTT về Website Bán Giày .NET Core & ReactJS mang lại nhiều kinh nghiệm quý báu. Sinh viên không chỉ củng cố kiến thức về lập trình website bán hàng với backend .NET Corefrontend ReactJS, mà còn rèn luyện kỹ năng phân tích, thiết kế hệ thống. Kinh nghiệm thực tế trong việc quản lý dự án, giải quyết vấn đề, kiểm thử và triển khai website .NET Core React là vô giá. Việc làm việc với API RESTful .NET Core, database SQL Server website và các công nghệ JavaScript React khác giúp hiểu sâu hơn về quy trình phát triển website bán giày E-commerce. Đây là nền tảng vững chắc cho sự nghiệp phát triển phần mềm trong tương lai.

Tóm tắt và mô tả trên trang này được tạo với sự hỗ trợ của AI. Nếu bạn thấy nội dung không chính xác hoặc có vấn đề, vui lòng Báo lỗi nội dung.

27/09/2025
Xây dựng website bán giày sử dụng net core và reactjs đồ án tốt nghiệp khoa đào tạo chất lượng cao ngành công nghệ thông tin

Trích đoạn nội dung tài liệu

Chương 1: Cơ sở lý thuyết 1 Báo cáo đồ án tốt nghiệp - Hiện nay thương mại điện tử đang được nhiều người quan tâm và thu hút rất hiều thương gia doanh nghiệp trên thế giới, vì đó là một trong những động lực phát triển doanh nghiêp và cho cả nước. Giảm thiểu các hoạt động kinh doanh: - Giảm chi phí sản xuất, chi phí văn phòng, chi phí thuê mặt bằng…Bên cạnh đó không cần tốn nhiều nhân viên để quản lý và mua bán giao dịch. Thương mại điện tử giúp giảm chi phí bán hàng và tiếp thị mà chỉ thông qua môi trường Web một nhân viên vẫn có thể giao dịch với nhiều đối tác, khách hàng. đồng thời còn trưng bày, giới thiệu catalog đủ loại hàng hóa, xuất xứ của từng loại sản phẩm.

- Do đó giảm được chi phí in ấn cho các catalog và giao dịch mua bán. - Điều quan trọng nhất là giảm được thời gian trao đổi đáng kể cho khách hàng và doanh nghiệp. Chỉ trong thời gian ngắn mà doanh nghiệp có thể nắm bắt được thị hiếu khách hàng và thị trường thay đổi mà nhanh chóng kịp thời củng cố và đáp ứng cho nhu cầu đó. Chiến lược kinh doanh: - Qua thương mại điện tử giúp các doanh nghiệp có thể củng cố quan hệ hợp tác, thiết lập các quan hệ tốt hơn với bạn hàng, người dùng.

Đồng thời ngày càng có điều kiện nâng cao uy tín trên thị trường. Các yêu cầu trong thương mại điện tử - Thương mại điện tử không đơn thuần là phương tiện để thực hiện công việc mua bán trên mạng mà còn bao gồm các yêu cầu phức tạp đan xen nhau có liên quan đến các vấn đề khác như: văn bằng pháp lý, luật quốc gia, tập quán xã hội. Cơ sở hạ tầng: - Trong việc phát triển thương mại dựa trên hệ thống thông tin thì trước hết phải có một kĩ thuật máy tính điện tử hiện đại, server, phần mềm hỗ trợ vững chắc những trang thiết bị tương đối hoàn thiện và đảm bảo thông tin bảo mật chống virut và cách phòng chống những nguy cơ bị xâm nhập ảnh hưởng quốc gia. phù hợp với từng doanh nghiệp và theo đúng chuẩn mực do doanh nghiệp đề ra.

Chương 1: Cơ sở lý thuyết 2 Báo cáo đồ án tốt nghiệp Nhân lực: - Để có thể theo kịp và nắm bắt thông tin kịp thời trong thời đại thông tin thì phải xây dựng một đội ngũ cán bộ, nhân viên có trình độ tin học, kỹ thuật điện tử, khả năng tiếp cận nhanh chóng các phần mềm mới. Bên cạnh đó ngoài khả năng giao tiếp ngôn ngữ trong nước, nhân viên còn phải trang bị vốn tiếng Anh (ngôn ngữ giao tiếp toàn cầu) để có thể tiến xa hơn. Đây là cách cũng sẽ dẫn đến sự thay đổi trong hệ thống và giáo dục ngày nay. Tạo mối quan hệ bằng sự tin cậy: - Tin cậy là trọng tâm của bất kỳ giao tiếp thương mại nào, không những thể hiện giữa các phòng ban, thực hiện đúng luật pháp của các doanh nghiệp mà còn với khách hàng bằng sự tin tưởng về vấn đề sản phẩm hay phàn nàn, khiếu nại.

Đó là yếu tố tất yếu của nhà doanh nghiệp muốn kinh doanh lâu dài. Bảo mật và an toàn: - Trong thương trường giao dịch bằng Internet là yếu tố không mấy đảm bảo rằng vấn đề bảo mật và an toàn là cao. Với sự mạnh mẽ của Internet thì việc xâm nhập tài liệu cá nhân, các hợp đồng, tín dụng, dữ liệu. sẽ bị lộ và tin chắc rằng sẽ không có người nào sẽ tham gia vào công việc mua bán qua mạng nữa.

Một vấn đề đáng lo ngại nữa là mất dữ liệu, một hệ thống được xem là an toàn nhất vấn đề hàng đầu là trọng tâm để có thể cho mọi người, nhất là các doanh nghiệp có khả năng mua bán mà không thể đổ lỗi lẫn nhau. Bảo vệ quyền lợi khách hàng và bản quyền kinh doanh - Trong môi trường Internet là nơi các doanh nghiệp đầu tư sử dụng, trình bày sản phẩm, mua bán trao đổi thông tin hàng hóa thì vấn đề bản quyền là cần thiết giúp cho các doanh nghiệp an tâm, đảm bảo trong công việc phát triển và đồng thời ngăn chặn việc xâm phạm bản quyền, phiên dịch trái phép hay ăn cắp ”chất xám”. - Do vấn đề mua bán trên mạng, việc xem hàng hóa thông qua sử dụng hình ảnh thì chất lượng và vấn đề thực tế bên trong sản phẩm đó là như thế nào thì không ai biết được do đó phải đề ra luật lệ và qui định đối với những người mua bán qua mạng. Chương 1: Cơ sở lý thuyết 3 Báo cáo đồ án tốt nghiệp Hệ thống thanh toán điện tử tự động: - Thương mại điện tử chỉ có thể thực hiện một cách trọn vẹn nếu có một hệ thống thanh toán điện tử tự động.

Nếu không có hệ thống này thì tính cách thương mại sẽ bị giảm thấp và chỉ mang tính ứng dụng trao đổi thông tin. Theo tiêu chuẩn và mẫu của quốc tế thì việc mã hóa các hàng hóa theo mã vạch là 13 và mỗi công ty có một địa chỉ riêng của mình bằng một mã có số từ 100 đến 100. Nếu việc hội nhập và thiết lập hệ thống mã sản phẩm và mã công ty (mã thương mại) cho một công ty nói riêng và cho một nền kinh tế nói chung là không đơn giản. Giới thiệu về ASP .NET Core là gì? - ASP.NET Core là một framework mới của Microsoft.

Nó được thiết kế lại từ đầu để trở nên nhanh chóng, linh hoạt và chạy trên được nhiều nền tảng khác nhau. Trong bài viết này, ASP.NET Core là một framework có thể được sử dụng để phát triển web với. Nếu bạn có kinh nghiệm làm việc với MVC hoặc Web API trong một vài năm thì bạn sẽ nhận thấy những tính năng quen thuộc. Kết thúc khóa học ASP.NET Core của NET CORE VN.

Bạn sẽ có những thứ cần thiết để bắt đầu làm việc được với ASP.NET Core và viết 1 ứng dụng có thể thêm, sửa hay xem dữ liệu từ database như các môn lập trình khác bạn đã từng học. - Bản phát hành đầu tiên của ASP.NET đã xuất hiện cách đây 15 năm trước, nó là một phần của. Từ đó, hàng triệu lập trình viên đã sử dụng nó để xây dựng những ứng dụng web tuyệt vời, và trên những năm đó Microsoft đã phát triển thêm nhiều tính năng mới 2. Cách thức hoạt động của ASP .NET Core - MVC là một design partern đã tồn tại rất lâu trong ngành công nghệ phần mềm cũng như được sử dụng phổ biến trong .Net Core và các bước hoạt động của MVC gồm có: Chương 1: Cơ sở lý thuyết 4 Báo cáo đồ án tốt nghiệp Hình 1.

Mô hình hoạt động • Bước 1: User gửi 1 yêu cầu tới server bằng cách truyền vào 1 URL trong browser • Bước 2: Yêu cầu đó được gửi tới controller đầu tiên, controller sẽ xử lý yêu cầu, nếu yêu cầu cần truy xuất dữ liệu thì controller sẽ chuyển qua tầng model • Bước 3: Tại tầng model, dữ liệu được truy xuất từ database và sau đó truyền qua view thông qua controller • Bước 4: Controller sẽ giúp dữ liệu được chuyển từ model qua view • Bước 5: View là tầng cuối cùng giao tiếp với User, mọi dữ liệu sẽ được hiển thị cho User thông qua tầng View 2.Net Core làm được những gì - Do sử dụng mô hình MVC nên trong ASP.Net MVC đã tách biệt được các tầng trong mô hình lập trình web vì vậy giúp tối ưu ứng dụng và dễ dàng trong việc viết code, giao diện - Giao diện trong ASP.Net MVC sử dụng công nghệ thiết kế web HTML, CSS nền việc thiết kế giao diện trở nên dễ dàng và giúp cho designer linh hoạt trong việc thiết kế - ASP.Net MVC không sử dụng view state vì vậy trang web không bị tăng kích thước do đó hiệu năng hoạt động không bị bị giảm - Ứng dụng ASP.NET Core có thể được phát triển sử dụng .NET Core hoặc. Ứng dụng ASP.NET Core được xây dựng sử dụng .NET Core có thể chạy trên bất cứ hệ điều hành nào trong khi nếu được xây dựng trên .NET Framework chỉ có thể chạy trên Windows. Chương 1: Cơ sở lý thuyết 5 Báo cáo đồ án tốt nghiệp - Bạn có thể xây dựng và chạy ứng dụng ASP.NET đa nền tảng trên Windows, Mac và Linux (mã nguồn mở và cộng đồng phát triển) ✓ ASP.NET Core hợp nhất ASP.NET MVC và ASP.NET Web API. ✓ Có thể host trên IIS hoặc tự host.

✓ Có sẵn Dependency Injection. ✓ Dễ dàng tích hợp với các framework frontend như Angular, Knockout. ✓ Hỗ trợ cấu hình cho nhiều môi trường. ✓ Cơ chết HTTP Request pipeline mới.

✓ Hỗ trợ quản lý phiên bản ✓ Dùng chung toàn bộ Nuget Package.Giới thiệu về ReactJS [3] 3. ReactJS là gì? - React là thư viện JavaScript phổ biến nhất để xây dựng giao diện người dùng (UI). Nó cho tốc độ phản hồi tuyệt vời khi user nhập liệu bằng cách sử dụng phương pháp mới để render trang web. - Components của công cụ này được phát triển bởi Facebook.

Nó được ra mắt như một công cụ JavaScript mã nguồn mở vào năm 2013. Hiện tại, nó đã đi trước các đối thủ chính như Angular và Bootstrap, hai thư viện JavaScript bán chạy nhất thời bấy giờ. Các tính năng của ReactJS ❖ Virtual DOM: công nghệ Virtual DOM giúp tăng hiệu năng cho ứng dụng. Việc chỉ node gốc mới có trạng thái và khi nó thay đổi sẽ tái cấu trúc lại toàn bộ, đồng nghĩa với việc DOM tree cũng sẽ phải thay đổi một phần, điều này sẽ ảnh hưởng đến tốc độ xử lý.

React JS sử dụng Virtual DOM (DOM ảo) để cải thiện vấn đề này. Virtual OM là một object Javascript, mỗi object chứa đầy đủ thông tin cần thiết để tạo ra một DOM, khi dữ liệu thay đổi nó sẽ tính toán sự thay đổi giữa object và tree thật, điều này sẽ giúp tối ưu hoá việc re-render DOM tree thật. Chương 1: Cơ sở lý thuyết 6 Báo cáo đồ án tốt nghiệp Hình 1. Khác biệt của Virtual Dom ❖ Redux: Đây có thể gọi là một phần cực kỳ quan trọng đối với ReactJS và không một ai sử dụng mà không biết đến redux.

Trong một reactJS không bao gồm những module chuyên dụng để xử lý dữ liệu vì thế ReactJS được thiết lập một cách độc lập bằng việc chia nhỏ view thành các component nhỏ để chúng liên kết chặt chẽ với nhau hơn. Mô hình hoạt động của Redux: Hình 1. Phương thức hoạt động của Redux Chương 1: Cơ sở lý thuyết 7 Báo cáo đồ án tốt nghiệp 3.

Nội dung được bảo vệ bản quyền — Tải xuống đầy đủ