CakeCN/hsa
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

教师教材编辑页面

Browse Source
This commit is contained in:
CakeCN
2025-08-31 00:30:53 +08:00
parent 06e2e69b44
commit b18c981367
10 changed files with 573 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
Html/apps/templates/lesson.html Normal file
View File

@@ -0,0 +1,77 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>课时编辑</title>
<link rel="stylesheet" href="/static/css/teacherboard.css">
<link rel="stylesheet" href="/static/css/dashboard.css">
<link rel="stylesheet" href="/static/css/lesson.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
</head>
<body>
{% include 'navbar.html' %} <!-- 引入navbar.html -->
<!-- 课程详情侧边栏 -->
<div id="courseDetails" class="course-details">
<div class="details-header">
<span id="course-title"></span>
<button class="close-btn" onclick="closeCourseDetails()">×</button>
</div>
<div class="details-content" id="details-content">
<p>...</p> <!-- 加载覆盖 -->
</div>
<h3>课程章节列表：</h3>
<ul id="chapter-list">
<div id="loading-message"><p>加载中...</p></div>
</ul>
<button class="add-chapter-btn" onclick="showInputForNewChapter()">新增章节</button>
</div>
<!-- 课时编辑页主体：左侧大纲 + 右侧编辑 -->
<div class="lesson-editor">
<aside class="outline">
<div class="outline-header">大纲</div>
<ul id="outline-tree"></ul>
</aside>
<main class="editor-pane">
<div class="editor-tabs">
<button class="tab-btn active" data-target="tab-lesson">Lesson</button>
<button class="tab-btn" data-target="tab-prompt">Prompt</button>
<button class="tab-btn" data-target="tab-score">Score Prompt</button>
<div class="actions">
<button id="save-all-btn">保存全部</button>
</div>
</div>
<div class="tab-content">
<div id="tab-lesson" class="tab active">
<textarea id="editor-lesson"></textarea>
</div>
<div id="tab-prompt" class="tab">
<textarea id="editor-prompt"></textarea>
</div>
<div id="tab-score" class="tab">
<textarea id="editor-score"></textarea>
</div>
</div>
</main>
</div>
<script src="/static/js/teacherboard.js"></script>
<script src="/static/js/lesson.js"></script>
<script>
window.lesson = {{ lesson|tojson|safe }};
window.material = {{ material|tojson|safe }};
console.log(window.lesson);
console.log(window.material);
</script>
</body>
</html>

10
Html/apps/templates/teacherboard.html
View File

@@ -124,14 +124,6 @@
</div>
<script src="/static/js/teacherboard.js"></script>
<script>
window.appData = {
user_data: JSON.parse(`{{user_data}}`.replace(/&#34;/g, "\"")),
user_course_data: JSON.parse(`{{user_course_data}}`.replace(/&#34;/g, "\""))
}
console.log(window.appData.user_data);
console.log(window.appData.user_course_data);
show_teacher_data(window.appData.user_data, window.appData.user_course_data);
</script>
</body>
</html>