Ứng dụng Javascript và JSON-Server trong xây dựng hệ thống thương mại điện tử ngành hoa tươi

16:03 02/02/2026

Từ những kiến thức trên giảng đường, nhóm sinh viên ngành Công nghệ thông tin – FPT Polytechnic Cần Thơ đã biến bài học thành sản phẩm thực tiễn thông qua dự án “Website kinh doanh hoa tươi tích hợp thanh toán online”. Dự án không chỉ thể hiện năng lực chuyên môn về lập trình website, mà còn cho thấy tư duy ứng dụng công nghệ để giải quyết bài toán kinh doanh trong đời sống hiện đại.

Dự án được thực hiện bởi nhóm sinh viên lớp WD20301, chuyên ngành Lập trình Website, trong khuôn khổ môn học Lập trình Javascript nâng cao, dưới sự hướng dẫn của giảng viên Lê Ngọc Đào. Với mục tiêu xây dựng một hệ thống thương mại điện tử hoàn chỉnh cho ngành hoa tươi, nhóm đã lựa chọn Javascript làm nền tảng phát triển giao diện và JSON-Server làm giải pháp backend gọn nhẹ nhưng hiệu quả, phù hợp với quy mô và yêu cầu học thuật của học phần.

Nhóm sinh viên thực hiện dự án

Điểm nổi bật của dự án là sự kết hợp hài hòa giữa trải nghiệm người dùng và công nghệ thanh toán trực tuyến. Nhóm sinh viên đã tích hợp cổng thanh toán VNPay thông qua thư viện bên thứ ba, giúp người dùng có thể thực hiện các giao dịch nhanh chóng, an toàn và tiện lợi. Việc đưa thanh toán online vào sản phẩm học tập không chỉ nâng cao tính thực tế cho dự án, mà còn giúp sinh viên làm quen với các quy trình thương mại điện tử phổ biến trong doanh nghiệp hiện nay.

Giao diện trang chủ của người dùng

Về mặt kỹ thuật, hệ thống được xây dựng trên nền tảng Javascript giúp tối ưu hóa giao diện người dùng và khả năng tương tác. Kết hợp cùng JSON-Server, website có khả năng quản lý dữ liệu linh hoạt, xử lý mượt mà các luồng thông tin thông qua các module chức năng, từ danh sách sản phẩm, giỏ hàng cho đến đơn hàng và trạng thái thanh toán.

Giao diện trang bài viết

Một trong những điểm nhấn đáng chú ý của dự án là hệ thống biến thể sản phẩm thông minh. Xuất phát từ đặc thù của ngành hoa tươi, website cho phép khách hàng tùy chọn linh hoạt các biến thể như kích thước bó hoa (Size S, M, L) và số lượng cành hoa. Tính năng này giúp người dùng có cái nhìn trực quan về sản phẩm trước khi đặt hàng, đồng thời hỗ trợ người bán dễ dàng định giá và quản lý các phiên bản sản phẩm khác nhau.

Giao diện trang chi tiết sản phẩm

Hệ thống giỏ hàng được xây dựng với cơ chế quản lý trạng thái chặt chẽ, đảm bảo tính đồng bộ dữ liệu trong suốt quá trình mua sắm. Người dùng có thể dễ dàng theo dõi, điều chỉnh số lượng sản phẩm và thực hiện thanh toán qua VNPay chỉ với vài thao tác. Việc tích hợp thành công cổng thanh toán không tiền mặt đã góp phần hiện thực hóa mô hình kinh doanh hiện đại, mang lại sự an tâm, bảo mật và thuận tiện cho khách hàng trong kỷ nguyên số.

Giao diện giỏ hàng của người dùng

Bên cạnh giao diện dành cho người dùng, dự án còn phát triển một trang quản trị chuyên sâu hỗ trợ quản lý sản phẩm và đơn hàng. Admin có thể chủ động thêm, sửa, ẩn sản phẩm, đồng thời cấu hình chi tiết các biến thể như loại hoa, kích thước, phụ kiện đi kèm cùng giá bán và hình ảnh tương ứng. Điều này giúp việc cập nhật kho hàng và kiểm soát danh mục sản phẩm trở nên linh hoạt và hiệu quả hơn.

Giao diện trang quản lý sản phẩm
Giao diện trang quản lý đơn hàng

Mọi đơn hàng, từ thời điểm khách hàng thanh toán qua VNPay cho đến khi giao hoa thành công, đều được quản lý theo trạng thái thời gian thực. Người quản trị dễ dàng kiểm tra lịch sử giao dịch, xác nhận thông tin người nhận và cập nhật tiến độ vận chuyển, qua đó giảm thiểu sai sót trong quá trình vận hành.

Dự án “Website kinh doanh hoa tươi tích hợp thanh toán online” không chỉ là sản phẩm tổng kết môn học, mà còn là minh chứng rõ nét cho tinh thần học đi đôi với hành tại FPT Polytechnic Cần Thơ. Thông qua việc kết hợp hiệu quả Javascript, JSON-Server, NodeJS và cổng thanh toán VNPay, nhóm sinh viên đã giải quyết trọn vẹn bài toán từ trải nghiệm người dùng đến quy trình vận hành thương mại điện tử. Đây chính là bước đệm quan trọng giúp sinh viên Công nghệ thông tin tự tin hơn khi bước vào môi trường làm việc thực tế trong tương lai.

Giảng viên Lê Ngọc Đào
Bộ môn Công nghệ thông tin
FPT Polytechnic Cần Thơ

Hỗ trợ tư vấn và giải đáp thông tin tuyển sinh FPT Polytechnic

Cùng chuyên mục

Đăng ký nhập học tại FPT Polytechnic 2026

  • Max. file size: 50 MB.
  • Max. file size: 50 MB.
  • Max. file size: 50 MB.