[Mã code 104855]

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

  (1 Đánh giá)
  0       5    

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

Danh mục
Thể loại
Ngày đăng
29-7-2026
Loại file
Full code
File download
 hasaki-master.zip [1,92 MB]
CAM KẾT TỪ NGƯỜI BÁN
Thông tin code đúng như mô tả
Hỗ trợ người mua sau khi tải code

(Hạng vàng)
Xem trang

Source code
2

Đánh giá (2)
5/5

Ngày tham gia
7/9/2023

 
# 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


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.

 




Nguồn: Topcode.vn

BÌNH LUẬN (0)


ĐÁNH GIÁ (1)

Đ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á
13:48 - 2/9/2026
Code rất tốt
Code chất lượng, hỗ trợ tốt
HỖ TRỢ TRỰC TUYẾN