Trong xu thế “xanh hóa” không gian sống, cây cảnh đã trở thành lựa chọn quen thuộc của nhiều gia đình. Nắm bắt xu hướng đó, sinh viên Phạm Huy Bền (PC10052) – ngành Công nghệ thông tin FPT Polytechnic Cần Thơ – đã thực hiện dự án học phần Lập trình JavaScript nâng cao với đề tài “Xây dựng Website Kinh doanh Cây Cảnh”, dưới sự hướng dẫn của giảng viên Lê Ngọc Đào.
Dự án mô phỏng một website thương mại điện tử kinh doanh cây cảnh trong nhà, cây phong thủy và cây để bàn. Không chỉ đơn thuần phục vụ mục tiêu mua – bán trực tuyến, website còn hướng đến việc lan tỏa tình yêu thiên nhiên, giúp người dùng hiểu hơn về từng loại cây, ý nghĩa phong thủy và cách chăm sóc. Bên cạnh đó, Huy Bền tập trung xây dựng các tính năng quản trị sản phẩm, giỏ hàng và dữ liệu động, tạo nên mô hình sát với quy trình vận hành của một trang thương mại điện tử chuyên nghiệp.
Giao diện người dùng được thiết kế bằng Bootstrap, trực quan và hài hòa, mang đến cảm giác tự nhiên và thư giãn khi truy cập. Người dùng dễ dàng xem danh mục, hình ảnh, mô tả, giá bán hay ý nghĩa phong thủy của từng loại cây. Tính năng biến thể sản phẩm cho phép chọn kích thước chậu, loại cây hoặc kiểu dáng, tạo trải nghiệm mua sắm tùy biến và linh hoạt.
Ở hệ thống quản trị, website cung cấp chức năng quản lý sản phẩm giúp kiểm soát toàn bộ danh mục cây cảnh đang kinh doanh. Giao diện quản lý được thiết kế trực quan bằng Bootstrap, dễ thao tác trên nhiều thiết bị. Quản trị viên có thể thêm, chỉnh sửa, xóa hoặc cập nhật thông tin cây cảnh: tên cây, mã sản phẩm, hình ảnh, giá bán, mô tả, tình trạng hàng tồn và danh mục. Tất cả dữ liệu được lưu trữ và xử lý qua JSON Server, đảm bảo cập nhật nhanh, ổn định và chính xác.
Song song với đó, hệ thống quản trị còn có chức năng quản lý biến thể, cho phép định nghĩa kích thước chậu, màu sắc, kiểu dáng hoặc loại cây tương ứng. Mỗi biến thể đều có giá bán, hình ảnh đại diện và số lượng tồn kho riêng, giúp mô tả sản phẩm linh hoạt hơn và phù hợp với nhu cầu thực tế của kinh doanh cây cảnh. Khi quản trị viên cập nhật, dữ liệu sẽ được đồng bộ ngay trên JSON Server để đảm bảo thông tin mới nhất luôn hiển thị cho khách hàng.
Thông qua dự án, Huy Bền không chỉ rèn luyện kỹ năng lập trình JavaScript nâng cao mà còn hiểu rõ cách hoạt động của mô hình frontend – backend giả lập, cách xử lý dữ liệu bất đồng bộ và tổ chức mã theo hướng mô-đun. Quan trọng hơn, bạn còn học cách phân tích yêu cầu người dùng, thiết kế giao diện thân thiện và làm việc nhóm để phát triển một sản phẩm hoàn chỉnh – “đúng kỹ thuật, đẹp thẩm mỹ và dễ sử dụng”.
Giảng viên Lê Ngọc Đào
Bộ môn Công nghệ thông tin
FPT Polytechnic Cần Thơ
