Đồ án tốt nghiệp - Shop mỹ phẩm Hasaki có tích hợp AI Chatbot - Báo cáo đầy đủ

[Mã code 54463]
  1 Đánh giá    Viết đánh giá
 0      46      0
Phí tải: 180 Xu (1Xu = 1.000đ)
Danh mục
Thể loại
Nhóm code
Ngày đăng
29-7-2026
Loại file
Full code
Dung lượng
1,92 MB
Code đã kiểm thử
Cam kết hỗ trợ
Không chứa mã độc
Có demo thực tế
Có hướng dẫn cài đặt

Frontend: HTML5 + SCSS (biên dịch ra CSS) + Vanilla JavaScript Backend: PHP thuần (PHP 8+) theo mô hình 3-Layer (DataAccess → Business → Controller/View) Database: MySQL 8


MÔ TẢ CHI TIẾT
 
# HASAKI - Website bán mỹ phẩm

Đồ án tốt nghiệp **"Thiết kế Website bán mỹ phẩm Hasaki"**
Source code được xây dựng lại bám sát theo báo cáo đồ án:
- **Frontend**: HTML5 + SCSS (biên dịch ra CSS) + Vanilla JavaScript
- **Backend**: PHP thuần (PHP 8+) theo mô hình **3-Layer (DataAccess → Business → Controller/View)**
- **Database**: MySQL 8

---

## 📁 Cấu trúc thư mục

```
hasaki/
├── config/                 # Config + DB connection (Database::getConnection())
│   ├── config.php
│   └── database.php
├── database/
│   └── schema.sql          # Schema + seed data (11 bảng)
├── src/
│   ├── DataAccess/         # Tầng truy xuất dữ liệu (PDO)
│   │   ├── BaseDAL.php
│   │   ├── ProductDAL.php, CategoryDAL.php
│   │   ├── CustomerDAL.php, EmployeeDAL.php
│   │   ├── AccountDAL.php, InvoiceDAL.php
│   │   ├── ImportInvoiceDAL.php, WarehouseDAL.php
│   ├── Business/           # Tầng xử lý nghiệp vụ
│   │   ├── AuthBLL.php, CartBLL.php
│   │   ├── ProductBLL.php, CategoryBLL.php
│   │   ├── CustomerBLL.php, EmployeeBLL.php
│   │   ├── AccountBLL.php, InvoiceBLL.php
│   └── helpers/
│       └── functions.php   # Hàm tiện ích chung
├── public/                 # Document root (Controller / View)
│   ├── index.php           # Trang chủ
│   ├── products.php        # Danh sách sản phẩm
│   ├── product-detail.php  # Chi tiết sản phẩm
│   ├── cart.php            # Giỏ hàng
│   ├── cart-action.php     # Add/update/remove cart
│   ├── checkout.php        # Thanh toán
│   ├── order-success.php
│   ├── login.php / register.php / logout.php
│   ├── account.php         # Trang tài khoản KH
│   ├── about.php
│   ├── admin/              # Phân hệ quản trị
│   │   ├── login.php
│   │   ├── index.php       # Dashboard tổng quan
│   │   ├── products.php, categories.php
│   │   ├── customers.php, employees.php, accounts.php
│   │   ├── invoices.php, import-invoices.php
│   │   ├── warehouse.php, stats.php
│   │   └── includes/layout-top.php, layout-bottom.php
│   ├── includes/header.php, footer.php, product-card.php
│   └── assets/
│       ├── scss/           # SCSS sources
│       │   ├── style.scss (entry)
│       │   ├── _variables.scss, _mixins.scss, _base.scss
│       │   ├── _header.scss, _footer.scss
│       │   ├── _home.scss, _product.scss, _cart.scss, _auth.scss
│       │   └── admin/admin.scss, _admin-base.scss
│       ├── css/            # CSS đã biên dịch (style.css, admin.css)
│       ├── js/main.js
│       └── images/         # Ảnh sản phẩm
├── index.php / .htaccess   # Forward đến /public
├── package.json            # Script biên dịch SCSS
└── README.md
## 🚀 Cài đặt

### 1. Yêu cầu môi trường
- **Laragon** / **XAMPP** / **WAMP** với:
  - PHP 8.0+
  - MySQL 8 hoặc MariaDB 10.5+
  - Apache (hoặc dùng PHP built-in server để test nhanh)
- Node.js (nếu muốn biên dịch lại SCSS)

### 2. Đặt source code
Đặt thư mục dự án vào `www/` của Laragon:
```
I:\laragon\www\hasaki\
```

Hasaki sẽ truy cập tại: **http://localhost/hasaki** (hoặc cấu hình Auto Virtual Host của Laragon: `http://hasaki.test`).

### 3. Tạo database
Mở MySQL và import schema:
```bash
mysql -uroot < database/schema.sql
```

(hoặc dùng phpMyAdmin / HeidiSQL import file `database/schema.sql`)

Schema sẽ tự tạo database `hasaki_db` với:
- 11 bảng theo đúng thiết kế trong báo cáo
- 6 danh mục, 16 sản phẩm mẫu
- 3 tài khoản mẫu (xem ở dưới)

> **Nâng cấp CSDL đã có sẵn**: nếu bạn đang chạy bản DB cũ, hãy chạy thêm migration cảnh báo tồn kho để tạo bảng `ThongBao` + nhóm cấu hình *Kho hàng*:
> ```bash
> mysql -uroot --default-character-set=utf8mb4 < database/migrate_v5.sql
> ```

### 4. Chỉnh thông tin kết nối DB
Mở `config/database.php`:
```php
define('DB_HOST', 'localhost');
define('DB_NAME', 'hasaki_db');
define('DB_USER', 'root');
define('DB_PASS', '');     // mặc định Laragon root không mật khẩu
```

### 5. (Tùy chọn) Biên dịch lại SCSS
```bash
npm install
npm run build:css        # build 1 lần
npm run watch:css        # watch khi develop
```

CSS đã được biên dịch sẵn trong `public/assets/css/` nên có thể bỏ qua bước này nếu chưa chỉnh SCSS.

 


XEM THÊM ==> Hướng dẫn cài đặt chi tiết

 

HÌNH ẢNH DEMO

Đồ án,AI,Shop,tốt nghiệp,mỹ phẩm,Chatbot

Đồ án,AI,Shop,tốt nghiệp,mỹ phẩm,Chatbot

Đồ án,AI,Shop,tốt nghiệp,mỹ phẩm,Chatbot

Đồ án,AI,Shop,tốt nghiệp,mỹ phẩm,Chatbot

Đồ án,AI,Shop,tốt nghiệp,mỹ phẩm,Chatbot

Nguồn: Sharecode.vn



HƯỚNG DẪN CÀI ĐẶT
## 🚀 Cài đặt

### 1. Yêu cầu môi trường
- **Laragon** / **XAMPP** / **WAMP** với:
  - PHP 8.0+
  - MySQL 8 hoặc MariaDB 10.5+
  - Apache (hoặc dùng PHP built-in server để test nhanh)
- Node.js (nếu muốn biên dịch lại SCSS)

### 2. Đặt source code
Đặt thư mục dự án vào `www/` của Laragon:
```
I:\laragon\www\hasaki\
```

Hasaki sẽ truy cập tại: **http://localhost/hasaki** (hoặc cấu hình Auto Virtual Host của Laragon: `http://hasaki.test`).

### 3. Tạo database
Mở MySQL và import schema:
```bash
mysql -uroot < database/schema.sql
```

(hoặc dùng phpMyAdmin / HeidiSQL import file `database/schema.sql`)

Schema sẽ tự tạo database `hasaki_db` với:
- 11 bảng theo đúng thiết kế trong báo cáo
- 6 danh mục, 16 sản phẩm mẫu
- 3 tài khoản mẫu (xem ở dưới)

> **Nâng cấp CSDL đã có sẵn**: nếu bạn đang chạy bản DB cũ, hãy chạy thêm migration cảnh báo tồn kho để tạo bảng `ThongBao` + nhóm cấu hình *Kho hàng*:
> ```bash
> mysql -uroot --default-character-set=utf8mb4 < database/migrate_v5.sql
> ```

### 4. Chỉnh thông tin kết nối DB
Mở `config/database.php`:
```php
define('DB_HOST', 'localhost');
define('DB_NAME', 'hasaki_db');
define('DB_USER', 'root');
define('DB_PASS', '');     // mặc định Laragon root không mật khẩu
```

### 5. (Tùy chọn) Biên dịch lại SCSS
```bash
npm install
npm run build:css        # build 1 lần
npm run watch:css        # watch khi develop
```

CSS đã được biên dịch sẵn trong `public/assets/css/` nên có thể bỏ qua bước này nếu chưa chỉnh SCSS.

 

 
 
LINK DOWNLOAD

hasaki-master.zip [1,92 MB]

File đã được kiểm thử
     Báo vi phạm bản quyền
Pass giải nén (Nếu có):
sharecode.vn
DOWNLOAD
(180 Xu)
Bạn có code hay
ĐĂNG BÁN NGAY

BÌNH LUẬN



ĐÁNH GIÁ


ĐIỂM TRUNG BÌNH

5
1 Đánh giá
Code rất tốt (1)
Code tốt (0)
Code rất hay (0)
Code hay (0)
Bình thường (0)
Thành viên
Nội dung đánh giá
15:34 - 29/7/2026
Code rất tốt
Code rất tốt và phù hợp để phát triển

 HỖ TRỢ TRỰC TUYẾN