1. Phân hệ Người dùng (Client Side)
-
Trang chủ: Banner slide động, hiển thị 6 dịch vụ mới nhất và 3 tin tức tiêu điểm.
-
Giới thiệu: Trình bày câu chuyện thương hiệu, giá trị cốt lõi và form liên hệ ảo tích hợp thông báo SweetAlert2.
-
Dịch vụ: Danh sách toàn bộ dịch vụ, bộ lọc theo danh mục và giá tiền, có phân trang.
-
Tin tức: Danh sách bài viết có thanh tìm kiếm và trang chi tiết bài viết hỗ trợ nội dung dài với thanh cuộn custom.
-
Đặt lịch: Form đặt lịch thông minh (tự lấy thông tin user đã đăng nhập), yêu cầu đăng nhập và ngăn chặn chọn ngày trong quá khứ.
-
Tài khoản cá nhân:
-
Đăng ký/Đăng nhập (mã hóa mật khẩu, thông báo Swal2).
-
Chỉnh sửa hồ sơ: Thay đổi thông tin cá nhân, đổi mật khẩu và upload ảnh đại diện (avatar).
-
Quản lý lịch hẹn: Xem danh sách lịch đã đặt, xem chi tiết qua modal và quyền hủy các đơn ở trạng thái "Chờ xác nhận".
2. Phân hệ Quản trị (Admin Side)
-
Dashboard (Thống kê):
-
Báo cáo tổng quan: Đơn chờ duyệt, lịch trong ngày, tổng khách hàng, tổng doanh thu.
-
Biểu đồ doanh thu: Biểu đồ đường (Line Chart) trực quan, có bộ lọc xem theo Ngày, Tháng hoặc Năm.
-
Danh sách lịch hẹn mới: Hiển thị nhanh các đơn hàng vừa phát sinh.
-
Quản lý Lịch hẹn:
-
Danh sách đơn đặt có phân trang và bộ lọc theo trạng thái (Chờ, Duyệt, Xong, Hủy).
-
Xem chi tiết nội dung đơn đặt (dịch vụ, giờ giấc, ghi chú của khách).
-
Cập nhật trạng thái đơn hàng (Duyệt/Hoàn thành/Hủy).
-
Hệ thống bảo vệ: Không cho phép chỉnh sửa hoặc thao tác trên các đơn đã bị hủy.
3. Công nghệ & Giao diện
-
Ngôn ngữ: PHP (PDO) & MySQL.
-
Giao diện: Bootstrap 5, phong cách hiện đại, tone màu xanh lá chủ đạo (Green Pastel), hỗ trợ hiển thị tốt trên các thiết bị.
-
Trải nghiệm người dùng: Sử dụng SweetAlert2 cho mọi thông báo, chuyển hướng mượt mà, cấu trúc URL sạch (Friendly URL).
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
import csdl, truy cập localhost/ tên project