Source Code Website Bán Quần Áo – CodeIgniter 4 Full Chức Năng Frontend & Admin
Website bán hàng quần áo được lập trình bằng PHP Framework CodeIgniter 4 (CI4) theo chuẩn kiến trúc MVC, kết nối cơ sở dữ liệu MySQL, giao diện hiện đại, responsive với Bootstrap 5. Dễ dàng mở rộng, phù hợp triển khai thực tế cho các shop bán hàng online hoặc làm đồ án tốt nghiệp, học tập dự án thực chiến.
🧾 Tính năng chi tiết:
👤 Frontend – Chức năng khách hàng:
-
Đăng ký tài khoản người dùng mới
-
Đăng nhập, đăng xuất người dùng
-
Duyệt sản phẩm theo danh mục (danh mục cha - con)
-
Xem chi tiết sản phẩm: tên, mô tả, giá, ảnh, tình trạng tồn kho
-
Thêm sản phẩm vào giỏ hàng
-
Cập nhật số lượng hoặc xóa khỏi giỏ
-
Nhập thông tin đặt hàng: họ tên, số điện thoại, địa chỉ
-
Gửi đơn hàng và nhận thông báo xác nhận
-
Theo dõi lịch sử đơn hàng đã đặt
🔐 Admin – Quản trị hệ thống:
-
Đăng nhập/đăng xuất dành cho quản trị viên
-
Quản trị viên có thể cập nhật thông tin tài khoản cá nhân
-
Hệ thống phân quyền: có thể mở rộng thêm quyền quản lý riêng cho nhân viên
📦 Quản lý sản phẩm:
-
Danh sách sản phẩm hiển thị bằng DataTables: tìm kiếm, phân trang, lọc dữ liệu trực tiếp
-
Thêm sản phẩm mới: tên, mã, giá, mô tả, ảnh, tồn kho, danh mục
-
Sửa thông tin sản phẩm
-
Xóa sản phẩm (xóa mềm hoặc xóa thật tùy logic triển khai)
-
Gắn sản phẩm vào 1 hoặc nhiều danh mục
🗂️ Quản lý danh mục:
-
Hiển thị danh sách danh mục theo cây phân cấp (cha - con)
-
Thêm, sửa, xóa danh mục sản phẩm
-
Tự động cập nhật sản phẩm liên quan khi chỉnh danh mục
🏬 Quản lý kho hàng:
-
Xem số lượng tồn kho theo từng sản phẩm
-
Chức năng Nhập kho: thêm số lượng vào tồn kho
-
Chức năng Xuất kho: giảm số lượng khi bán ra hoặc điều chuyển
-
Ghi nhận lịch sử nhập – xuất kho theo thời gian
-
Cảnh báo tồn kho thấp hoặc hết hàng (có thể mở rộng thêm email/thông báo)
👥 Quản lý nhân viên (tài khoản phụ admin):
-
Thêm nhân viên mới và cấp tài khoản đăng nhập
-
Sửa thông tin nhân viên
-
Xóa tài khoản nhân viên (hoặc khóa)
-
Phân quyền thao tác theo chức năng (tùy theo nhu cầu mở rộng)
📦 Quản lý đơn hàng:
-
Xem danh sách đơn hàng khách đã đặt
-
Xem chi tiết đơn: danh sách sản phẩm, người mua, tổng tiền, trạng thái
-
Cập nhật trạng thái đơn hàng: Đang xử lý – Đang giao – Hoàn tất – Đã hủy
-
Lọc đơn hàng theo ngày, trạng thái, tên khách hàng
-
Tự động trừ tồn kho khi đơn hàng được xác nhận
📊 Thống kê – Doanh thu:
-
Thống kê tổng số đơn hàng theo ngày, tháng, năm
-
Doanh thu chi tiết và tổng hợp
-
Danh sách sản phẩm bán chạy nhất
-
Báo cáo đơn hàng theo trạng thái (đã hoàn tất, đang xử lý, đã hủy)
-
Hiển thị trực quan bằng biểu đồ (có thể tích hợp Chart.js hoặc Google Chart)
⚙️ Công nghệ sử dụng:
-
PHP 8.x + CodeIgniter 4 (CI4)
-
MySQL / MariaDB
-
HTML5, CSS3, Bootstrap 5
-
JavaScript, jQuery
-
DataTables: xử lý bảng dữ liệu nâng cao
-
Có thể mở rộng thêm CKEditor, Chart.js, Ajax, SweetAlert...
📁 File bàn giao:
-
Full source code CodeIgniter 4
-
File cơ sở dữ liệu (.sql)
-
Hướng dẫn cài đặt chi tiết (HTML/PDF hoặc README)
-
Hỗ trợ cài đặt ban đầu nếu cần (tuỳ thỏa thuận riêng)
🎯 Phù hợp cho:
-
Sinh viên thực hiện đồ án tốt nghiệp ngành Công nghệ thông tin
-
Lập trình viên Freelancer cần nền tảng bán hàng để phát triển thêm
-
Chủ shop quần áo, phụ kiện, mỹ phẩm muốn triển khai bán hàng online
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
📦 Hướng Dẫn Cài Đặt Source Code Website CodeIgniter 4 (CI4)
✅ 1. Yêu cầu hệ thống:
-
PHP >= 8.0
-
MySQL hoặc MariaDB
-
Composer (bắt buộc để cài thư viện)
-
Apache hoặc Nginx (có thể dùng XAMPP, Laragon...)
📝 2. Các bước cài đặt:
📁 Bước 1: Tải source code
Giải nén source code vào thư mục web (ví dụ: htdocs với XAMPP hoặc www với Laragon).
🧱 Bước 2: Tạo database
Truy cập vào phpMyAdmin hoặc dùng MySQL CLI, sau đó tạo một database mới:
CREATE DATABASE shop_ci4 CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
⚙️ Bước 3: Cấu hình kết nối database
Mở file app/Config/Database.php và chỉnh sửa phần $default:
'hostname' => 'localhost',
'username' => 'root',
'password' => '',
'database' => 'shop_ci4',
🧪 Bước 4: Cài đặt các thư viện bằng Composer
Mở terminal/cmd tại thư mục source và chạy:
composer install
🧱 Bước 5: Khởi tạo bảng dữ liệu
Chạy lệnh migrate để tạo bảng:
php spark migrate
📄 (Tùy chọn) Đổi tên file môi trường:
Đổi tên .env.example thành .env, sau đó bật chế độ debug nếu cần:
CI_ENVIRONMENT = development
🚀 6. Chạy website
Chạy server nội bộ bằng lệnh:
php spark serve
Sau đó truy cập trình duyệt: http://localhost:8080
📌 Ghi chú:
-
Luôn chạy các lệnh từ thư mục gốc của dự án (nơi chứa file
spark).
-
Nếu sử dụng hosting hoặc XAMPP, hãy trỏ trình duyệt vào thư mục
public.