Đồ á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      16      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
#
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

# [#]

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