Giáo trình tự học miễn phí · Dịch vụ hỗ trợ theo nhu cầu.

Bài 0335phút ước tínhThực chiến · Builder / Full-Stack

3. Xây Dựng Biểu Đồ Gantt Chart Tương Tác & Tự Động Dời Lịch Phụ Thuộc

Tích hợp Gantt Chart tương tác: Kéo giãn thời gian và tự động dời lịch các task phụ thuộc khi có sự cố chậm tiến độ.

⛓️ Xử Lý Ràng Buộc Quan Hệ Phụ Thuộc (Finish-to-Start)

Liên kết FS: Task B chỉ được bắt đầu sau khi Task A hoàn thành ($StartDate_B \ge EndDate_A$).
Tính toán dời lịch tự động (Cascade Scheduling): Khi người dùng kéo dài thời gian của Task A trên giao diện Gantt, hệ thống gửi lệnh cập nhật hàng loạt cho toàn bộ các task con phụ thuộc mà không gây xung đột dữ liệu.

 example.py
# HÀM XỬ LÝ DỜI LỊCH PHỤ THUỘC TỰ ĐỘNG (PYTHON / JS LOGIC)
def recalculate_dependent_tasks(task_id, new_end_date):
    dependent_tasks = get_dependent_tasks(task_id)
    for dep in dependent_tasks:
        if dep.start_date < new_end_date:
            duration = dep.end_date - dep.start_date
            dep.start_date = new_end_date
            dep.end_date = dep.start_date + duration
            save_task(dep)
            recalculate_dependent_tasks(dep.id, dep.end_date) # Đệ quy cập nhật chuỗi phụ thuộc

📦 Sản phẩm thực hành bài 3

1 Giao diện Gantt Chart tương tác có hỗ trợ vẽ đường nối mũi tên phụ thuộc giữa các task.

Thực hành

Thực hành và tự đánh giá

Tạo 3 task phụ thuộc nhau theo chuỗi, kéo dài ngày kết thúc của task đầu tiên và quan sát các task sau tự động lùi ngày.

🏢 BẠN MUỐN TRIỂN KHAI CHO CẢ PHÒNG BAN / DOANH NGHIỆP?

Đề Xuất Công Ty Tài Trợ & Đào Tạo In-House Trọn Gói

AI Tinh Gọn hỗ trợ khảo sát hiện trạng, kèm 1-1 on-premise bảo mật dữ liệu, setup hạ tầng riêng và xuất hóa đơn VAT hợp pháp cho doanh nghiệp.

📥 Tải Mẫu Đề Xuất Gửi Sếp → Đăng Ký Tư Vấn Doanh Nghiệp →

Tiến độ tự học lưu trên trình duyệt này. Chỉ đánh dấu khi đã kiểm tra sản phẩm thực hành.