I. Tổng quan về website bán giày sử dụng MERN stack
Thương mại điện tử ngành thời trang giày dép đang phát triển mạnh mẽ. Đề tài xây dựng website bán giày sử dụng MERN stack tại Đại học Sư phạm Kỹ thuật TP.HCM đáp ứng nhu cầu số hóa quy trình kinh doanh. Đồ án kỹ sư Công nghệ Thông tin này do sinh viên Lê Hoàng Hải Đăng và Hồ Đức Pháp thực hiện. Thạc sĩ Nguyễn Hữu Trung trực tiếp hướng dẫn và định hướng chuyên môn. MERN stack là một bộ công nghệ full-stack hoàn chỉnh dựa trên ngôn ngữ JavaScript. Cấu trúc này bao gồm bốn thành phần chính: cơ sở dữ liệu MongoDB, nền tảng Express.js, thư viện giao diện React.js và môi trường thực thi Node.js. Sự kết hợp này mang lại khả năng xử lý bất đồng bộ vượt trội. Dữ liệu trao đổi xuyên suốt hệ sinh thái dưới định dạng JSON trực quan. Mô hình giúp loại bỏ rào cản chuyển đổi ngữ cảnh giữa lập trình viên frontend và backend. Nền tảng đảm bảo tốc độ phản hồi nhanh, đáp ứng lượng truy cập lớn trong các đợt khuyến mãi. Đây là nền tảng vững chắc cho hệ thống bán lẻ hiện đại.
1.1. Bối cảnh nghiên cứu đề tài tại ĐH Sư phạm Kỹ thuật TP.HCM
Thị trường bán lẻ giày dép tại Việt Nam đang chứng kiến sự chuyển dịch mạnh mẽ sang kênh trực tuyến. Người tiêu dùng ưu tiên trải nghiệm mua sắm linh hoạt và thuận tiện. Khoa Công nghệ Thông tin tại Trường Đại học Sư phạm Kỹ thuật TP.HCM luôn thúc đẩy sinh viên giải quyết bài toán thực tế. Đề tài tốt nghiệp của hai sinh viên Lê Hoàng Hải Đăng và Hồ Đức Pháp xuất phát từ nhu cầu thực tiễn đó. Dự án tập trung xây dựng một hệ thống bán hàng trực tuyến có độ tin cậy cao. Thạc sĩ Nguyễn Hữu Trung đã định hướng nhóm áp dụng các công nghệ hiện đại nhất. Mục tiêu chính là tạo ra phần mềm thương mại hoàn chỉnh, bảo mật và thân thiện với người dùng.
1.2. Vai trò của kiến trúc MERN stack trong thương mại điện tử
Kiến trúc MERN stack giữ vị trí then chốt trong phát triển web hiện đại. Việc sử dụng duy nhất ngôn ngữ JavaScript giúp đồng bộ hóa toàn bộ luồng dữ liệu. Node.js vận hành với mô hình non-blocking I/O và kiến trúc hướng sự kiện. Nền tảng này xử lý đồng thời hàng nghìn kết nối mà không làm tắc nghẽn tài nguyên máy chủ. Express.js cung cấp hệ thống định tuyến mạnh mẽ cùng cơ chế middleware linh hoạt. MongoDB lưu trữ dữ liệu dạng tài liệu JSON mềm dẻo, phù hợp với các thuộc tính đa dạng của sản phẩm giày dép. React.js xây dựng giao diện người dùng đơn trang mượt mà thông qua Virtual DOM. Sự kết hợp tạo ra một hệ thống thương mại vận hành ổn định và đạt tốc độ cao.
II. Thách thức kỹ thuật khi tối ưu website bán giày MERN stack
Thị trường bán lẻ giày dép trực tuyến đặt ra nhiều rào cản kỹ thuật khắt khe. Quá trình khảo sát các website thực tế như Juno.vn hay Bitis.vn cho thấy một số hạn chế điển hình. Dung lượng hình ảnh sản phẩm giày dép thường quá lớn. Điều này gây suy giảm tốc độ tải trang nghiêm trọng và làm tăng tỷ lệ thoát của khách hàng. Ngoài ra, việc thiếu hụt kênh phản hồi trực tuyến tức thì khiến việc tư vấn kích cỡ giày gặp khó khăn. Các trang web truyền thống xây dựng bằng kiến trúc cũ thường gặp hiện tượng thắt nút cổ chai khi số lượng phiên truy cập đồng thời tăng vọt. Mỗi truy vấn tạo mới một tiến trình riêng biệt làm cạn kiệt bộ nhớ máy chủ. Việc quản lý các biến thể sản phẩm như kích thước, màu sắc và số lượng tồn kho cũng trở nên phức tạp. Khi cơ sở dữ liệu quan hệ bị khóa bảng trong lúc thanh toán, người dùng sẽ gặp gián đoạn. Đây là thách thức lớn đối với doanh nghiệp bán lẻ.
2.1. Hạn chế từ khảo sát hiện trạng hệ thống Juno và Biti s
Khảo sát thực tế hệ thống Juno và Biti's cung cấp nhiều bài học thiết kế giá trị. Hai thương hiệu đều xây dựng giao diện hiện đại với bố cục danh mục giày dép rõ ràng. Chính sách đổi trả và vận chuyển được công bố minh bạch trên website. Tuy nhiên, tình trạng tải trang chậm vẫn xảy ra khi hiển thị các tệp hình ảnh độ phân giải cao. Khách hàng dễ nảy sinh tâm lý sốt ruột và rời bỏ giỏ hàng chưa hoàn tất. Bên cạnh đó, các website này chưa tích hợp giải pháp trò chuyện trực tuyến tức thì. Khách hàng gặp trở ngại khi cần tư vấn chọn cỡ giày chuẩn hoặc kiểm tra lượng hàng sẵn có tại cửa hàng. Việc phân tích các hạn chế này giúp đồ án định hình các tính năng cần cải tiến.
2.2. Khó khăn về hiệu năng và quản lý dữ liệu sản phẩm giày
Hệ thống bán giày trực tuyến sở hữu đặc thù dữ liệu sản phẩm có cấu trúc phân tầng. Mỗi mẫu giày luôn bao gồm nhiều thuộc tính phức tạp như kích cỡ, màu sắc và chất liệu. Các hệ quản trị cơ sở dữ liệu quan hệ truyền thống phải thực hiện nhiều phép nối bảng tốn kém. Tình trạng này làm giảm tốc độ truy vấn đáng kể khi danh mục mở rộng. Đồng thời, máy chủ thường xuyên chịu áp lực tải lớn trong các chương trình ưu đãi giảm giá giờ vàng. Mô hình đa luồng kiểu cũ tiêu tốn lượng lớn bộ nhớ RAM cho mỗi kết nối client. Rủi ro nghẽn hệ thống khiến người mua không thể kiểm tra đơn hàng hoặc thanh toán. Do đó, việc tái thiết kế kiến trúc hệ thống trở thành yêu cầu cấp thiết.
III. Giải pháp xây dựng website bán giày sử dụng MERN stack
Giải pháp kỹ thuật của đồ án tập trung tối ưu hóa kiến trúc bốn lớp của MERN stack. Cơ sở dữ liệu MongoDB lưu trữ tài liệu linh hoạt theo mô hình phi quan hệ. Mô hình này tổ chức các biến thể kích thước và màu sắc giày trong cùng một bản ghi duy nhất. Cấu trúc lồng nhau giảm thiểu số lần truy vấn và tăng tốc độ đọc dữ liệu danh mục. Tại tầng máy chủ, Node.js kết hợp cùng Express.js đóng vai trò xử lý các RESTful API. Cơ chế vòng lặp sự kiện đơn luồng giúp hệ thống phục vụ hàng nghìn kết nối đồng thời với mức tiêu hao bộ nhớ thấp. Express.js cung cấp các middleware kiểm soát phân quyền người dùng, mã hóa mật khẩu và xác thực JSON Web Token. Ở phía giao diện, React.js xây dựng ứng dụng trang đơn linh hoạt. Kỹ thuật Virtual DOM cập nhật các thay đổi trên giỏ hàng và bộ lọc sản phẩm ngay lập tức mà không cần tải lại toàn trang. Hệ thống đem lại trải nghiệm mua hàng liền mạch và tốc độ vượt trội.
3.1. Thiết kế cơ sở dữ liệu MongoDB và backend Node.js
MongoDB đóng vai trò lưu trữ linh hoạt cho toàn bộ thông tin sản phẩm và đơn hàng. Mô hình NoSQL cho phép nhóm dự án nhúng các mảng kích cỡ và biến thể màu sắc trực tiếp vào tài liệu sản phẩm. Cấu trúc này giúp loại bỏ hoàn toàn các phép kết nối bảng phức tạp. Phía backend sử dụng môi trường Node.js kết hợp framework Express.js để thiết lập các API chuẩn RESTful. Cơ chế định tuyến phân chia rõ ràng giữa các luồng xử lý xác thực, quản lý giỏ hàng và thanh toán trực tuyến. Express.js cung cấp các middleware kiểm tra tính hợp lệ của dữ liệu trước khi lưu trữ. Khả năng gỡ lỗi và quản lý lỗi tập trung giúp hệ thống vận hành ổn định.
3.2. Xây dựng giao diện React.js tối ưu trải nghiệm mua sắm
Giao diện người dùng được phát triển bằng thư viện React.js theo kiến trúc Single Page Application. Các thành phần giao diện như danh mục sản phẩm, bộ lọc kích cỡ giày dép và thanh tìm kiếm được module hóa thành các component độc lập. Cách tiếp cận này giúp tái sử dụng mã nguồn và giảm tải tài nguyên mạng. Nhờ cơ chế Virtual DOM, website chỉ dựng lại các phần tử có sự biến đổi dữ liệu. Khách hàng lựa chọn size giày, màu sắc và thêm vào giỏ hàng với tốc độ tức thì. Giao diện được tối ưu hiển thị hoàn hảo trên cả máy tính lẫn thiết bị di động. Khâu thanh toán được thiết kế tinh gọn nhằm nâng cao tỷ lệ chuyển đổi đơn hàng.
IV. Hiệu quả ứng dụng website bán giày MERN stack vào thực tế
Đồ án tốt nghiệp tại Trường Đại học Sư phạm Kỹ thuật TP.HCM đã hoàn thiện một hệ thống bán giày toàn diện. Nền tảng ứng dụng thành công toàn bộ ưu thế của MERN stack. Website đáp ứng đầy đủ các quy trình nghiệp vụ từ quản lý sản phẩm, điều phối đơn hàng đến hỗ trợ thanh toán. Tốc độ phản hồi của trang web duy trì ở mức nhanh chóng ngay cả khi xử lý khối lượng lớn truy vấn danh mục giày dép. Hệ thống cũng giải quyết triệt để bài toán tải chậm hình ảnh từng gặp ở các khảo sát trước đó. Kết quả thử nghiệm chứng minh kiến trúc JavaScript đồng bộ có độ tin cậy rất cao. Khả năng bảo trì hệ thống diễn ra dễ dàng nhờ cấu trúc mã nguồn rõ ràng và module hóa. Dự án là minh chứng rõ nét cho năng lực ứng dụng công nghệ hiện đại vào bài toán thương mại thực tiễn của sinh viên công nghệ thông tin. Hệ thống sẵn sàng mở rộng quy mô kinh doanh trong tương lai.
4.1. Đánh giá kết quả đề tài tốt nghiệp kỹ sư tại HCMUTE
Đề tài tốt nghiệp của hai sinh viên Lê Hoàng Hải Đăng và Hồ Đức Pháp đạt kết quả xuất sắc trong kỳ bảo vệ tháng 12 năm 2024. Dưới sự hướng dẫn tận tình của Thạc sĩ Nguyễn Hữu Trung, sản phẩm đáp ứng hoàn chỉnh các yêu cầu khắt khe của hội đồng chuyên môn. Website thể hiện tính ổn định cao trong suốt quá trình thử nghiệm tải và xử lý giao dịch. Các chức năng tìm kiếm, quản lý đơn hàng và đăng ký tài khoản hoạt động mượt mà. Đồ án nhận được sự đánh giá tích cực từ các giảng viên phản biện về tính thực tiễn và cấu trúc kỹ thuật bài bản. Đây là tiền đề học thuật vững vàng cho các nghiên cứu tiếp theo.
4.2. Hướng phát triển và mở rộng tính năng thương mại điện tử
Hệ thống website bán giày có tiềm năng phát triển và mở rộng rất lớn trong tương lai. Nhóm tác giả định hướng tích hợp thêm các cổng thanh toán điện tử phổ biến như MoMo, VNPay và ZaloPay. Việc bổ sung tính năng gợi ý sản phẩm tự động dựa trên học máy sẽ giúp nâng cao trải nghiệm cá nhân hóa cho từng khách hàng. Ngoài ra, việc thiết lập kênh trò chuyện trực tuyến tích hợp trí tuệ nhân tạo sẽ giải quyết triệt để bài toán tư vấn kích cỡ giày tức thời. Hệ thống cũng có thể mở rộng kiến trúc sang mô hình Microservices khi lượng truy cập tăng vọt. Sự linh hoạt của MERN stack đảm bảo website dễ dàng thích ứng với các yêu cầu chuyển đổi số ngày càng cao.