Hướng dẫn quản lý lịch hẹn cho chủ tiệm với Vibe Coding
Back To Blogs
Nguyễn Thị Thanh Tuyền - Chuyên viên Marketing
Qua các bài trước, khách đã có thể vào website Nuny Nail chọn thợ, chọn giờ còn trống, đặt lịch và đánh giá thợ sau khi làm. Lịch hẹn ngày càng nhiều, nhưng chủ tiệm vẫn đang xem chúng dưới dạng danh sách trong admin, khó biết hôm nay thợ nào kín lịch, khách nào đang chờ xác nhận, và mỗi lần dời lịch cho khách lại phải tự nhẩm xem giờ mới có trùng không.
Trong bài này, chúng ta sẽ làm trang quản lý lịch hẹn cho chủ tiệm: xem lịch theo ngày với mỗi thợ một cột, xác nhận, hủy, dời lịch, đánh dấu khách không đến và thêm lịch cho khách gọi điện hoặc đến trực tiếp, tất cả thao tác được ngay trên điện thoại.
Phần 1. Chuẩn bị trang quản lý và dữ liệu mẫu
Bước 1: Tìm cách làm trang quản lý
Trang này chứa tên và số điện thoại của khách, nên chỉ người quản lý tiệm mới được vào. Để AI tra cứu trước:
Prompt mẫu
"Dùng MCP Server, hãy đề xuất cách làm trang quản lý lịch hẹn cho chủ tiệm Nuny Nail, dựa trên docs/thiet-ke-du-lieu-dat-lich.md. CHƯA sửa file, CHƯA tạo dữ liệu. Cho biết: Nên làm trong trang admin EzyPlatform hay một trang riêng, dùng chức năng có sẵn nào. Làm sao để chỉ người đăng nhập quản trị mới xem và thao tác được. Các thao tác xác nhận, hủy, dời lịch sẽ ghi vào dữ liệu lịch hẹn bằng cách nào. Phần nào là suy đoán thì ghi rõ."
Bước 2: Tạo lịch hẹn mẫu
Để thấy trang lịch trông thế nào khi tiệm đông khách, cho AI tạo lịch hẹn mẫu:
Prompt mẫu
"Hãy tạo lịch hẹn mẫu cho 3 ngày tới theo phương án đã chốt: Mỗi ngày 5 đến 7 lịch, chia cho chị Lan, Mai, Thảo, đúng dịch vụ thợ làm được, trong giờ mở cửa, không trùng giờ, có nghỉ 15 phút giữa hai khách. Có đủ các trạng thái: chờ xác nhận, đã xác nhận, đã hủy. Tên khách bắt đầu bằng 'MẪU', số điện thoại dạng 0900000xxx để không trùng số thật. Trước khi tạo, liệt kê toàn bộ và chờ tôi đồng ý."
Lưu ý: Xóa hết lịch hẹn mẫu trước khi tiệm nhận khách thật, để không chiếm giờ trống trên trang đặt lịch.
Phần 2. Trang lịch theo ngày
Prompt mẫu
"Hãy tạo trang quản lý lịch hẹn theo phương án đã chốt: Mặc định mở ngày hôm nay, có nút chuyển ngày trước, ngày sau và chọn ngày. Trên máy tính: mỗi thợ một cột, trục dọc là giờ mở cửa, mỗi lịch hẹn là một ô dài đúng thời gian làm. Trên điện thoại: chọn thợ ở đầu trang, lịch hiện thành danh sách theo giờ. Màu theo trạng thái: chờ xác nhận, đã xác nhận, hoàn thành, khách không đến, đã hủy. Lịch đã hủy ẩn mặc định, có nút bật để xem. Đầu trang hiện số lịch trong ngày và số lịch đang chờ xác nhận. Bấm vào lịch thì mở chi tiết: tên khách, số điện thoại (bấm để gọi hoặc mở Zalo), dịch vụ, thợ, giờ, ghi chú, tạm tính. Ngày thợ nghỉ thì cột của thợ đó hiện mờ, ghi 'nghỉ'. Yêu cầu: Chỉ người đăng nhập quản trị mới vào được trang này. Không đưa admin_access_token vào code giao diện. Làm theo brand-guide.md. Sau khi xong, liệt kê các file đã thay đổi và dừng lại để tôi xem trước."
Phần 3. Xác nhận, hủy, dời lịch
Bước 1: Thêm các thao tác trên lịch hẹn
Prompt mẫu
"Trong trang chi tiết lịch hẹn, hãy thêm các nút thao tác: Xác nhận: chuyển từ chờ xác nhận sang đã xác nhận. Hoàn thành: dùng khi khách làm xong, tạo đường dẫn đánh giá như bài trước. Khách không đến: chỉ bấm được khi đã qua giờ hẹn, giờ đó được trả lại cho thợ. Hủy: bắt buộc chọn lý do (khách báo hủy, tiệm hủy, khác), giờ đó được trả lại cho thợ. Dời lịch: chọn thợ, ngày, giờ mới. Chỉ hiện giờ còn trống, dùng lại đúng API tính giờ trống ở bài 5, kiểm tra lại trước khi lưu. Ghi lại lịch sử thay đổi: ai làm, lúc nào, đổi từ gì sang gì. Thêm nút 'Thêm lịch hẹn' cho khách gọi điện hoặc đến trực tiếp: chọn dịch vụ, thợ, giờ trống, nhập tên và số điện thoại, lưu với trạng thái đã xác nhận. Yêu cầu: Thao tác hủy và khách không đến phải hỏi lại trước khi lưu. Không cho lưu lịch trùng giờ với lịch khác của cùng thợ. Sau khi xong, liệt kê các file đã thay đổi và dừng lại để tôi xem trước."
Bước 2: Thử như chủ tiệm
- Mở trang quản lý trên điện thoại khi chưa đăng nhập: phải bị chuyển tới trang đăng nhập, không thấy lịch hẹn nào.
- Đăng nhập, xem ngày mai: các lịch mẫu hiện đúng cột thợ, đúng giờ, đúng màu trạng thái.
Nếu có chỗ chưa đúng, mô tả cho AI chính xác những gì bạn thấy, ví dụ: "đã hủy lịch 14:00 của Mai nhưng trang đặt lịch vẫn không hiện giờ 14:00".
Kết luận
Qua bài này, chủ tiệm Nuny Nail đã có trang quản lý lịch hẹn riêng, chỉ người quản lý mới vào được: xem lịch theo ngày với mỗi thợ một cột trên máy tính hoặc từng thợ trên điện thoại, biết ngay còn bao nhiêu lịch chờ xác nhận, bấm một lần để xác nhận, hoàn thành, hủy hay đánh dấu khách không đến, dời lịch và thêm lịch cho khách gọi điện mà chỉ chọn được giờ còn trống, và mọi thay đổi đều được ghi lại lịch sử.
Vì trang quản lý dùng chung dữ liệu và chung cách tính giờ trống với trang đặt lịch, mỗi thao tác của chủ tiệm đều cập nhật ngay những giờ khách thấy trên website.
Ở bài tiếp theo, chúng ta sẽ hoàn thiện form đặt lịch nhiều bước trên điện thoại, cho khách gửi kèm ảnh mẫu móng muốn làm và có trang xác nhận lịch hẹn rõ ràng.
