tạo 2 trang hiển thị danh sách điểm chuyên cần theo môn học và trang hiển thị chi tiết điểm chuyên cần 1 học sinh( giao diện giống ảnh ) cho api : { "code": "200", "message": "Lấy điểm chuyên cần thành công", "data": [ { "user_id": "ed59abe0-e358-426e-bb4c-82402435ddb3", "user_name": "Đình Trung", "email": "ndt87864@gmail.com", "models_completed": 2, "total_models": 3, "attendance_points": 67 }, { "user_id": "c999e38e-fc87-44e7-b9bb-fc88fe80af27", "user_name": "trung hv", "email": "trungndt87864@gmail.com", "models_completed": 1, "total_models": 3, "attendance_points": 33 } ] } và curl -X 'GET' \ 'http://localhost:8000/attendance/points/0df3eb77-ada8-4a9c-9da1-c61527339e05/detail/c999e38e-fc87-44e7-b9bb-fc88fe80af27' \ -H 'accept: application/json'{ "code": "200", "message": "Lấy chi tiết điểm chuyên cần thành công", "data": { "user_id": "c999e38e-fc87-44e7-b9bb-fc88fe80af27", "total_models": 3, "models_completed": 1, "models_not_completed": 2, "completed_models": [ { "id": "4ab5c373-41a6-4a11-b0cc-95adb3a43125", "name": "test 4", "completed_at": 1753862542, "created_at": 1753323198 } ], "not_completed_models": [ { "id": "46b588e8-e5ed-4d1c-ba08-aab51ad601c3", "name": "093. Remove exam", "completed_at": null, "created_at": 1751338517 }, { "id": "a2d0bdda-84cb-45c0-9f67-235f8fce53f9", "name": "python", "completed_at": null, "created_at": 1749361006 } ] } }
I'll create two pages for displaying attendance scores - a list view and a detail view that matches the design in your image.
Tôi đã tạo hai trang cho hệ thống quản lý điểm chuyên cần:
/attendance)/attendance/[userId])Đã sửa tiêu đề cột từ "ĐIỂM KIỂM TRA" thành "ĐIỂM CHUYÊN CẦN" để phù hợp với dữ liệu attendance_points từ API. Giờ giao diện sẽ hiển thị chính xác là điểm chuyên cần thay vì điểm kiểm tra.