This commit is contained in:
2025-09-05 07:13:48 +08:00
parent 4dc5554c0c
commit fa95507543
2 changed files with 60 additions and 49 deletions

View File

@@ -207,9 +207,18 @@
<label for="daoXueAnSystemPrompt" class="form-label">系统提示词</label> <label for="daoXueAnSystemPrompt" class="form-label">系统提示词</label>
<textarea class="form-control" id="daoXueAnSystemPrompt" rows="3">你是市级骨干教师,撰写导学案时严格对标"核心素养四维度(物理观念、科学思维、探究能力、态度责任)",并采用"目标—评价—活动"逆向设计模板UbD</textarea> <textarea class="form-control" id="daoXueAnSystemPrompt" rows="3">你是市级骨干教师,撰写导学案时严格对标"核心素养四维度(物理观念、科学思维、探究能力、态度责任)",并采用"目标—评价—活动"逆向设计模板UbD</textarea>
</div> </div>
<!-- 新增难度选择器 -->
<div class="mb-3">
<label for="daoXueAnDifficulty" class="form-label">难度级别</label>
<select class="form-select" id="daoXueAnDifficulty">
<option value="basic">基础</option>
<option value="intermediate">提高</option>
<option value="advanced">进阶</option>
</select>
</div>
<div class="mb-3"> <div class="mb-3">
<label for="daoXueAnUserPrompt" class="form-label">用户提示词</label> <label for="daoXueAnUserPrompt" class="form-label">用户提示词</label>
<textarea class="form-control" id="daoXueAnUserPrompt" rows="6">请输出"万有引力"第1课时的导学案,要求包含教材学情分析、四维目标、重难点、教学准备、教学过程时间轴表格、板书设计和作业布置。</textarea> <textarea class="form-control" id="daoXueAnUserPrompt" rows="6">请输出"万有引力"第1课时的导学案...</textarea>
</div> </div>
<button type="button" class="btn btn-primary" id="generateDaoXueAn" onclick="generateResource('daoXueAn')"> <button type="button" class="btn btn-primary" id="generateDaoXueAn" onclick="generateResource('daoXueAn')">
<i class="bi bi-magic me-2"></i>生成导学案 <i class="bi bi-magic me-2"></i>生成导学案
@@ -219,16 +228,17 @@
<div id="daoXueAnResult" class="result-container"></div> <div id="daoXueAnResult" class="result-container"></div>
</div> </div>
<!-- 教案标签页 --> <!-- 教案标签页(已移除难度选择器) -->
<div class="tab-pane fade" id="jiaoAn" role="tabpanel"> <div class="tab-pane fade" id="jiaoAn" role="tabpanel">
<form id="jiaoAnForm"> <form id="jiaoAnForm">
<div class="mb-3"> <div class="mb-3">
<label for="jiaoAnSystemPrompt" class="form-label">系统提示词</label> <label for="jiaoAnSystemPrompt" class="form-label">系统提示词</label>
<textarea class="form-control" id="jiaoAnSystemPrompt" rows="3">你是市级骨干教师,撰写教案时严格对标"核心素养四维度(物理观念、科学思维、探究能力、态度责任)"。</textarea> <textarea class="form-control" id="jiaoAnSystemPrompt" rows="3">你是市级骨干教师,撰写教案时严格对标"核心素养四维度(物理观念、科学思维、探究能力、态度责任)"。</textarea>
</div> </div>
<!-- 已删除难度选择器代码 -->
<div class="mb-3"> <div class="mb-3">
<label for="jiaoAnUserPrompt" class="form-label">用户提示词</label> <label for="jiaoAnUserPrompt" class="form-label">用户提示词</label>
<textarea class="form-control" id="jiaoAnUserPrompt" rows="6">请输出"万有引力"第1课时的教案,要求包含教材学情分析、四维目标、重难点、教学准备、教学过程时间轴表格、板书设计和作业布置。</textarea> <textarea class="form-control" id="jiaoAnUserPrompt" rows="6">请输出"万有引力"第1课时的教案...</textarea>
</div> </div>
<button type="button" class="btn btn-primary" id="generateJiaoAn" onclick="generateResource('jiaoAn')"> <button type="button" class="btn btn-primary" id="generateJiaoAn" onclick="generateResource('jiaoAn')">
<i class="bi bi-magic me-2"></i>生成教案 <i class="bi bi-magic me-2"></i>生成教案
@@ -238,16 +248,17 @@
<div id="jiaoAnResult" class="result-container"></div> <div id="jiaoAnResult" class="result-container"></div>
</div> </div>
<!-- 课件标签页 --> <!-- 课件标签页(已移除难度选择器) -->
<div class="tab-pane fade" id="keJian" role="tabpanel"> <div class="tab-pane fade" id="keJian" role="tabpanel">
<form id="keJianForm"> <form id="keJianForm">
<div class="mb-3"> <div class="mb-3">
<label for="keJianSystemPrompt" class="form-label">系统提示词</label> <label for="keJianSystemPrompt" class="form-label">系统提示词</label>
<textarea class="form-control" id="keJianSystemPrompt" rows="3">你是PPT视觉设计教练遵循"6×6原则"每页≤6行每行≤6词字体≥28pt。</textarea> <textarea class="form-control" id="keJianSystemPrompt" rows="3">你是PPT视觉设计教练遵循"6×6原则"每页≤6行每行≤6词字体≥28pt。</textarea>
</div> </div>
<!-- 已删除难度选择器代码 -->
<div class="mb-3"> <div class="mb-3">
<label for="keJianUserPrompt" class="form-label">用户提示词</label> <label for="keJianUserPrompt" class="form-label">用户提示词</label>
<textarea class="form-control" id="keJianUserPrompt" rows="6">为"万有引力"生成12页PPT大纲,包含封面、情境导入、概念建构、规律探究、公式推导、例题精讲、当堂检测、小结和作业布置。</textarea> <textarea class="form-control" id="keJianUserPrompt" rows="6">为"万有引力"生成12页PPT大纲...</textarea>
</div> </div>
<button type="button" class="btn btn-primary" id="generateKeJian" onclick="generateResource('keJian')"> <button type="button" class="btn btn-primary" id="generateKeJian" onclick="generateResource('keJian')">
<i class="bi bi-magic me-2"></i>生成课件 <i class="bi bi-magic me-2"></i>生成课件
@@ -264,9 +275,18 @@
<label for="zuoYeSystemPrompt" class="form-label">系统提示词</label> <label for="zuoYeSystemPrompt" class="form-label">系统提示词</label>
<textarea class="form-control" id="zuoYeSystemPrompt" rows="3">你是命题专家,熟悉布鲁姆认知分类和'双减'政策题量控制为20分钟完成。</textarea> <textarea class="form-control" id="zuoYeSystemPrompt" rows="3">你是命题专家,熟悉布鲁姆认知分类和'双减'政策题量控制为20分钟完成。</textarea>
</div> </div>
<!-- 新增难度选择器 -->
<div class="mb-3">
<label for="zuoYeDifficulty" class="form-label">难度级别</label>
<select class="form-select" id="zuoYeDifficulty">
<option value="basic">基础</option>
<option value="intermediate">提高</option>
<option value="advanced">进阶</option>
</select>
</div>
<div class="mb-3"> <div class="mb-3">
<label for="zuoYeUserPrompt" class="form-label">用户提示词</label> <label for="zuoYeUserPrompt" class="form-label">用户提示词</label>
<textarea class="form-control" id="zuoYeUserPrompt" rows="6">请根据万有引力知识点生成课后作业包含8道客观题40分和2道主观题60分并提供评分标准。</textarea> <textarea class="form-control" id="zuoYeUserPrompt" rows="6">请根据万有引力知识点生成课后作业...</textarea>
</div> </div>
<button type="button" class="btn btn-primary" id="generateZuoYe" onclick="generateResource('zuoYe')"> <button type="button" class="btn btn-primary" id="generateZuoYe" onclick="generateResource('zuoYe')">
<i class="bi bi-magic me-2"></i>生成作业 <i class="bi bi-magic me-2"></i>生成作业
@@ -302,52 +322,43 @@
const loadingElement = document.getElementById(`${resourceType}Loading`); const loadingElement = document.getElementById(`${resourceType}Loading`);
const resultContainer = document.getElementById(`${resourceType}Result`); const resultContainer = document.getElementById(`${resourceType}Result`);
const systemPrompt = document.getElementById(`${resourceType}SystemPrompt`).value; const systemPrompt = document.getElementById(`${resourceType}SystemPrompt`).value;
const userPrompt = document.getElementById(`${resourceType}UserPrompt`).value; // 已实现的逻辑(无需修改)
const difficultyElement = document.getElementById(`${resourceType}Difficulty`);
// 验证输入 let userPrompt = document.getElementById(`${resourceType}UserPrompt`).value;
if (!userPrompt.trim()) {
alert('请输入用户提示词'); // 仅当难度选择器存在时才添加分层提示词
return; if (difficultyElement) {
const difficulty = difficultyElement.value;
const difficultyPrompts = {
basic: "【分层要求】侧重基础知识讲解和简单应用,例题和练习以教材基础题为主,适合基础薄弱学生。",
intermediate: "【分层要求】增加知识综合应用,例题包含教材变式题,练习加入少量拓展题,适合中等水平学生。",
advanced: "【分层要求】强调知识迁移和拓展探究,例题为综合应用题,练习包含挑战性问题和跨学科联系,适合优秀学生。"
};
userPrompt = `${userPrompt}\n\n${difficultyPrompts[difficulty]}`;
} }
// 发送请求(保持原有代码不变)
const response = await fetch(`/api/teacher/${resourceType}`, {
method: 'POST',
headers: {'Content-Type': 'application/json'},
body: JSON.stringify({
system_prompt: systemPrompt,
user_prompt: userPrompt // 发送拼接后的提示词
})
});
// 重置状态 if (!response.ok) throw new Error(`HTTP错误: ${response.status}`);
resultContainer.innerHTML = '';
resultContainer.style.display = 'block';
loadingElement.style.display = 'flex';
// 禁用按钮 // 处理流式响应
generateButton.disabled = true; const reader = response.body.getReader();
generateButton.classList.add('btn-disabled'); const decoder = new TextDecoder();
generateButton.innerHTML = '<i class="bi bi-hourglass-split me-2"></i>生成中...'; let done = false;
try { while (!done) {
// 发送请求 const { value, done: doneReading } = await reader.read();
const response = await fetch(`/api/teacher/${resourceType}`, { done = doneReading;
method: 'POST', const chunk = decoder.decode(value, { stream: true });
headers: {'Content-Type': 'application/json'}, if (chunk) handleStreamData(chunk, resourceType, resultContainer, loadingElement, generateButton);
body: JSON.stringify({
system_prompt: systemPrompt,
user_prompt: userPrompt
})
});
if (!response.ok) throw new Error(`HTTP错误: ${response.status}`);
// 处理流式响应
const reader = response.body.getReader();
const decoder = new TextDecoder();
let done = false;
while (!done) {
const { value, done: doneReading } = await reader.read();
done = doneReading;
const chunk = decoder.decode(value, { stream: true });
if (chunk) handleStreamData(chunk, resourceType, resultContainer, loadingElement, generateButton);
}
} catch (error) {
console.error('生成资源失败:', error);
resultContainer.innerHTML = `<div class="alert alert-danger"><i class="bi bi-exclamation-triangle me-2"></i>生成失败: ${error.message}</div>`;
resetState(loadingElement, generateButton);
} }
} }