增加teacher登陆和teacher主页

Html/static/js/teacherboard.js

@@ -0,0 +1,69 @@
+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.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 = `
+            <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);
+}