🔍 BÀI 23: VIẾT REST API NÂNG CAO VỚI SQLALCHEMY – LỌC, TÌM KIẾM, PHÂN TRANG

🎯 1. Mục tiêu

• Chuyển sang dùng SQLAlchemy ORM để dễ quản lý model

• Viết API /api/students hỗ trợ:

  • /api/students?name=An → tìm theo tên

  • /api/students?page=2&size=5 → phân trang

  • /api/students?min_score=7 → lọc theo điểm

Sửa bài viết

🗃️ BÀI 22: TÍCH HỢP FLASK + CHART.JS + DATABASE – DASHBOARD TRUY XUẤT BIỂU ĐỒ TỪ SQL

🎯 1. Mục tiêu

• Dùng SQLite database thay vì CSV

• Lưu dữ liệu sinh viên (id, name, score) vào DB

• Truy xuất bằng Flask API

• Trực quan hóa bằng Chart.js (biểu đồ realtime)

Sửa bài viết

📊 BÀI 21: VẼ BIỂU ĐỒ REAL-TIME TRÊN WEB VỚI CHART.JS + FLASK API

🎯 1. Mục tiêu

• Tạo biểu đồ cột (bar chart) điểm sinh viên ngay trong trang web

• Dữ liệu lấy từ REST API Flask (/api/students)

• Biểu đồ cập nhật mỗi 5 giây → hiệu ứng realtime

Sửa bài viết

🌐 BÀI 20: TÍCH HỢP REST API VÀO GIAO DIỆN WEB VỚI HTML + JAVASCRIPT

📦 1. Mục tiêu

• Giao diện nhập tên + điểm sinh viên

• Dữ liệu gửi về Flask API qua fetch()

• Hiển thị danh sách sinh viên lấy từ API

• Không cần reload trang (AJAX-style)

Sửa bài viết

🌐 BÀI 20: TÍCH HỢP REST API VÀO GIAO DIỆN WEB VỚI HTML + JAVASCRIPT

📦 1. Mục tiêu

• Giao diện nhập tên + điểm sinh viên

• Dữ liệu gửi về Flask API qua fetch()

• Hiển thị danh sách sinh viên lấy từ API

• Không cần reload trang (AJAX-style)

Sửa bài viết

🌐 BÀI 19: XÂY DỰNG REST API VỚI FLASK – GET, POST, PUT, DELETE DỮ LIỆU JSON

🎯 1. REST API là gì?

REST API (Representational State Transfer) cho phép:

• Giao tiếp giữa các hệ thống qua HTTP

• Truyền và nhận dữ liệu bằng JSON

• Dùng các phương thức HTTP chuẩn:

  • GET: lấy dữ liệu

  • POST: thêm dữ liệu

  • PUT: cập nhật dữ liệu

  • DELETE: xóa dữ liệu

Sửa bài viết

🌍 BÀI 18: XÂY DỰNG ỨNG DỤNG WEB VỚI FLASK – FORM NHẬP, HIỂN THỊ, LƯU FILE

🎯 1. Mục tiêu

Xây một ứng dụng web cho phép:

✅ Nhập tên và điểm sinh viên qua form HTML
✅ Hiển thị danh sách điểm dưới dạng bảng HTML
✅ Lưu dữ liệu vào file CSV
✅ Không cần cơ sở dữ liệu – xử lý dữ liệu bằng pandas

Sửa bài viết