Công nghệ Giao diện (Frontend)
-
Tailwind CSS: Xây dựng giao diện dạng thẻ (Card) chuẩn Mobile-First, thiết kế hiện đại, responsive hoàn hảo trên điện thoại.
-
Alpine.js: Quản lý trạng thái UI nhẹ nhàng (đóng/mở Sidebar trên mobile, bật/tắt Modal Thêm/Sửa dữ liệu mượt mà không cần load lại trang).
-
SweetAlert2: Hiển thị các hộp thoại thông báo (thành công, báo lỗi) và cảnh báo xác nhận xóa bo góc cực kỳ chuyên nghiệp.
-
Select2 (kết hợp jQuery): Biến đổi các ô chọn (Select) mặc định thành dạng dropdown có tích hợp thanh tìm kiếm thông minh.
-
Định dạng tiền tệ tự động: Dùng Vanilla JavaScript để tự động thêm dấu phẩy (,) khi người dùng gõ số tiền và loại bỏ dấu phẩy trước khi submit vào Database.
2. Các chức năng cốt lõi (Backend - Pure PHP)
-
Xác thực & Phân quyền: Mã hóa mật khẩu bằng Bcrypt, bảo vệ Session. Có 2 cấp độ quyền: Super Admin (Quản lý toàn bộ Web) và Member/Group Admin (Chỉ quản lý nhóm của mình).
-
Bảng điều khiển (Dashboard): Tính toán tự động "Số dư ròng" (Net Balance) dựa trên lịch sử chi và trả nợ để báo cho người dùng biết họ đang âm hay dương tiền.
-
Quản lý Nhóm & Thành viên: Tạo nhóm, thêm người dùng vào nhóm, phân quyền và có thể kích xuất thành viên.
-
Quản lý Chi tiêu (Chia tiền tự động): Khi một người ghi nhận khoản chi, hệ thống tự động đếm số thành viên trong nhóm và chia đều công nợ vào CSDL bằng Database Transactions (PDO).
-
Thanh toán / Trả nợ (Settlements): Ghi nhận luồng tiền giao dịch trực tiếp từ "Người A" sang "Người B" để cấn trừ nợ nần. Hiển thị UI kết nối trực quan.
-
Gửi Email thông báo (PHPMailer): Tích hợp giao thức SMTP. Tự động quét email và bắn thông báo nhắc nợ tuyệt đẹp đến các thành viên ngay khi có khoản chi mới phát sinh.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
thêm tệp csdl vào mysql
thay đổi mail và mật khẩu ứng dụng ở file mailer.php
truy cập localhost/group_expense