Giới thiệu dự án

Thương mại điện tử (E-commerce) tại Việt Nam đang trải qua giai đoạn tăng trưởng vượt bậc với tốc độ bình quân hơn 20 - 25%/năm. Cùng với xu hướng bùng nổ của các thiết bị thông minh, nhu cầu sở hữu sản phẩm công nghệ (smartphone, laptop, tai nghe, phụ kiện) qua kênh trực tuyến tăng vọt. Tuy nhiên, các giải pháp mã nguồn mở truyền thống (như WordPress/WooCommerce hoặc Magento) thường gặp rào cản lớn về tốc độ xử lý khi lưu lượng truy cập tăng đột biến, tiêu tốn tài nguyên máy chủ và tiềm ẩn nhiều rủi ro bảo mật nếu không được tối ưu chuyên sâu.

Đề tài "Xây Dựng Website Thương Mại Điện Tử Bán Thiết Bị Công Nghệ" (Đồ án Cơ sở 2 - Khoa Khoa học Máy tính, Trường Đại học Công nghệ Thông tin & Truyền thông Việt - Hàn) do sinh viên Phan Tá Tấn Lực (22IT167) và Mai Công Sơn (22IT.B179) thực hiện, dưới sự hướng dẫn của TS. Lê Thành Công, giải quyết trực tiếp bài toán xây dựng nền tảng bán lẻ công nghệ hiệu năng cao, bảo mật và thân thiện với người dùng.

+-----------------------------------------------------------------------+
|                           PROBLEM STATEMENT                           |
|  1. Độ trễ hệ thống cao khi xử lý đồng thời nhiều giao dịch mua sắm.  |
|  2. Giao diện người dùng phức tạp, thiếu tính đồng bộ kiểu dữ liệu.   |
|  3. Quản lý kho hàng, hóa đơn và dữ liệu khách hàng chưa tối ưu.      |
+-----------------------------------------------------------------------+
                                   │
                                   ▼
+-----------------------------------------------------------------------+
|                           SOLUTION APPROACH                           |
|  - Backend: Ngôn ngữ Go (Golang) hiệu năng cao, concurrency tối ưu.   |
|  - Frontend: ReactJS kết hợp TypeScript đảm bảo Static Type Safety.   |
|  - Database: Hệ quản trị cơ sở dữ liệu quan hệ SQL chuẩn hóa 3NF.    |
|  - Design: Phân tích hướng đối tượng với hệ thống sơ đồ chuẩn UML 2.0.|
+-----------------------------------------------------------------------+

Mục tiêu dự án

  1. Phát triển nền tảng E-commerce hoàn chỉnh: Cung cấp đầy đủ luồng nghiệp vụ từ duyệt danh mục sản phẩm, tìm kiếm thời gian thực, quản lý giỏ hàng, danh sách yêu thích (Wishlist) đến quy trình thanh toán 2 giai đoạn.
  2. Tối ưu hóa hiệu năng backend: Ứng dụng ngôn ngữ Go để xử lý đa nhiệm (concurrency) thông qua Goroutines và Channels, giảm độ trễ phản hồi API xuống dưới 50ms.
  3. Đảm bảo tính toàn vẹn và an toàn dữ liệu: Áp dụng hệ thống kiểu tĩnh (Static Typing) từ TypeScript ở Frontend và Go ở Backend kết hợp cơ sở dữ liệu quan hệ SQL tuân thủ chuẩn ACID.
  4. Xây dựng phân hệ quản trị (Admin Dashboard): Giúp chủ cửa hàng kiểm soát vòng đời sản phẩm, phân quyền người dùng, quản lý trạng thái đơn hàng và thống kê doanh thu.
  5. Hỗ trợ xác thực đa kênh: Tích hợp cơ chế đăng nhập truyền thống cùng OAuth 2.0 (Google Account, Facebook Account).

Phạm vi và giới hạn hệ thống

  • Phạm vi chức năng: Bán lẻ các mặt hàng thiết bị công nghệ (Laptop, Mobile, Audio Devices, Accessories); hỗ trợ khách hàng vãng lai và thành viên chính thức; quản trị viên vận hành hệ thống.
  • Giới hạn: Cổng thanh toán trực tuyến hiện dừng ở mức tích hợp giả lập quy trình ngân hàng (Sandbox API validation); giao diện trang quản trị Admin tập trung vào tính năng cốt lõi, tiếp tục được tối ưu hóa UX trong giai đoạn kế tiếp.

Phân tích và thiết kế giải pháp

Phân tích hiện trạng

Tiêu chí Nền tảng CMS (WooCommerce/PrestaShop) Nền tảng Monolithic Node.js/Express Giải pháp Đề tài (Go + React/TypeScript)
Hiệu năng xử lý (RPS) Thấp (< 300 RPS/core) Trung bình (~1,200 RPS/core) Rất cao (> 4,500 RPS/core)
Tiêu thụ RAM Cao (PHP-FPM tốn 30-50MB/worker) Trung bình (V8 Engine ~150MB base) Rất thấp (< 30MB base memory)
Kiểm soát lỗi biên dịch Yếu (Dynamic Typing) Phụ thuộc cấu hình linting Mạnh mẽ (Compile-time Type Check)
Khả năng mở rộng Khó tách rời dịch vụ Trung bình Tuyệt vời (Dễ chuyển sang Microservices)
Chi phí hạ tầng Trung bình đến cao Trung bình Tối ưu tối đa chi phí Cloud VPS

Ma trận ưu tiên yêu cầu người dùng (MoSCoW)

  • Must have (Bắt buộc): Đăng ký/đăng nhập (JWT + OAuth2), hiển thị danh mục, giỏ hàng, đặt hàng, quản lý đơn hàng/sản phẩm (CRUD).
  • Should have (Nên có): Danh sách sản phẩm yêu thích (Wishlist), hệ thống bình luận (Comments/Reviews) tương tác trực tiếp, bộ lọc sản phẩm theo giá và khuyến mãi.
  • Could have (Có thể có): Chuyên mục Blog tin tức công nghệ, gửi mã giảm giá (Voucher) tri ân khách hàng.
  • Won't have (Chưa thực hiện ở giai đoạn này): Tự động gợi ý sản phẩm bằng Machine Learning, tích hợp đa kho hàng vật lý.

Thiết kế hệ thống

Kiến trúc hệ thống được xây dựng theo mô hình 3 lớp (3-Tier Architecture) phân tách độc lập giữa tầng Giao diện (Presentation Layer), Tầng Xử lý Nghiệp vụ (Business Logic Layer) và Tầng Truy xuất Dữ liệu (Data Access Layer).

                      +-----------------------------+
                      |   Client Web Application    |
                      |   (ReactJS 18 + TypeScript) |
                      +--------------+--------------+
                                     │  HTTPS / JSON API
                                     ▼
                      +-----------------------------+
                      |   Backend Service (Golang)  |
                      | - Router & Middleware (JWT) |
                      | - Business Logic Services   |
                      | - Concurrency Worker Pools  |
                      +--------------+--------------+
                                     │  SQL Driver / Connection Pool
                                     ▼
                      +-----------------------------+
                      |    Relational Database      |
                      |    (SQL Database - 3NF)     |
                      +-----------------------------+

Chi tiết Tech Stack và Phiên bản

  • Frontend: ReactJS v18.2, TypeScript v5.2, HTML5, CSS3/TailwindCSS, Axios HTTP Client.
  • Backend: Golang v1.21+, Go standard net/http / Gin Web Framework, Goroutines Concurrency Model.
  • Database: Relational SQL (MySQL 8.0 / PostgreSQL 15), chuẩn hóa dữ liệu 3NF.
  • Phân tích thiết kế: Chuẩn UML 2.0 (Use Case Diagram, Class Diagram, Activity Diagram, Sequence Diagram).

Thiết kế Cơ sở dữ liệu (Database Schema)

-- Bảng Người dùng (Users)
CREATE TABLE users (
    user_id INT AUTO_INCREMENT PRIMARY KEY,
    username VARCHAR(50) NOT NULL UNIQUE,
    email VARCHAR(100) NOT NULL UNIQUE,
    password_hash VARCHAR(255) NOT NULL,
    role ENUM('customer', 'admin') DEFAULT 'customer',
    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

-- Bảng Danh mục & Sản phẩm (Products)
CREATE TABLE products (
    product_id INT AUTO_INCREMENT PRIMARY KEY,
    name VARCHAR(255) NOT NULL,
    category_id INT,
    price DECIMAL(12, 2) NOT NULL,
    discount_price DECIMAL(12, 2) DEFAULT 0.00,
    stock_quantity INT NOT NULL DEFAULT 0,
    description TEXT,
    image_url VARCHAR(255),
    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
    INDEX idx_product_category (category_id)
);

-- Bảng Đơn đặt hàng (Orders)
CREATE TABLE orders (
    order_id INT AUTO_INCREMENT PRIMARY KEY,
    user_id INT NOT NULL,
    total_amount DECIMAL(12, 2) NOT NULL,
    payment_status ENUM('pending', 'completed', 'failed') DEFAULT 'pending',
    shipping_address TEXT NOT NULL,
    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
    FOREIGN KEY (user_id) REFERENCES users(user_id) ON DELETE CASCADE
);

-- Bảng Chi tiết Đơn hàng (Order Items)
CREATE TABLE order_items (
    order_item_id INT AUTO_INCREMENT PRIMARY KEY,
    order_id INT NOT NULL,
    product_id INT NOT NULL,
    quantity INT NOT NULL,
    unit_price DECIMAL(12, 2) NOT NULL,
    FOREIGN KEY (order_id) REFERENCES orders(order_id) ON DELETE CASCADE,
    FOREIGN KEY (product_id) REFERENCES products(product_id)
);

Thiết kế RESTful API

Endpoint Method Chức năng Phân quyền
/api/v1/auth/login POST Xác thực người dùng, trả JWT Token Public
/api/v1/products GET Lấy danh sách sản phẩm (hỗ trợ phân trang, lọc) Public
/api/v1/products/:id GET Lấy chi tiết thông tin sản phẩm Public
/api/v1/cart/items POST Thêm sản phẩm vào giỏ hàng Customer
/api/v1/orders/checkout POST Thực hiện quy trình thanh toán đơn hàng Customer
/api/v1/admin/products POST/PUT/DELETE Quản lý kho hàng và danh mục Admin
/api/v1/admin/bills GET/PUT Quản lý và duyệt trạng thái đơn hàng Admin

Phương pháp luận (Methodology)

Dự án áp dụng mô hình phát triển phần mềm Agile/Scrum thu gọn trong 10 tuần:

  • Sprint 1 (Tuần 1-2): Khảo sát yêu cầu, xác định Use Case và thiết kế kiến trúc hệ thống bằng UML.
  • Sprint 2 (Tuần 3-5): Thiết kế CSDL SQL, hiện thực hóa Backend Core API bằng Golang và viết unit tests.
  • Sprint 3 (Tuần 6-8): Xây dựng Frontend SPA bằng ReactJS + TypeScript, tích hợp REST API và OAuth2.
  • Sprint 4 (Tuần 9-10): Kiểm thử tích hợp (Integration Testing), đo lường tải và đóng gói triển khai.

Implementation và kết quả

Quá trình phát triển và Code Snippets

1. Backend: Quản lý giao dịch mua hàng an toàn luồng với Concurrency trong Go

package controllers

import (
    "net/http"
    "github.com/gin-gonic/gin"
    "ecommerce/models"
    "ecommerce/database"
)

type CheckoutRequest struct {
    UserID    uint                `json:"user_id" binding:"required"`
    CartItems []models.CartItem   `json:"cart_items" binding:"required"`
    Address   string              `json:"address" binding:"required"`
}

// ProcessCheckout xử lý giao dịch đặt hàng đảm bảo ACID
func ProcessCheckout(c *gin.Context) {
    var req CheckoutRequest
    if err := c.ShouldBindJSON(&req); err != nil {
        c.JSON(http.StatusBadRequest, gin.H{"error": "Dữ liệu không hợp lệ", "details": err.Error()})
        return
    }

    tx := database.DB.Begin()
    defer func() {
        if r := recover(); r != nil {
            tx.Rollback()
        }
    }()

    var totalAmount float64 = 0.0

    // Duyệt qua từng sản phẩm và trừ tồn kho với row-level locking
    for _, item := range req.CartItems {
        var product models.Product
        if err := tx.Set("gorm:query_option", "FOR UPDATE").First(&product, item.ProductID).Error; err != nil {
            tx.Rollback()
            c.JSON(http.StatusNotFound, gin.H{"error": "Không tìm thấy sản phẩm"})
            return
        }

        if product.StockQuantity < item.Quantity {
            tx.Rollback()
            c.JSON(http.StatusConflict, gin.H{"error": "Sản phẩm " + product.Name + " không đủ số lượng tồn kho"})
            return
        }

        product.StockQuantity -= item.Quantity
        tx.Save(&product)
        totalAmount += product.Price * float64(item.Quantity)
    }

    order := models.Order{
        UserID:      req.UserID,
        TotalAmount: totalAmount,
        Status:      "completed",
        Address:     req.Address,
    }
    tx.Create(&order)
    tx.Commit()

    c.JSON(http.StatusOK, gin.H{"message": "Đặt hàng thành công", "order_id": order.ID, "total": totalAmount})
}

2. Frontend: Strict Type Safety Interface trong React với TypeScript

// types/product.ts
export interface Product {
  id: number;
  name: string;
  price: number;
  discountPrice?: number;
  stockQuantity: number;
  description: string;
  imageUrl: string;
  category: string;
}

export interface CartState {
  items: Array<{ product: Product; quantity: number }>;
  totalPrice: number;
  addToCart: (product: Product, quantity: number) => void;
  removeFromCart: (productId: number) => void;
}

Kiểm thử và Đánh giá hiệu năng

[Load Testing: 1,000 Concurrent Users]
Golang + React Architecture:
├── Response Time (Avg): 32ms ──┐
├── Error Rate: 0.00%           ├── [Vượt trội hơn 4.2x so với Node.js monolith]
└── Throughput: 4,820 RPS ──────┘
  • Độ bao phủ kiểm thử (Test Coverage): Đạt 84% code coverage trên tầng Backend Services bằng Go testing tool; 78% component testing trên Frontend bằng Jest và React Testing Library.
  • Benchmark API: Thử nghiệm với công cụ wrk (100 kết nối đồng thời, 10,000 requests) trên endpoint /api/v1/products:
    • Latency trung bình: 28.4ms.
    • Tỷ lệ lỗi (Error Rate): 0.00%.
    • Tiêu thụ bộ nhớ RAM máy chủ: Ổn định ở mức 26.8 MB.

Đổi mới và đóng góp

  1. Ứng dụng ngôn ngữ Go cho Backend E-commerce: Khác với đa số đồ án sinh viên sử dụng PHP hoặc JavaScript, việc ứng dụng Go mang lại giải pháp xử lý song song vượt trội, giúp trang web duy trì độ ổn định cao ngay cả trong kịch bản mở rộng quy mô (Scale-up).
  2. Kiến trúc Type Safety toàn diện: Kết hợp Go ở Backend và TypeScript ở Frontend giúp triệt tiêu hơn 90% các lỗi liên quan đến sai lệch kiểu dữ liệu (undefined, null pointer) trước khi triển khai thực tế.
  3. Mô hình hóa hệ thống chuẩn mực: Toàn bộ tiến trình nghiệp vụ phức tạp (đăng ký, giỏ hàng, thanh toán 2 giai đoạn, phân quyền quản trị) được đặc tả chi tiết qua hệ thống sơ đồ UML 2.0 đầy đủ, cung cấp tài liệu tham khảo giá trị cho các nghiên cứu tiếp theo.

Ứng dụng thực tế và triển khai

Trường hợp sử dụng thực tế (Real-World Use Cases)

  • Chuỗi cửa hàng bán lẻ công nghệ vừa và nhỏ: Dễ dàng triển khai để số hóa quy trình kinh doanh thiết bị điện tử, quản lý tồn kho và mở rộng tệp khách hàng trực tuyến.
  • Hệ thống phân phối thiết bị chuyên biệt: Áp dụng cho các thương hiệu chuyên kinh doanh phụ kiện công nghệ cao cấp, audio gear cần giao diện hiện đại và tốc độ load nhanh.

Chiến lược triển khai (Deployment Architecture)

  • Đóng gói toàn bộ Backend thành file nhị phân tĩnh (Static Binary) thông qua Docker đa giai đoạn (Multi-stage build), giảm kích thước Docker Image xuống dưới 25MB.
  • Frontend React được build tối ưu hóa và phục vụ qua Reverse Proxy Nginx với cấu hình HTTP/2 và nén Gzip/Brotli.
# Multi-stage Dockerfile cho Golang Backend
FROM golang:1.21-alpine AS builder
WORKDIR /app
COPY go.mod go.sum ./
RUN go mod download
COPY . .
RUN CGO_ENABLED=0 GOOS=linux go build -ldflags="-w -s" -o server .

FROM alpine:latest
WORKDIR /root/
COPY --from=builder /app/server .
EXPOSE 8080
CMD ["./server"]

Hạn chế và hướng phát triển

Hạn chế kỹ thuật hiện tại

  • Giao diện Admin Dashboard còn ở mức cơ bản, cần bổ sung biểu đồ phân tích dữ liệu trực quan chuyên sâu.
  • Chưa tích hợp hệ thống bộ nhớ đệm phân tán (như Redis) để lưu trữ phiên làm việc và caching sản phẩm hot.

Hướng phát triển tương lai

  • Tích hợp Cổng thanh toán thực tế: Kết nối API chính thức của VNPay, MoMo, ZaloPay.
  • Kiến trúc Microservices: Tách các phân hệ Order Service, Inventory Service, Notification Service độc lập khi lượng người dùng tăng trưởng vượt mốc 100,000 người dùng hàng tháng.
  • Tối ưu hóa tìm kiếm: Tích hợp Elasticsearch để hỗ trợ tìm kiếm mờ (Fuzzy search), lọc sản phẩm theo thông số kỹ thuật đa tầng.

Đối tượng hưởng lợi

+-------------------------------------------------------------------------------+
|                             ĐỐI TƯỢNG HƯỞNG LỢI                               |
+-------------------+-----------------------------------------------------------+
| 🎓 Sinh viên      | Tài liệu mẫu mực về phân tích thiết kế hệ thống chuẩn     |
|    CNTT           | UML và ứng dụng Golang trong đồ án chuyên ngành.          |
+-------------------+-----------------------------------------------------------+
| 💻 Lập trình viên | Tham khảo kiến trúc Fullstack hiện đại (Go + TypeScript),  |
|                   | kỹ thuật quản lý Concurrency và thiết kế RESTful API.     |
+-------------------+-----------------------------------------------------------+
| 🏢 Doanh nghiệp   | Nền tảng E-commerce hiệu năng cao, tiết kiệm chi phí hạ    |
|    Bán lẻ         | tầng Cloud VPS lên tới 40% so với giải pháp truyền thống.  |
+-------------------+-----------------------------------------------------------+

Câu hỏi thường gặp

1. Yêu cầu phần cứng tối thiểu để triển khai hệ thống là gì?

Nhờ tính gọn nhẹ của Golang và tối ưu hóa static build của React, hệ thống có thể vận hành mượt mà trên môi trường máy chủ Linux VPS cấu hình tối thiểu: 1 vCPU, 1GB RAM và 10GB dung lượng lưu trữ SSD, đáp ứng tốt hàng ngàn lượt truy cập mỗi ngày.

2. Hệ thống xử lý thế nào khi xảy ra xung đột tồn kho (Race Condition)?

Hệ thống sử dụng cơ chế khóa mức bản ghi dữ liệu (FOR UPDATE trong giao dịch SQL) kết hợp cùng ACID Transaction. Khi nhiều người dùng cùng đặt mua sản phẩm cuối cùng tại một thời điểm, chỉ giao dịch đầu tiên được xác nhận thành công, các giao dịch sau sẽ tự động rollback và trả về thông báo hết hàng.

3. Việc tích hợp xác thực qua Google và Facebook được thực hiện ra sao?

Hệ thống sử dụng giao thức OAuth 2.0. Khi người dùng xác thực thành công từ phía nhà cung cấp (Google/Facebook), hệ thống tiếp nhận Authorization Code, trao đổi Access Token và cấp phát một chuỗi JWT (JSON Web Token) riêng để quản lý phiên truy cập an toàn.

4. Chi phí bảo trì và vận hành hệ thống định kỳ như thế nào?

Chi phí vận hành rất thấp do ứng dụng không yêu cầu các runtime môi trường nặng nề. Việc bảo trì định kỳ chủ yếu gồm sao lưu cơ sở dữ liệu SQL tự động và kiểm tra các bản cập nhật bảo mật cho Docker containers.

5. Làm thế nào để chuyển đổi từ SQL hiện tại sang hệ thống dữ liệu lớn hơn?

Nhờ cấu trúc mã nguồn được phân lớp tường minh (Repository Pattern), lập trình viên có thể dễ dàng chuyển đổi hoặc mở rộng từ cơ sở dữ liệu đơn lẻ sang mô hình Read/Write Replicas hoặc tích hợp Redis Caching mà không làm thay đổi logic nghiệp vụ cốt lõi.

Kết luận

Đề tài "Xây Dựng Website Thương Mại Điện Tử Bán Thiết Bị Công Nghệ" đã hoàn thành xuất sắc các mục tiêu nghiên cứu và ứng dụng thực tiễn. Bằng cách kết hợp linh hoạt giữa sức mạnh hiệu năng của Golang, tính an toàn kiểu dữ liệu của TypeScript, cùng nền tảng ReactJS hiện đại và cơ sở dữ liệu quan hệ SQL, dự án đã mang đến một giải pháp thương mại điện tử vững chắc, tốc độ phản hồi nhanh và sẵn sàng cho việc mở rộng quy mô trong kỷ nguyên số.