From 9d4d70c3914eb6462a8a2fd79bb14a92a59fb038 Mon Sep 17 00:00:00 2001
From: HuangHai <10402852@qq.com>
Date: Wed, 16 Jul 2025 14:34:02 +0800
Subject: [PATCH] 'commit'

---
 .../Config/__pycache__/Config.cpython-310.pyc | Bin 888 -> 888 bytes
 dsLightRag/Start.py                           |   5 +-
 .../__pycache__/LightRagUtil.cpython-310.pyc  | Bin 4511 -> 4511 bytes
 .../PostgreSQLUtil.cpython-310.pyc            | Bin 1598 -> 1598 bytes
 dsLightRag/static/Chemistry.html              | 349 +++++++++++++++++
 dsLightRag/static/SuShi.html                  | 351 ++++++++++++++++++
 dsLightRag/static/ai.html                     | 180 +--------
 7 files changed, 705 insertions(+), 180 deletions(-)
 create mode 100644 dsLightRag/static/Chemistry.html
 create mode 100644 dsLightRag/static/SuShi.html
diff --git a/dsLightRag/Config/__pycache__/Config.cpython-310.pyc b/dsLightRag/Config/__pycache__/Config.cpython-310.pyc
index c551f7f6a39e4d9881c562acb9a358f2569fd42f..73bb1c973c7031619f11244f5f7461787f147b36 100644
GIT binary patch
delta 19
Zcmeyt_JfTppO=@50SGcbZRE;h1^_n;1t9<c

delta 19
Zcmeyt_JfTppO=@50SG?2Y~;#g1^_nI1p5F0

diff --git a/dsLightRag/Start.py b/dsLightRag/Start.py
index 70e05543..576c7231 100644
--- a/dsLightRag/Start.py
+++ b/dsLightRag/Start.py
@@ -52,9 +52,8 @@ async def rag(request: fastapi.Request):
     if output_model == "txt":
         user_prompt = "1、资料中提供化学反应方程式的，一定要严格按提供的Latex公式输出，绝对不允许对Latex公式进行修改 ！"
         user_prompt = user_prompt + "\n 2、如果资料中提供了图片的，一定要严格按照原文提供图片输出，绝对不能省略或不输出！"
-        user_prompt = user_prompt + "\n 3、资料中提到的知识内容，需要判断是否与本次问题相关，不相关的绝对不要输出！"
-        user_prompt = user_prompt + "\n 4、如果问题与提供的知识库内容不符，则明确告诉未在知识库范围内提到！"
-        user_prompt = user_prompt + "\n 5、发现输出内容中包含Latex公式的，一定要检查是不是包含了$$或$的包含符号,不能让Latex无包含符号出现！"
+        user_prompt = user_prompt + "\n 3、如果问题与提供的知识库内容不符，则明确告诉未在知识库范围内提到！"
+        user_prompt = user_prompt + "\n 4、发现输出内容中包含Latex公式的，一定要检查是不是包含了$$或$的包含符号,不能让Latex无包含符号出现！"
     elif output_model == 'html':
         user_prompt = """
         我需要一个专业的交互式数据可视化，数据资料我将提供，你也可以根据自己了解的信息进行补充，
diff --git a/dsLightRag/Util/__pycache__/LightRagUtil.cpython-310.pyc b/dsLightRag/Util/__pycache__/LightRagUtil.cpython-310.pyc
index 9bc1e54dac9dbe973c4131d5b80ceb60cf4263d8..5c6417c9ddbe78511a799da37efc941052739ef4 100644
GIT binary patch
delta 20
acmbQQJYShRpO=@50SNv&6m8_5A_xF9Wd$<;

delta 20
acmbQQJYShRpO=@50SL5(3O9035d;7&js!9Q

diff --git a/dsLightRag/Util/__pycache__/PostgreSQLUtil.cpython-310.pyc b/dsLightRag/Util/__pycache__/PostgreSQLUtil.cpython-310.pyc
index fb72377740cc415067e4d2c39a5fe75de82df80b..6868d4a2d5906d93881c2623245e2c53ba1b56a8 100644
GIT binary patch
delta 18
YcmdnTvyX=}pO=@50SHt#a+<OM049b5O8@`>

delta 18
YcmdnTvyX=}pO=@50SLS|a+<OM04GEPaR2}S

diff --git a/dsLightRag/static/Chemistry.html b/dsLightRag/static/Chemistry.html
new file mode 100644
index 00000000..94b7a915
--- /dev/null
+++ b/dsLightRag/static/Chemistry.html
@@ -0,0 +1,349 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>【化学】教学大模型</title>
+    <link rel="icon" href="data:,">
+    <style>
+        body {
+            font-family: 'Microsoft YaHei', sans-serif;
+            margin: 0;
+            padding: 0;
+            background-color: #f5f5f5;
+        }
+
+        .container {
+            max-width: 800px;
+            margin: 0 auto;
+            padding: 20px;
+        }
+
+        h1 {
+            color: #333;
+            text-align: center;
+        }
+
+        .data-area {
+            background-color: white;
+            border-radius: 8px;
+            padding: 20px;
+            margin-bottom: 20px;
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+        }
+
+        .input-area {
+            background-color: white;
+            border-radius: 8px;
+            padding: 20px;
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+        }
+
+        textarea {
+            width: 100%;
+            height: 40px;
+            padding: 10px;
+            border: 1px solid #ddd;
+            border-radius: 4px;
+            resize: none;
+            margin-bottom: 10px;
+            margin-right: 20px;
+        }
+
+        button {
+            background-color: #4CAF50;
+            color: white;
+            border: none;
+            padding: 10px 15px;
+            border-radius: 4px;
+            cursor: pointer;
+            margin-right: 10px;
+        }
+
+        button:hover {
+            background-color: #45a049;
+        }
+
+        #clearBtn {
+            background-color: #f44336;
+        }
+
+        #clearBtn:hover {
+            background-color: #d32f2f;
+        }
+
+        #saveWordBtn {
+            background-color: #2196F3;
+        }
+
+        .icon {
+            margin-right: 5px;
+        }
+
+        @keyframes spin {
+            0% {
+                transform: rotate(0deg);
+            }
+            100% {
+                transform: rotate(360deg);
+            }
+        }
+
+        .doc-links {
+            display: flex;
+            gap: 20px;
+            margin: 20px 0;
+            align-items: center;
+        }
+
+
+        .doc-checkboxes {
+            display: flex;
+            gap: 20px;
+            margin-bottom: 10px;
+        }
+
+        .doc-checkboxes label {
+            display: flex;
+            align-items: center;
+            gap: 5px;
+            cursor: pointer;
+        }
+
+        .examples {
+            margin: 20px 0;
+        }
+
+        .example-category {
+            margin-bottom: 15px;
+        }
+
+        .example-category h3 {
+            margin-bottom: 10px;
+            color: #333;
+        }
+
+        .example-list {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 10px;
+        }
+
+        .example-item {
+            padding: 8px 12px;
+            background-color: #e9f5ff;
+            border-radius: 4px;
+            cursor: pointer;
+            transition: all 0.2s;
+        }
+
+        .example-item:hover {
+            background-color: #d0e3fa;
+        }
+
+        .input-area textarea#questionInput {
+            margin-right: 10px !important;
+            width: calc(100% - 10px);
+            box-sizing: border-box;
+        }
+
+        #answerArea {
+            min-height: 240px;
+            height: auto;
+            overflow-y: auto;
+        }
+
+        .loading-animation {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            height: 200px;
+            color: #666;
+        }
+
+        .spinner {
+            width: 40px;
+            height: 40px;
+            border: 4px solid #f3f3f3;
+            border-top: 4px solid #3498db;
+            border-radius: 50%;
+            animation: spin 1s linear infinite;
+            margin-bottom: 10px;
+        }
+    </style>
+</head>
+<body>
+<div class="container">
+    <h1>【化学】教育大模型</h1>
+    <div class="data-area" id="answerArea">
+        <div style="color:#666; padding:20px; text-align:center;">
+            <p>请在下方输入您的问题，答案将在此处显示</p>
+            <p>您也可以点击"示例问题"快速体验</p>
+        </div>
+    </div>
+
+    <div class="input-area">
+        <label for="questionInput"></label><textarea id="questionInput" placeholder="请输入您的问题..."></textarea>
+
+        <div class="examples">
+            <div class="example-category">
+                <h3>已收集问题示例</h3>
+                <div class="example-list">
+                    <div class="example-item" onclick="fillExample('硝酸的光照分解反应?')"> 硝酸的光照分解反应?</div>
+                    <div class="example-item" onclick="fillExample('氢气与氧气燃烧的现象?')"> 氢气与氧气燃烧的现象?
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="doc-links">
+        <h3>知识库范围</h3>
+        <div class="doc-checkboxes">
+            <label>
+                <input type="radio" name="topic" value="Chemistry" checked>
+                化学
+            </label>
+        </div>
+    </div>
+    <button id="submitBtn" onclick="submitQuestion()"><span class="icon">💡</span>提问</button>
+    <button id="clearBtn" onclick="clearAll()"><span class="icon">🗑️</span>清空</button>
+</div>
+
+<script>
+    // 在页面加载时显示加载动画
+    document.addEventListener('DOMContentLoaded', function () {
+        const answerArea = document.getElementById('answerArea');
+        answerArea.innerHTML = '<div class="loading-animation"><div class="spinner"></div><div>正在加载资源...</div></div>';
+
+        // 禁用所有按钮
+        const buttons = document.querySelectorAll('button');
+        buttons.forEach(btn => btn.disabled = true);
+    });
+
+    MathJax = {
+        loader: {load: ['[tex]/mhchem']},
+        tex: {
+            inlineMath: [['$', '$'], ['\\(', '\\)']],
+            displayMath: [['$$', '$$'], ['\\[', '\\]']],
+            packages: {'[+]': ['mhchem']}
+        },
+        options: {
+            enableMenu: false,
+            processHtmlClass: 'tex2jax_process',
+            ignoreHtmlClass: 'tex2jax_ignore'
+        },
+        svg: {
+            fontCache: 'global'
+        },
+        startup: {
+            pageReady: () => {
+                return MathJax.startup.defaultPageReady().then(() => {
+                    console.log('MathJax initialized');
+                    // 移除加载动画并启用所有按钮
+                    const answerArea = document.getElementById('answerArea');
+                    answerArea.innerHTML = '<div style="color:#666; padding:20px; text-align:center;"><p>请在下方输入您的问题，答案将在此处显示</p><p>您也可以点击"示例问题"快速体验</p></div>';
+
+                    const buttons = document.querySelectorAll('button');
+                    buttons.forEach(btn => btn.disabled = false);
+                    return MathJax.typesetPromise();
+                });
+            }
+        }
+    };
+
+    // marked配置
+    const markedOptions = {
+        mangle: false,
+        headerIds: false
+    };
+
+    function fillExample(question) {
+        document.getElementById('questionInput').value = question;
+    }
+
+    function submitQuestion() {
+        const question = document.getElementById('questionInput').value.trim();
+        const answerArea = document.getElementById('answerArea');
+        const topic = document.querySelector('input[name="topic"]:checked').value;
+
+        if (!question) {
+            alert('请输入问题！');
+            return;
+        }
+
+        // 添加加载动画
+        answerArea.innerHTML = '<div class="loading-animation"><div class="spinner"></div><div>思考中...</div></div>';
+
+        fetch('/api/rag', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'Accept': 'text/event-stream'
+            },
+            body: JSON.stringify({
+                query: question,
+                topic: topic,
+            })
+        })
+            .then(response => {
+                const reader = response.body.getReader();
+                const decoder = new TextDecoder();
+                let buffer = '';
+                let accumulatedContent = '';
+
+                function processChunk() {
+                    return reader.read().then(({done, value}) => {
+                        if (done) return;
+
+                        buffer += decoder.decode(value, {stream: true});
+                        const lines = buffer.split('\n');
+                        buffer = lines.pop();
+
+                        for (const line of lines) {
+                            if (line.includes('data:')) {
+                                const jsonStr = line.replace(/^data:\s*/, '').replace(/^data:\s*/, '').trim();
+                                if (jsonStr) {
+                                    try {
+                                        const data = JSON.parse(jsonStr);
+                                        if (data.reply) {
+                                            accumulatedContent += data.reply;
+                                            answerArea.innerHTML = marked.parse(accumulatedContent, markedOptions);
+                                            MathJax.typesetPromise();
+                                        }
+                                    } catch (e) {
+                                        console.log('忽略解析错误:', e);
+                                    }
+                                }
+                            }
+                        }
+
+                        return processChunk().then(() => {
+                            // 在流处理完成后保存完整的markdown内容
+                            localStorage.setItem('lastMarkdownContent', accumulatedContent);
+                        });
+                    });
+                }
+
+                return processChunk();
+            })
+            .catch(error => {
+                // 移除加载动画
+                answerArea.innerHTML = '';
+
+                console.error('Error:', error);
+                // 出错时也移除加载动画
+                answerArea.innerHTML = '<div style="color:red">请求出错，请重试</div>';
+            });
+    }
+
+    function clearAll() {
+        document.getElementById('questionInput').value = '';
+        document.getElementById('answerArea').innerHTML = '';
+    }
+</script>
+<script src="/static/mathjax/es5/tex-mml-chtml.js" id="MathJax-script" async></script>
+<script src="/static/js/marked.min.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/dsLightRag/static/SuShi.html b/dsLightRag/static/SuShi.html
new file mode 100644
index 00000000..b663702c
--- /dev/null
+++ b/dsLightRag/static/SuShi.html
@@ -0,0 +1,351 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>【苏轼】教学大模型</title>
+    <link rel="icon" href="data:,">
+    <style>
+        body {
+            font-family: 'Microsoft YaHei', sans-serif;
+            margin: 0;
+            padding: 0;
+            background-color: #f5f5f5;
+        }
+
+        .container {
+            max-width: 800px;
+            margin: 0 auto;
+            padding: 20px;
+        }
+
+        h1 {
+            color: #333;
+            text-align: center;
+        }
+
+        .data-area {
+            background-color: white;
+            border-radius: 8px;
+            padding: 20px;
+            margin-bottom: 20px;
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+        }
+
+        .input-area {
+            background-color: white;
+            border-radius: 8px;
+            padding: 20px;
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+        }
+
+        textarea {
+            width: 100%;
+            height: 40px;
+            padding: 10px;
+            border: 1px solid #ddd;
+            border-radius: 4px;
+            resize: none;
+            margin-bottom: 10px;
+            margin-right: 20px;
+        }
+
+        button {
+            background-color: #4CAF50;
+            color: white;
+            border: none;
+            padding: 10px 15px;
+            border-radius: 4px;
+            cursor: pointer;
+            margin-right: 10px;
+        }
+
+        button:hover {
+            background-color: #45a049;
+        }
+
+        #clearBtn {
+            background-color: #f44336;
+        }
+
+        #clearBtn:hover {
+            background-color: #d32f2f;
+        }
+
+        #saveWordBtn {
+            background-color: #2196F3;
+        }
+
+        .icon {
+            margin-right: 5px;
+        }
+
+        @keyframes spin {
+            0% {
+                transform: rotate(0deg);
+            }
+            100% {
+                transform: rotate(360deg);
+            }
+        }
+
+        .doc-links {
+            display: flex;
+            gap: 20px;
+            margin: 20px 0;
+            align-items: center;
+        }
+
+
+        .doc-checkboxes {
+            display: flex;
+            gap: 20px;
+            margin-bottom: 10px;
+        }
+
+        .doc-checkboxes label {
+            display: flex;
+            align-items: center;
+            gap: 5px;
+            cursor: pointer;
+        }
+
+        .examples {
+            margin: 20px 0;
+        }
+
+        .example-category {
+            margin-bottom: 15px;
+        }
+
+        .example-category h3 {
+            margin-bottom: 10px;
+            color: #333;
+        }
+
+        .example-list {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 10px;
+        }
+
+        .example-item {
+            padding: 8px 12px;
+            background-color: #e9f5ff;
+            border-radius: 4px;
+            cursor: pointer;
+            transition: all 0.2s;
+        }
+
+        .example-item:hover {
+            background-color: #d0e3fa;
+        }
+
+        .input-area textarea#questionInput {
+            margin-right: 10px !important;
+            width: calc(100% - 10px);
+            box-sizing: border-box;
+        }
+
+        #answerArea {
+            min-height: 240px;
+            height: auto;
+            overflow-y: auto;
+        }
+
+        .loading-animation {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            height: 200px;
+            color: #666;
+        }
+
+        .spinner {
+            width: 40px;
+            height: 40px;
+            border: 4px solid #f3f3f3;
+            border-top: 4px solid #3498db;
+            border-radius: 50%;
+            animation: spin 1s linear infinite;
+            margin-bottom: 10px;
+        }
+    </style>
+</head>
+<body>
+<div class="container">
+    <h1>【苏轼】教育大模型</h1>
+
+    <div class="data-area" id="answerArea">
+        <div style="color:#666; padding:20px; text-align:center;">
+            <p>请在下方输入您的问题，答案将在此处显示</p>
+            <p>您也可以点击"示例问题"快速体验</p>
+        </div>
+    </div>
+
+    <div class="input-area">
+        <label for="questionInput"></label><textarea id="questionInput" placeholder="请输入您的问题..."></textarea>
+
+        <div class="examples">
+            <div class="example-category">
+                <h3>已收集问题示例</h3>
+                <div class="example-list">
+                    <div class="example-item" onclick="fillExample('苏轼的好朋友都有谁?')">苏轼的好朋友都有谁?</div>
+                    <div class="example-item" onclick="fillExample('苏轼的家人都有谁?')">苏轼的家人都有谁?</div>
+                    <div class="example-item" onclick="fillExample('苏轼有哪些有名的诗句?')">苏轼有哪些有名的诗句?</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="doc-links">
+        <h3>知识库范围</h3>
+        <div class="doc-checkboxes">
+            <label>
+                <input type="radio" name="topic" value="SuShi" checked>
+                苏轼知识
+            </label>
+        </div>
+    </div>
+    <button id="submitBtn" onclick="submitQuestion()"><span class="icon">💡</span>提问</button>
+    <button id="clearBtn" onclick="clearAll()"><span class="icon">🗑️</span>清空</button>
+</div>
+
+<script>
+    // 在页面加载时显示加载动画
+    document.addEventListener('DOMContentLoaded', function () {
+        const answerArea = document.getElementById('answerArea');
+        answerArea.innerHTML = '<div class="loading-animation"><div class="spinner"></div><div>正在加载资源...</div></div>';
+
+        // 禁用所有按钮
+        const buttons = document.querySelectorAll('button');
+        buttons.forEach(btn => btn.disabled = true);
+    });
+
+    MathJax = {
+        loader: {load: ['[tex]/mhchem']},
+        tex: {
+            inlineMath: [['$', '$'], ['\\(', '\\)']],
+            displayMath: [['$$', '$$'], ['\\[', '\\]']],
+            packages: {'[+]': ['mhchem']}
+        },
+        options: {
+            enableMenu: false,
+            processHtmlClass: 'tex2jax_process',
+            ignoreHtmlClass: 'tex2jax_ignore'
+        },
+        svg: {
+            fontCache: 'global'
+        },
+        startup: {
+            pageReady: () => {
+                return MathJax.startup.defaultPageReady().then(() => {
+                    console.log('MathJax initialized');
+                    // 移除加载动画并启用所有按钮
+                    const answerArea = document.getElementById('answerArea');
+                    answerArea.innerHTML = '<div style="color:#666; padding:20px; text-align:center;"><p>请在下方输入您的问题，答案将在此处显示</p><p>您也可以点击"示例问题"快速体验</p></div>';
+
+                    const buttons = document.querySelectorAll('button');
+                    buttons.forEach(btn => btn.disabled = false);
+                    return MathJax.typesetPromise();
+                });
+            }
+        }
+    };
+
+    // marked配置
+    const markedOptions = {
+        mangle: false,
+        headerIds: false
+    };
+
+    function fillExample(question) {
+        document.getElementById('questionInput').value = question;
+    }
+
+    function submitQuestion() {
+        const question = document.getElementById('questionInput').value.trim();
+        const answerArea = document.getElementById('answerArea');
+        const topic = document.querySelector('input[name="topic"]:checked').value;
+
+        if (!question) {
+            alert('请输入问题！');
+            return;
+        }
+
+        // 添加加载动画
+        answerArea.innerHTML = '<div class="loading-animation"><div class="spinner"></div><div>思考中...</div></div>';
+
+        fetch('/api/rag', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'Accept': 'text/event-stream'
+            },
+            body: JSON.stringify({
+                query: question,
+                topic: topic,
+            })
+        })
+            .then(response => {
+                const reader = response.body.getReader();
+                const decoder = new TextDecoder();
+                let buffer = '';
+                let accumulatedContent = '';
+
+                function processChunk() {
+                    return reader.read().then(({done, value}) => {
+                        if (done) return;
+
+                        buffer += decoder.decode(value, {stream: true});
+                        const lines = buffer.split('\n');
+                        buffer = lines.pop();
+
+                        for (const line of lines) {
+                            if (line.includes('data:')) {
+                                const jsonStr = line.replace(/^data:\s*/, '').replace(/^data:\s*/, '').trim();
+                                if (jsonStr) {
+                                    try {
+                                        const data = JSON.parse(jsonStr);
+                                        if (data.reply) {
+                                            accumulatedContent += data.reply;
+                                            answerArea.innerHTML = marked.parse(accumulatedContent, markedOptions);
+                                            MathJax.typesetPromise();
+                                        }
+                                    } catch (e) {
+                                        console.log('忽略解析错误:', e);
+                                    }
+                                }
+                            }
+                        }
+
+                        return processChunk().then(() => {
+                            // 在流处理完成后保存完整的markdown内容
+                            localStorage.setItem('lastMarkdownContent', accumulatedContent);
+                        });
+                    });
+                }
+
+                return processChunk();
+            })
+            .catch(error => {
+                // 移除加载动画
+                answerArea.innerHTML = '';
+
+                console.error('Error:', error);
+                // 出错时也移除加载动画
+                answerArea.innerHTML = '<div style="color:red">请求出错，请重试</div>';
+            });
+    }
+
+    function clearAll() {
+        document.getElementById('questionInput').value = '';
+        document.getElementById('answerArea').innerHTML = '';
+    }
+</script>
+<script src="/static/mathjax/es5/tex-mml-chtml.js" id="MathJax-script" async></script>
+<script src="/static/js/marked.min.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/dsLightRag/static/ai.html b/dsLightRag/static/ai.html
index 073a631f..022e2657 100644
--- a/dsLightRag/static/ai.html
+++ b/dsLightRag/static/ai.html
@@ -180,185 +180,11 @@
         <h3><a href="Math.html">【知识库示例】、小学数学</a><br>
             <a href="ChangChun.html">【网络爬虫示例】、长春市教育信息资讯库</a><br>
             <a href="ShiJi.html">【关系图谱示例】、少年读史记</a><br>
-            <a href="tree.html">【进行中，知识图谱示例】、小学数学知识图谱</a>
+            <a href="tree.html">【进行中，知识图谱示例】、小学数学知识图谱</a><br>
+            <a href="SuShi.html">【苏轼专题】</a><br>
+            <a href="Chemistry.html">【化学专题】</a>
         </h3>
     </center>
-
-    <div class="data-area" id="answerArea">
-        <div style="color:#666; padding:20px; text-align:center;">
-            <p>请在下方输入您的问题，答案将在此处显示</p>
-            <p>您也可以点击"示例问题"快速体验</p>
-        </div>
-    </div>
-
-    <div class="input-area">
-        <label for="questionInput"></label><textarea id="questionInput" placeholder="请输入您的问题..."></textarea>
-
-        <div class="examples">
-            <div class="example-category">
-                <h3>已收集问题示例</h3>
-                <div class="example-list">
-                    <div class="example-item" onclick="fillExample('苏轼的好朋友都有谁?')">苏轼的好朋友都有谁?</div>
-                    <div class="example-item" onclick="fillExample('苏轼的家人都有谁?')">苏轼的家人都有谁?</div>
-                    <div class="example-item" onclick="fillExample('苏轼有哪些有名的诗句?')">苏轼有哪些有名的诗句?</div>
-                    <div class="example-item" onclick="fillExample('硝酸的光照分解反应?')"> 硝酸的光照分解反应?</div>
-                    <div class="example-item" onclick="fillExample('氢气与氧气燃烧的现象?')"> 氢气与氧气燃烧的现象?
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    <div class="doc-links">
-        <h3>知识库范围</h3>
-        <div class="doc-checkboxes">
-            <label>
-                <input type="radio" name="topic" value="SuShi" checked>
-                苏轼知识
-            </label>
-            <label>
-                <input type="radio" name="topic" value="Chemistry">
-                化学
-            </label>
-        </div>
-    </div>
-    <button id="submitBtn" onclick="submitQuestion()"><span class="icon">💡</span>提问</button>
-    <button id="clearBtn" onclick="clearAll()"><span class="icon">🗑️</span>清空</button>
 </div>
-
-<script>
-    // 在页面加载时显示加载动画
-    document.addEventListener('DOMContentLoaded', function () {
-        const answerArea = document.getElementById('answerArea');
-        answerArea.innerHTML = '<div class="loading-animation"><div class="spinner"></div><div>正在加载资源...</div></div>';
-
-        // 禁用所有按钮
-        const buttons = document.querySelectorAll('button');
-        buttons.forEach(btn => btn.disabled = true);
-    });
-
-    MathJax = {
-        loader: {load: ['[tex]/mhchem']},
-        tex: {
-            inlineMath: [['$', '$'], ['\\(', '\\)']],
-            displayMath: [['$$', '$$'], ['\\[', '\\]']],
-            packages: {'[+]': ['mhchem']}
-        },
-        options: {
-            enableMenu: false,
-            processHtmlClass: 'tex2jax_process',
-            ignoreHtmlClass: 'tex2jax_ignore'
-        },
-        svg: {
-            fontCache: 'global'
-        },
-        startup: {
-            pageReady: () => {
-                return MathJax.startup.defaultPageReady().then(() => {
-                    console.log('MathJax initialized');
-                    // 移除加载动画并启用所有按钮
-                    const answerArea = document.getElementById('answerArea');
-                    answerArea.innerHTML = '<div style="color:#666; padding:20px; text-align:center;"><p>请在下方输入您的问题，答案将在此处显示</p><p>您也可以点击"示例问题"快速体验</p></div>';
-
-                    const buttons = document.querySelectorAll('button');
-                    buttons.forEach(btn => btn.disabled = false);
-                    return MathJax.typesetPromise();
-                });
-            }
-        }
-    };
-
-    // marked配置
-    const markedOptions = {
-        mangle: false,
-        headerIds: false
-    };
-
-    function fillExample(question) {
-        document.getElementById('questionInput').value = question;
-    }
-
-    function submitQuestion() {
-        const question = document.getElementById('questionInput').value.trim();
-        const answerArea = document.getElementById('answerArea');
-        const topic = document.querySelector('input[name="topic"]:checked').value;
-
-        if (!question) {
-            alert('请输入问题！');
-            return;
-        }
-
-        // 添加加载动画
-        answerArea.innerHTML = '<div class="loading-animation"><div class="spinner"></div><div>思考中...</div></div>';
-
-        fetch('/api/rag', {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json',
-                'Accept': 'text/event-stream'
-            },
-            body: JSON.stringify({
-                query: question,
-                topic: topic,
-            })
-        })
-            .then(response => {
-                const reader = response.body.getReader();
-                const decoder = new TextDecoder();
-                let buffer = '';
-                let accumulatedContent = '';
-
-                function processChunk() {
-                    return reader.read().then(({done, value}) => {
-                        if (done) return;
-
-                        buffer += decoder.decode(value, {stream: true});
-                        const lines = buffer.split('\n');
-                        buffer = lines.pop();
-
-                        for (const line of lines) {
-                            if (line.includes('data:')) {
-                                const jsonStr = line.replace(/^data:\s*/, '').replace(/^data:\s*/, '').trim();
-                                if (jsonStr) {
-                                    try {
-                                        const data = JSON.parse(jsonStr);
-                                        if (data.reply) {
-                                            accumulatedContent += data.reply;
-                                            answerArea.innerHTML = marked.parse(accumulatedContent, markedOptions);
-                                            MathJax.typesetPromise();
-                                        }
-                                    } catch (e) {
-                                        console.log('忽略解析错误:', e);
-                                    }
-                                }
-                            }
-                        }
-
-                        return processChunk().then(() => {
-                            // 在流处理完成后保存完整的markdown内容
-                            localStorage.setItem('lastMarkdownContent', accumulatedContent);
-                        });
-                    });
-                }
-
-                return processChunk();
-            })
-            .catch(error => {
-                // 移除加载动画
-                answerArea.innerHTML = '';
-
-                console.error('Error:', error);
-                // 出错时也移除加载动画
-                answerArea.innerHTML = '<div style="color:red">请求出错，请重试</div>';
-            });
-    }
-
-    function clearAll() {
-        document.getElementById('questionInput').value = '';
-        document.getElementById('answerArea').innerHTML = '';
-    }
-</script>
-<script src="/static/mathjax/es5/tex-mml-chtml.js" id="MathJax-script" async></script>
-<script src="/static/js/marked.min.js"></script>
 </body>
 </html>
\ No newline at end of file
