From ce9bbca6cd95339a1e789661b1957a5c9111c7f2 Mon Sep 17 00:00:00 2001
From: HuangHai <10402852@qq.com>
Date: Fri, 27 Jun 2025 07:32:46 +0800
Subject: [PATCH] 'commit'

---
 dsRag/494913b3598b4c73876bd7b821860973.html |  79 ------------
 dsRag/static/1.html                         |  42 -------
 dsRag/static/ai.html                        | 132 ++++++++++++++------
 3 files changed, 94 insertions(+), 159 deletions(-)
 delete mode 100644 dsRag/494913b3598b4c73876bd7b821860973.html
 delete mode 100644 dsRag/static/1.html
diff --git a/dsRag/494913b3598b4c73876bd7b821860973.html b/dsRag/494913b3598b4c73876bd7b821860973.html
deleted file mode 100644
index 65f69b0b..00000000
--- a/dsRag/494913b3598b4c73876bd7b821860973.html
+++ /dev/null
@@ -1,79 +0,0 @@
-
-
-
-    <meta charset="UTF-8">
-    <title>“如何理解点、线、面、体、角”教学设计</title>
-
-
-    <h1>“如何理解点、线、面、体、角”教学设计</h1>
-
-    <h2>一、教学背景与目标</h2>
-    <p>基于欧几里得几何的基本概念，针对小学阶段学生认知特点，通过直观体验和操作活动帮助学生建立对点、线、面、体、角的描述性理解，重点突破“角”的概念教学难点。</p>
-
-    <h2>二、核心教学策略</h2>
-    <ul>
-        <li><strong>从立体到抽象的认知路径</strong>：从具体物体（如长方体）中抽象出点（顶点）、线（棱）、面</li>
-        <li><strong>描述性定义优先</strong>：避免严格数学定义，通过图形特征描述建立概念</li>
-        <li><strong>操作体验强化理解</strong>：结合几何作图、教具演示等实践活动</li>
-    </ul>
-
-    <h2>三、分模块教学设计</h2>
-
-    <h3>模块1：点、线、面的认识</h3>
-    <ol>
-        <li><strong>立体图形分类活动</strong>：引导学生观察不同立体模型（立方体、球体等），发现共性特征</li>
-        <li><strong>抽象过程演示</strong>：以长方体为例演示抽象过程（顶点→点，棱→线，表面→面）</li>
-        <li><strong>特征归纳</strong>：通过对比强调"点无大小、线无宽窄、面无薄厚"的抽象特性</li>
-    </ol>
-
-    <h3>模块2：角的初步认识（重点模块）</h3>
-    <div>
-        <h4>阶段1：情境化引入</h4>
-        <p><strong>教具演示</strong>：使用无刻度钟表模型，通过时针/分针位置变化让学生感知：</p>
-        <ul>
-            <li>角由两条"边"（指针）及其夹角构成</li>
-            <li>角大小决定时间辨认（如12:30与12:45的夹角差异）</li>
-        </ul>
-
-        <h4>阶段2：描述性定义建立</h4>
-        <ol>
-            <li>生活实例观察（书本角、桌角等），归纳特征："边直、尖顶"</li>
-            <li>操作活动：用长方形纸折出不同角，理解"端点重合的两边所夹部分"</li>
-            <li>关键强调：角大小与边长无关，只与两边张开程度有关</li>
-        </ol>
-
-        <h4>阶段3：几何作图深化</h4>
-        <ul>
-            <li>尺规作图练习：绘制不同角并标注各部分名称</li>
-            <li>对比活动：通过重叠法比较角大小（如图2-b的包含关系演示）</li>
-        </ul>
-    </div>
-
-    <h2>四、教学要点说明</h2>
-    <table border="1">
-        <tbody><tr>
-            <th>概念</th>
-            <th>教学要点</th>
-            <th>常见误区</th>
-        </tr>
-        <tr>
-            <td>角</td>
-            <td>强调"两边所夹部分"，通过大小比较理解本质</td>
-            <td>避免使用射线定义，不强调边的无限性</td>
-        </tr>
-        <tr>
-            <td>线</td>
-            <td>从直线段出发，延伸理解射线与直线</td>
-            <td>不过分强调"直"，但通过"两点间最短"感悟特性</td>
-        </tr>
-    </tbody></table>
-
-    <h2>五、评价建议</h2>
-    <ul>
-        <li><strong>形成性评价</strong>：观察学生在折纸、作图活动中的概念表述准确性</li>
-        <li><strong>诊断性评价</strong>：设计角大小比较的变式练习（如边长短不同的相似角）</li>
-    </ul>
-
-    <h2>六、拓展资源</h2>
-    <p>可结合《课标》例46（几何概念计数）、例58（立体图形抽象）开展跨课时整合教学。</p>
-
diff --git a/dsRag/static/1.html b/dsRag/static/1.html
deleted file mode 100644
index cf78316b..00000000
--- a/dsRag/static/1.html
+++ /dev/null
@@ -1,42 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <title>小学数学中的模型</title>
-</head>
-<body>
-    <h1>小学数学中的模型</h1>
-    
-    <h2>什么是模型？</h2>
-    <p>在小学数学中，模型是用数学的语言讲述现实世界中的故事，强调如何用数学的方法描述或解决一类现实生活中的问题。模型不仅仅是数学表达，而是能够解决一类具有实际背景问题的数学方法。</p>
-    
-    <h2>小学数学中的主要模型</h2>
-    <ul>
-        <li>
-            <h3>总量模型（加法模型）</h3>
-            <p>讨论总量与部分量之间的关系，部分量之间是并列关系，运算用加法。基本形式为：</p>
-            <p><strong>总量 = 部分量 + 部分量</strong></p>
-            <p>适用于解决图书室各类书的总和、购物总花费等问题。</p>
-        </li>
-        <li>
-            <h3>路程模型（乘法模型）</h3>
-            <p>描述距离、速度、时间之间的关系，基本形式为：</p>
-            <p><strong>距离 = 速度 × 时间</strong></p>
-            <p>适用于解决“总价 = 单价 × 数量”、“总数 = 行数 × 列数”等问题。</p>
-        </li>
-        <li>
-            <h3>植树模型</h3>
-            <p>问题背景是在直线或平面上有规律地挖洞植树，适用于解决资源调查、环境调查等问题。</p>
-        </li>
-        <li>
-            <h3>工程模型</h3>
-            <p>讨论多个工程队合作完成工程的时间，基本形式为假设工程为1，适用于解决归一问题、注水问题等。</p>
-        </li>
-    </ul>
-    
-    <h2>模型的重要性</h2>
-    <p>模型的重要性不仅取决于数学表达是否完美，更取决于对现实世界的解释。通过模型的构建和理解，学生可以认识到数学是描述现实世界的强有力工具。</p>
-    
-    <h2>教学建议</h2>
-    <p>在教学中，应通过现实例子让学生感悟模型的意义，引导学生灵活使用模型，培养学生的应用意识和创新意识。</p>
-</body>
-</html>
\ No newline at end of file
diff --git a/dsRag/static/ai.html b/dsRag/static/ai.html
index 78dcd9b0..662c3749 100644
--- a/dsRag/static/ai.html
+++ b/dsRag/static/ai.html
@@ -33,8 +33,8 @@
             padding: 15px;
             min-height: 300px;
             max-height: 400px;
-            min-width: 600px; /* Added to ensure sufficient width */
-            width: calc(100% - 20px); /* Ensure it takes full available width minus margin */
+            min-width: 600px;
+            width: calc(100% - 20px);
             overflow-y: auto;
             background-color: #f8f9fa;
             font-family: 'Courier New', monospace;
@@ -60,6 +60,46 @@
             font-size: 16px;
         }
 
+        /* 新增示例问题区域样式 */
+        .example-questions {
+            margin-top: 20px;
+            padding: 15px;
+            background: #f8f9fa;
+            border-radius: 5px;
+        }
+
+        .example-questions h3 {
+            margin-top: 0;
+            color: #333;
+        }
+
+        .example-group {
+            margin-bottom: 10px;
+        }
+
+        .example-group h4 {
+            margin-bottom: 5px;
+            color: #666;
+        }
+
+        .example-questions ul {
+            list-style: none;
+            padding-left: 0;
+        }
+
+        .example-questions li {
+            padding: 5px 10px;
+            margin-bottom: 5px;
+            background: #e9ecef;
+            border-radius: 3px;
+            cursor: pointer;
+        }
+
+        .example-questions li:hover {
+            background: #dee2e6;
+        }
+
+        /* 保留原有按钮样式 */
         #submitBtn {
             background-color: #007bff;
             color: white;
@@ -108,11 +148,6 @@
             background-color: #45a049;
         }
 
-        #saveWordBtn::before {
-            content: "\1F4C4"; /* Word文档图标 */
-            font-size: 18px;
-        }
-
         .status {
             text-align: center;
             margin-bottom: 20px;
@@ -176,38 +211,32 @@
         </button>
     </div>
 
-    <script>
-        async function saveToWord() {
-    const htmlContent = document.getElementById('dataArea').innerHTML;
-    
-    try {
-        const response = await fetch('/api/save-word', {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json',
-            },
-            body: JSON.stringify({ html_content: htmlContent })
-        });
-        
-        if (!response.ok) throw new Error('请求失败');
-        
-        const blob = await response.blob();
-        const url = window.URL.createObjectURL(blob);
-        const a = document.createElement('a');
-        a.href = url;
-        a.download = '小学数学问答.docx';
-        document.body.appendChild(a);
-        a.click();
-        window.URL.revokeObjectURL(url);
-        a.remove();
-    } catch (error) {
-        alert('保存失败: ' + error.message);
-    }
-}
-    </script>
+    <!-- 新增示例问题区域 -->
+    <div class="example-questions">
+        <h3>示例问题</h3>
+        <div class="example-group">
+            <h4>知识库中包含的内容：</h4>
+            <ul>
+                <li onclick="fillQuestion('小学数学中有哪些模型？')">小学数学中有哪些模型？</li>
+                <li onclick="fillQuestion('帮我写一下 “如何理解点、线、面、体、角”的教学设计')">帮我写一下 "如何理解点、线、面、体、角"的教学设计</li>
+            </ul>
+        </div>
+        <div class="example-group">
+            <h4>知识库中不包含的内容：</h4>
+            <ul>
+                <li onclick="fillQuestion('你知道黄海是谁吗？')">你知道黄海是谁吗？</li>
+            </ul>
+        </div>
+    </div>
 </div>
 
 <script>
+    // 新增填充问题的函数
+    function fillQuestion(question) {
+        document.getElementById('questionInput').value = question;
+    }
+
+    // 保留原有JavaScript函数
     let textBuffer = '';
 
     function clearAll() {
@@ -217,7 +246,6 @@
         document.getElementById('status').className = 'status';
     }
 
-
     function submitQuestion() {
         const question = document.getElementById('questionInput').value.trim();
         if (!question) {
@@ -270,6 +298,34 @@
                 submitBtn.textContent = '提问';
             });
     }
+
+    async function saveToWord() {
+        const htmlContent = document.getElementById('dataArea').innerHTML;
+
+        try {
+            const response = await fetch('/api/save-word', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({ html_content: htmlContent })
+            });
+
+            if (!response.ok) throw new Error('请求失败');
+
+            const blob = await response.blob();
+            const url = window.URL.createObjectURL(blob);
+            const a = document.createElement('a');
+            a.href = url;
+            a.download = '小学数学问答.docx';
+            document.body.appendChild(a);
+            a.click();
+            window.URL.revokeObjectURL(url);
+            a.remove();
+        } catch (error) {
+            alert('保存失败: ' + error.message);
+        }
+    }
 </script>
 </body>
-</html>
+</html>
\ No newline at end of file

概念	教学要点	常见误区
角	强调"两边所夹部分"，通过大小比较理解本质	避免使用射线定义，不强调边的无限性
线	从直线段出发，延伸理解射线与直线	不过分强调"直"，但通过"两点间最短"感悟特性