创建 get_teacher_attendance_table.js

app/static/js/get_teacher_attendance_table.js

@@ -0,0 +1,60 @@
+layui.use(['laypage', 'element', 'jquery', 'dropdown'], function () {
+    var laypage = layui.laypage;
+    var $ = layui.jquery;
+
+    function renderTable(page) {
+        $.get('/api/get-teacher-attendance-table?page=' + page, function (response) {
+            var $tbody = $('#attendanceTable tbody');
+            $tbody.empty(); // 清空表格内容
+
+            response.data.forEach(function (item) {
+                var $row = $('<tr></tr>');
+                $row.append(`<td>${item.course_name}</td>`);
+                $row.append(`<td>${item.course_code}</td>`);
+                $row.append(`<td>${item.credits}</td>`);
+                $row.append(`<td>${item.class_name + item.major}</td>`);
+                $row.append(`<td><div class="layui-btn-container">
+                                <button type="button" class="layui-btn btn-sign-in" 
+                                        data-course-id="${item.course_id}" 
+                                        data-course-name="${item.course_name}"
+                                        data-class-name = "${item.class_name}"
+                                        data-major-id = "${item.major_id}"
+                                        >签到</button>
+                                </div>
+                                </td>`)
+                $tbody.append($row);
+            });
+
+            laypage.render({
+                elem: 'pagination',
+                count: response.count,
+                limit: 10,
+                curr: page,
+                jump: function (obj, first) {
+                    if (!first) {
+                        renderTable(obj.curr);
+                    }
+                }
+            });
+        });
+    }
+
+    // 为动态生成的按钮添加点击事件
+    $(document).on('click', '.btn-sign-in', function () {
+        var courseId = $(this).data('course-id'); // 获取课程ID
+        var courseName = $(this).data('course-name'); // 获取课程名
+        var className = $(this).data('class-name'); // 获取课程名
+        var majorId = $(this).data('major-id'); // 获取课程名
+        // console.log(courseId,courseName,className,majorId)
+        // 向后端发送POST请求
+        $.post('/api/teacher-sign-in', {
+            course_id: courseId,
+            course_name: courseName,
+            class_name: className,
+            major_id:majorId
+        }, function (response) {
+            layer.msg(response.msg);
+        });
+    });
+    renderTable(1); // 初始加载第一页
+});