Thành phần Streamlit: st.title(), st.write(), st.text_input(), st.text_area(). Cú pháp Python: Biến (Variables), Kiểu chuỗi (String), f-string để ghép chữ. Kết quả: Chạy thành công giao diện Web có tiêu đề "Hệ Thống Quản Lý Quy Trình", kèm các ô nhập Tên yêu cầu và Mô tả chi tiết.

Thành phần Streamlit: st.button(), st.success(), st.error(), st.warning(). Cú pháp Python: Câu lệnh if/elif/else, các phép toán logic (==, !=, and, or). Kết quả: Khi bấm nút "Tạo yêu cầu", hệ thống tự động kiểm tra xem ô "Tên yêu cầu" có bị bỏ trống không. Nếu trống báo lỗi đỏ, nếu đủ báo xanh.

Thành phần Streamlit: st.selectbox(), st.multiselect(), st.radio(). Cú pháp Python: Cấu trúc List [], Tuple (), kiểm tra phần tử (in, not in). Kết quả: Thêm Dropdown chọn "Phòng ban" (Marketing, IT, Hành chính) và chọn "Người duyệt".

Thành phần Streamlit: st.session_state (cực kỳ quan trọng để lưu dữ liệu khi reload trang). Cú pháp Python: Cấu trúc Dictionary {key: value}. Kết quả: Gom toàn bộ thông tin người dùng vừa nhập vào một Dictionary và hiển thị bản nháp (Draft) sang cột bên cạnh để xem trước khi gửi.

Thành phần Streamlit: st.spinner() (biểu tượng xoay chờ load). Cú pháp Python: Thư viện pyodbc, khối bẫy lỗi try...except. Kết quả: Bấm nút "Kết nối Hệ thống", app hiện vòng xoay. Nếu kết nối SQL Server thành công báo xanh, nếu rớt mạng báo lỗi chi tiết mà không làm sập App.

Thành phần Streamlit: st.form(), st.form_submit_button(). Cú pháp Python: Viết Hàm (def) để tái sử dụng, câu lệnh INSERT INTO có tham số chống hack. Kết quả: Đóng gói toàn bộ các ô nhập liệu vào một Form. Khi Submit, dữ liệu thực sự được ghi vào bảng Requests trong SQL Server.

Thành phần Streamlit: st.dataframe(), st.data_editor() (bảng tương tác). Cú pháp Python: import pandas as pd, pd.read_sql(). Kết quả: Hiển thị danh sách tất cả các Yêu cầu đang nằm trong SQL Server lên App dưới dạng lưới dữ liệu đẹp mắt.

Thành phần Streamlit: st.sidebar (menu bên trái) kết hợp các ô input lọc. Cú pháp Python: Vòng lặp for, tính năng lọc dữ liệu trực tiếp trên Pandas DataFrame. Kết quả: Tạo bộ lọc bên thanh Sidebar. Lọc danh sách Yêu cầu theo "Trạng thái" (Đang xử lý, Hoàn thành) hoặc "Phòng ban".

Thành phần Streamlit: st.tabs() (chia tab giao diện). Cú pháp Python: SQL UPDATE dựa trên ID. Kết quả: Giao diện có 2 tab: "Cần xử lý" và "Đã hoàn thành". Cấp quản lý bấm nút "Duyệt" trên một dòng, dòng đó tự động chuyển trạng thái và bay sang tab "Đã hoàn thành".

Thành phần Streamlit: st.date_input(), st.time_input(). Cú pháp Python: Thư viện datetime, tính toán số ngày giữa 2 mốc thời gian. Kết quả: Hệ thống tự động tính ra số ngày "Trễ SLA" của một công việc dựa trên ngày tạo và ngày cam kết.

Thành phần Streamlit: st.empty() (xóa giao diện cũ). Cú pháp Python: Logic so sánh Password, cấp quyền Role (Admin, Staff). Kết quả: Mở app hiện màn hình Login. Nhân viên đăng nhập chỉ thấy nút "Tạo đề xuất", Trưởng phòng đăng nhập thấy thêm nút "Phê duyệt".

Thành phần Streamlit: st.file_uploader(), st.download_button(). Cú pháp Python: Dùng Pandas đọc file Excel upload lên và dùng vòng lặp for để INSERT hàng loạt vào SQL Server. Kết quả: Tính năng Import danh sách công việc cũ từ file Excel và nút Export dữ liệu từ App ra lại Excel để báo cáo.

Thành phần Streamlit: st.columns(), st.metric() (thẻ hiển thị số lớn có mũi tên tăng/giảm). Cú pháp Python: Pandas groupby(), sum(), count(). Kết quả: Tạo một Dashboard Tổng quan với các thẻ KPI: Tổng số Yêu cầu, Tỷ lệ trễ hạn, Số lượng đang tồn đọng.

Thành phần Streamlit: streamlit_echarts. Cú pháp Python: Cấu hình Dictionary phức tạp cho Echarts. Kết quả: Vẽ biểu đồ Cột thể hiện số lượng công việc theo từng phòng ban và biểu đồ Tròn thể hiện tỷ trọng trạng thái Yêu cầu.

Thành phần Streamlit: Tích hợp input thay đổi biểu đồ realtime. Cú pháp Python: Gọi API bên ngoài (ví dụ: Gọi Gemini API để phân tích văn bản). Kết quả: Cấp quản lý chọn khoảng thời gian, biểu đồ tự động nhảy số. Tích hợp nút AI: Bấm vào để AI tự đọc và tóm tắt một Đề xuất dài 5 trang thành 3 gạch đầu dòng.

Thành phần Streamlit: Tùy biến CSS cơ bản để app đẹp hơn (đổi font, màu nền). Cú pháp Python: Tổ chức lại source code thành nhiều file nhỏ (ui.py, database.py, logic.py) cho dễ quản lý. Kết quả: Một Web App hoàn chỉnh, chạy trơn tru, sẵn sàng triển khai cho doanh nghiệp sử dụng.