Đồ án website shop mẹ và bé

(1 Đánh giá)

0 42

Giao diện (UI/UX): Sử dụng phong cách Glassmorphism (Kính mờ) hiện đại, tông màu Pastel dịu mắt.

Danh mục

PHP & MySQL

Thể loại

WebsiteBán hàng - TMĐT

Ngày đăng

10-4-2026

Loại file

Full code

File download

# [#]

Gửi thông báo lỗi Báo vi phạm bản quyền

Gửi ngay

CAM KẾT TỪ NGƯỜI BÁN

Thông tin code đúng như mô tả

Hỗ trợ người mua sau khi tải code

Ếch xanh coder

(Hạng vàng)
Xem trang

Source code
739

Đánh giá (749)
5/5

Ngày tham gia
10/4/2025

1. Phân hệ Khách hàng (Front-end)

Giao diện (UI/UX): Sử dụng phong cách Glassmorphism (Kính mờ) hiện đại, tông màu Pastel dịu mắt. Tối ưu hoàn toàn cho di động với Sidebar trượt ngang, thanh điều hướng dính (sticky) đếm giỏ hàng realtime, và các thông báo mượt mà bằng SweetAlert2.
Hệ thống Tài khoản: Đăng ký/Đăng nhập bảo mật. Trang Profile trang bị Dashboard cá nhân để theo dõi tổng chi tiêu, cập nhật thông tin, upload ảnh đại diện và đổi mật khẩu.
Mua sắm & Tìm kiếm: * Lưới sản phẩm linh hoạt (2 cột trên mobile, 4 cột trên PC).
- Bộ lọc nâng cao tự động lấy khoảng giá Min/Max từ CSDL, kết hợp lọc theo danh mục và từ khóa. Phân trang giữ nguyên trạng thái tìm kiếm qua URL.
Giỏ hàng & Đặt hàng: Tự động tính tổng tiền và phí vận chuyển (Freeship cho đơn từ 500k). Thanh toán tự động điền thông tin người dùng, xử lý lưu đơn và trừ tồn kho chính xác bằng SQL Transaction. Kết thúc bằng hiệu ứng pháo giấy (Confetti) chúc mừng.
Theo dõi Đơn hàng: Danh sách đơn hàng trực quan với thanh tiến độ giao hàng động (icon xe tải chạy theo trạng thái). Tích hợp tính năng tự hủy đơn (khi đang chờ duyệt) đi kèm cơ chế tự động hoàn trả số lượng vào kho. Xem chi tiết đơn qua Modal không cần tải lại trang.
Tin tức & Liên hệ: Giao diện bài viết tối ưu cho việc đọc, render hoàn hảo hình ảnh và định dạng từ CKEditor. Trang liên hệ tích hợp nhúng Google Maps.

2. Phân hệ Quản trị (Admin Back-end)

Giao diện Admin: Bố cục Dashboard 깔 gọn, Sidebar thông minh tự động nổi bật (active) trùng khớp với trang đang thao tác.
Quản lý Kho hàng: * Kiểm soát chặt chẽ Danh mục và Sản phẩm. Tự động xử lý, đổi tên chống trùng lặp khi upload ảnh lên server.
- Cơ chế an toàn: Chặn xóa danh mục nếu bên trong vẫn còn sản phẩm.
Quản lý Đơn hàng:
- Bộ lọc kết hợp: Tìm kiếm chéo theo Mã đơn, Tên khách, SĐT và Trạng thái đơn.
- Tính năng In Hóa đơn: Sử dụng thủ thuật CSS @media print để ẩn toàn bộ giao diện quản trị, chỉ in ra bản Invoice chuyên nghiệp có đầy đủ thông tin khách hàng, bảng tính tiền và ảnh sản phẩm thu nhỏ.
Quản lý Nội dung (CMS):Tích hợp bộ soạn thảo CKEditor 4 cho phép định dạng văn bản nâng cao và chèn trực tiếp các tệp đa phương tiện vào bài viết Tin tức.