Website bán điện thoại tích hợp chatbot AI là một đồ án thực tập tốt nghiệp hoàn chỉnh, giúp sinh viên và lập trình viên có một sản phẩm thực tế để học tập, tham khảo hoặc triển khai bán hàng offline.
Giao diện hiện đại, thân thiện, tương thích với mọi kích thước màn hình. Người dùng có thể dễ dàng tìm kiếm, lọc, xem chi tiết và mua sản phẩm. Đặc biệt, chatbot AI thông minh có khả năng tư vấn sản phẩm, giới thiệu điện thoại phù hợp và hỗ trợ trả lời các câu hỏi thường gặp.
Website được xây dựng bằng HTML, CSS, JavaScript kết hợp với LocalStorage để lưu trữ dữ liệu cục bộ, không cần kết nối server hay hosting. Phù hợp với sinh viên làm đồ án web, bài tập lớn hoặc demo ý tưởng bán hàng thông minh.
🔹 Tính năng người dùng:
– Đăng ký/đăng nhập tài khoản.
– Duyệt và tìm kiếm sản phẩm theo hãng, giá, đánh giá, khuyến mãi.
– Thêm vào giỏ hàng, mua hàng, xem lịch sử mua.
– Chatbot AI hỗ trợ tư vấn chọn sản phẩm.
🔹 Tính năng quản trị (admin):
– Đăng nhập admin để quản lý toàn bộ website.
– Thống kê doanh thu và số lượng bán theo từng hãng.
– Quản lý sản phẩm: thêm, sửa, xoá, lọc, tìm kiếm.
– Quản lý đơn hàng: duyệt/hủy đơn.
– Quản lý khách hàng: tìm, xoá, khoá tài khoản.
⚙️ Bước 1: Cài thư viện cho chatbot
Mở terminal (cmd) và chạy lệnh sau để cài các thư viện cần thiết cho chatbot:
⚙️ Bước 2: Khởi động chatbot AI
Chạy file botchat.py
:
Khi dòng Running on http://127.0.0.1:5000
xuất hiện là chatbot đã sẵn sàng.
🌐 Bước 3: Mở website trên trình duyệt
Mở file index.html
bằng trình duyệt Chrome hoặc Edge.
👤 Tài khoản quản trị viên (Admin):
-
Tên đăng nhập: admin
-
Mật khẩu: 3120221057
🔍 Điểm đặc biệt:
File botchat.py
đã được cấu hình sẵn nội dung dữ liệu về cửa hàng "Quolocstore", bao gồm thông tin chủ sở hữu, địa chỉ, số điện thoại, dịch vụ cung cấp, fanpage,...
Điều này giúp chatbot AI có thể trả lời các câu hỏi về cửa hàng như:
– Cửa hàng tên gì, ở đâu?
– Ai là chủ sở hữu?
– Có bán iPhone/Samsung/Xiaomi không?
– Liên hệ qua Facebook hay số điện thoại nào?
Đây là tài nguyên quý giá nếu bạn muốn học cách huấn luyện chatbot đơn giản bằng văn bản, hoặc tùy biến chatbot AI cho cửa hàng thật của riêng mình.
⚠️ Lưu ý:
– Website không cần cơ sở dữ liệu hay backend.
– Mọi dữ liệu lưu cục bộ bằng LocalStorage.
– Phải chạy chatbot (botchat.py
) trước để chức năng tư vấn AI hoạt động.