71 lines
2.5 KiB
JavaScript
71 lines
2.5 KiB
JavaScript
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 = `
|
||
<img src="${course.cover_image}" alt="课程封面" class="course-image">
|
||
<div class="course-info">
|
||
<h3 class="course-name">${course.name}</h3>
|
||
<p class="course-description">${course.description}</p>
|
||
</div>
|
||
`;
|
||
courseCardsContainer.appendChild(courseCard);
|
||
});
|
||
}
|
||
|
||
function openCourseDetails(courseId) {
|
||
// 打开课程目录
|
||
const courseDetails = document.getElementById('courseDetails');
|
||
const courseTitle = document.getElementById('course-title');
|
||
courseTitle.textContent = "课程名称: " + courseId; // 假设这里显示课程ID，实际情况应该是课程名称
|
||
|
||
courseDetails.classList.add('open');
|
||
|
||
// 获取章节数据并渲染
|
||
renderChapters(courseId);
|
||
}
|
||
|
||
function closeCourseDetails() {
|
||
document.getElementById('courseDetails').classList.remove('open');
|
||
}
|
||
|
||
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 = `
|
||
<strong>${chapter.title}</strong>
|
||
<ul>
|
||
${chapter.lessons.map(lesson => `<li>${lesson} <button onclick="editLesson('${lesson}')">编辑</button></li>`).join('')}
|
||
</ul>
|
||
<button onclick="addLesson('${chapter.title}')">新增课时</button>
|
||
`;
|
||
chapterList.appendChild(chapterItem);
|
||
});
|
||
}
|
||
|
||
function addChapter() {
|
||
// 新增章节的逻辑
|
||
alert("新增章节功能");
|
||
}
|
||
|
||
function addLesson(chapterTitle) {
|
||
// 新增课时的逻辑
|
||
alert("新增课时功能: " + chapterTitle);
|
||
}
|
||
|
||
function editLesson(lesson) {
|
||
// 编辑课时的逻辑
|
||
alert("编辑课时: " + lesson);
|
||
}
|