function show_teacher_data(user_data, user_course_data) { // 这里可以根据user_course_data生成课程卡片 const courseCardsContainer = document.getElementById('course-cards'); user_course_data.forEach(course => { const courseCard = document.createElement('div'); courseCard.classList.add('course-card'); courseCard.onclick = function() { openCourseDetails(course.id); }; courseCard.innerHTML = ` 课程封面

${course.name}

${course.description}

`; courseCardsContainer.appendChild(courseCard); }); } function openCourseDetails(courseId) { // 打开课程目录 const courseDetails = document.getElementById('courseDetails'); const courseTitle = document.getElementById('course-title'); courseTitle.textContent = "课程名称: " + courseId; // 假设这里显示课程ID,实际情况应该是课程名称 courseDetails.style.display = 'block'; // 获取章节数据并渲染 renderChapters(courseId); } function closeCourseDetails() { document.getElementById('courseDetails').style.display = 'none'; } function renderChapters(courseId) { const chapterList = document.getElementById('chapter-list'); chapterList.innerHTML = ""; // 清空章节列表 // 假设从服务器获取课程章节数据 const chapters = [ { title: "第一章:算法基础", lessons: ["算法简介", "算法设计方法"] }, { title: "第二章:数据结构", lessons: ["数组", "链表"] } ]; chapters.forEach(chapter => { const chapterItem = document.createElement('li'); chapterItem.innerHTML = ` ${chapter.title} `; chapterList.appendChild(chapterItem); }); } function addChapter() { // 新增章节的逻辑 alert("新增章节功能"); } function addLesson(chapterTitle) { // 新增课时的逻辑 alert("新增课时功能: " + chapterTitle); } function editLesson(lesson) { // 编辑课时的逻辑 alert("编辑课时: " + lesson); }