From fdad866e2d5768e405afc070259035542e7bd8cb Mon Sep 17 00:00:00 2001
From: HuangHai <10402852@qq.com>
Date: Wed, 3 Sep 2025 09:08:23 +0800
Subject: [PATCH] 'commit'

---
 .../static/Menhu/ai-resource-workshop.html    | 690 ++++++++++++++++++
 dsLightRag/static/Menhu/index.html            |  20 +-
 dsLightRag/static/css/style.css               |  60 ++
 dsLightRag/static/js/ai-resource-workshop.js  |  61 ++
 dsLightRag/static/js/main.js                  |  14 +-
 5 files changed, 832 insertions(+), 13 deletions(-)
 create mode 100644 dsLightRag/static/Menhu/ai-resource-workshop.html
 create mode 100644 dsLightRag/static/js/ai-resource-workshop.js
diff --git a/dsLightRag/static/Menhu/ai-resource-workshop.html b/dsLightRag/static/Menhu/ai-resource-workshop.html
new file mode 100644
index 00000000..1968b2e7
--- /dev/null
+++ b/dsLightRag/static/Menhu/ai-resource-workshop.html
@@ -0,0 +1,690 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>AI资源工坊 - 东师理想AI教育云平台</title>
+    <!-- 引入外部资源 -->
+    <link rel="stylesheet" href="https://gcore.jsdelivr.net/npm/layui@2.9.12/dist/css/layui.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <script src="https://gcore.jsdelivr.net/npm/chart.js@4.4.8/dist/chart.umd.min.js"></script>
+    <!-- 引入自定义样式 -->
+    <link rel="stylesheet" href="../css/style.css">
+    <style>
+        /* 临时样式：解决图片缺失问题 */
+        .logo-placeholder {
+            width: 160px;
+            height: 40px;
+            background-color: #1E88E5;
+            color: white;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-weight: bold;
+            font-size: 14px;
+        }
+        
+        /* 页面标题区样式 */
+        .page-header {
+            padding: 80px 0 60px;
+            background-color: #0066FF;
+            color: white;
+            text-align: center;
+            margin-top: 70px;
+        }
+        
+        .page-header h1 {
+            font-size: 36px;
+            margin-bottom: 15px;
+        }
+        
+        /* 内容区域样式 */
+        .workshop-content {
+            padding: 40px 0;
+            background-color: #f5f7fa;
+        }
+        
+        .resource-generator,
+        .resource-library,
+        .hot-resources {
+            background-color: white;
+            border-radius: 10px;
+            padding: 30px;
+            margin-bottom: 30px;
+            box-shadow: 0 4px 20px rgba(0, 102, 255, 0.1);
+        }
+        
+        .section-title {
+            font-size: 24px;
+            font-weight: bold;
+            color: #0066FF;
+            margin-bottom: 25px;
+            position: relative;
+            padding-bottom: 10px;
+        }
+        
+        .section-title::after {
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 0;
+            width: 60px;
+            height: 3px;
+            background-color: #00C389;
+        }
+        
+        .generator-form {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+            gap: 20px;
+        }
+        
+        .form-group {
+            margin-bottom: 15px;
+        }
+        
+        .form-group label {
+            display: block;
+            margin-bottom: 8px;
+            font-weight: 500;
+        }
+        
+        /* 资源卡片样式 */
+        .resources-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+            gap: 25px;
+            margin-top: 20px;
+        }
+        
+        .resource-card {
+            border: 1px solid #eee;
+            border-radius: 8px;
+            overflow: hidden;
+            transition: all 0.3s ease;
+            background-color: white;
+            padding: 20px;
+        }
+        
+        .resource-card:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
+        }
+        
+        .resource-type {
+            display: inline-block;
+            padding: 4px 8px;
+            background-color: #e3f2fd;
+            color: #0066FF;
+            border-radius: 4px;
+            font-size: 12px;
+            margin-bottom: 10px;
+        }
+        
+        .resource-title {
+            font-size: 18px;
+            font-weight: bold;
+            margin-bottom: 15px;
+            color: #333;
+        }
+        
+        .resource-meta {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 15px;
+            margin-bottom: 15px;
+            font-size: 14px;
+            color: #666;
+        }
+        
+        .resource-meta span {
+            display: flex;
+            align-items: center;
+        }
+        
+        .resource-meta i {
+            margin-right: 5px;
+        }
+        
+        .resource-tags {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 8px;
+            margin-bottom: 15px;
+        }
+        
+        .resource-tags span {
+            padding: 3px 8px;
+            background-color: #f5f7fa;
+            border-radius: 4px;
+            font-size: 12px;
+            color: #666;
+        }
+        
+        /* 热度榜样式 */
+        .hot-list {
+            margin-top: 20px;
+        }
+        
+        .hot-item {
+            display: flex;
+            align-items: center;
+            padding: 15px;
+            border-bottom: 1px solid #eee;
+        }
+        
+        .hot-item:last-child {
+            border-bottom: none;
+        }
+        
+        .rank {
+            width: 30px;
+            height: 30px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            background-color: #f5f7fa;
+            border-radius: 50%;
+            margin-right: 15px;
+            font-weight: bold;
+        }
+        
+        .top1 .rank {
+            background-color: #ff9800;
+            color: white;
+        }
+        
+        .top2 .rank {
+            background-color: #607d8b;
+            color: white;
+        }
+        
+        .top3 .rank {
+            background-color: #795548;
+            color: white;
+        }
+        
+        .info {
+            flex: 1;
+        }
+        
+        .info h4 {
+            font-size: 16px;
+            margin-bottom: 5px;
+        }
+        
+        .info p {
+            font-size: 14px;
+            color: #666;
+        }
+        
+        .trend {
+            font-weight: bold;
+            color: #4caf50;
+        }
+        
+        /* 分页样式 */
+        .pagination {
+            display: flex;
+            justify-content: center;
+            margin-top: 30px;
+        }
+        
+        /* 页脚样式 */
+        .footer {
+            background-color: #333;
+            color: white;
+            padding: 60px 0 20px;
+        }
+        
+        .footer-content {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 30px;
+            margin-bottom: 40px;
+        }
+        
+        .footer-logo {
+            flex: 1;
+            min-width: 250px;
+        }
+        
+        .footer-links {
+            flex: 2;
+            display: flex;
+            flex-wrap: wrap;
+            gap: 30px;
+        }
+        
+        .link-group {
+            flex: 1;
+            min-width: 200px;
+        }
+        
+        .link-group h3 {
+            font-size: 18px;
+            margin-bottom: 15px;
+        }
+        
+        .link-group ul {
+            list-style: none;
+            padding: 0;
+        }
+        
+        .link-group li {
+            margin-bottom: 10px;
+        }
+        
+        .link-group a {
+            color: #ccc;
+            text-decoration: none;
+            transition: color 0.3s;
+        }
+        
+        .link-group a:hover {
+            color: white;
+        }
+        
+        .contact-info {
+            flex: 1;
+            min-width: 250px;
+        }
+        
+        .contact-info p {
+            margin-bottom: 10px;
+            display: flex;
+            align-items: center;
+        }
+        
+        .contact-info i {
+            margin-right: 10px;
+        }
+        
+        .social-links {
+            display: flex;
+            gap: 15px;
+            margin-top: 15px;
+        }
+        
+        .social-links a {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            width: 36px;
+            height: 36px;
+            border-radius: 50%;
+            background-color: rgba(255, 255, 255, 0.1);
+            color: white;
+            transition: background-color 0.3s;
+        }
+        
+        .social-links a:hover {
+            background-color: rgba(255, 255, 255, 0.2);
+        }
+        
+        .copyright {
+            text-align: center;
+            padding-top: 20px;
+            border-top: 1px solid rgba(255, 255, 255, 0.1);
+            font-size: 14px;
+            color: #999;
+        }
+        
+        /* 资源筛选区样式 */
+        .resource-filters {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 20px;
+            flex-wrap: wrap;
+            gap: 15px;
+        }
+        
+        .filter-group {
+            display: flex;
+            align-items: center;
+            gap: 10px;
+        }
+        
+        .search-box {
+            display: flex;
+            align-items: center;
+        }
+        
+        .search-box input {
+            padding: 8px 15px;
+            border: 1px solid #ddd;
+            border-radius: 20px 0 0 20px;
+            outline: none;
+        }
+        
+        .search-box button {
+            padding: 8px 15px;
+            background-color: #0066FF;
+            color: white;
+            border: none;
+            border-radius: 0 20px 20px 0;
+            cursor: pointer;
+        }
+    </style>
+</head>
+<body>
+    <!-- 顶部导航 -->
+    <header class="header">
+        <div class="logo">
+            <!-- 使用内联base64图片避免路径问题 -->
+            <div class="logo-placeholder">东师理想AI教育云平台</div>
+        </div>
+        <nav class="nav-menu">
+            <div class="nav-item">
+                <a href="index.html" style="color: var(--text-dark); text-decoration: none;">首页</a>
+            </div>
+            <div class="nav-item">
+                <a href="ai-resource-workshop.html" style="color: var(--primary-blue); text-decoration: none;">AI资源工坊</a>
+            </div>
+            <div class="nav-item">
+                <a href="cloud-classroom.html" style="color: var(--text-dark); text-decoration: none;">名师云课</a>
+            </div>
+            <div class="nav-item">
+                <a href="ai-homework.html" style="color: var(--text-dark); text-decoration: none;">AI作业与阅卷</a>
+            </div>
+            <div class="nav-item">
+                <a href="learning-analytics.html" style="color: var(--text-dark); text-decoration: none;">学情中心</a>
+            </div>
+            <div class="nav-item">
+                <a href="alliance.html" style="color: var(--text-dark); text-decoration: none;">联盟与学科工坊</a>
+            </div>
+        </nav>
+        <div class="header-actions">
+            <button class="btn btn-outline login-btn">登录</button>
+            <button class="btn btn-primary register-btn">注册</button>
+        </div>
+    </header>
+
+    <!-- 页面标题区 -->
+    <section class="page-header">
+        <div class="container">
+            <h1>AI资源工坊</h1>
+            <p>一键生成教案、课件、习题，支持共建共享</p>
+        </div>
+    </section>
+
+    <!-- 主要内容区 -->
+    <section class="workshop-content">
+        <div class="container">
+            <!-- 资源生成工具区 -->
+            <div class="resource-generator">
+                <h2 class="section-title">资源快速生成</h2>
+                <div class="generator-form">
+                    <div class="form-group">
+                        <label>资源类型</label>
+                        <select class="layui-select">
+                            <option value="lesson-plan">教案</option>
+                            <option value="courseware">课件</option>
+                            <option value="exercise">习题</option>
+                            <option value="teaching-plan">教学计划</option>
+                        </select>
+                    </div>
+                    <div class="form-group">
+                        <label>学科</label>
+                        <select class="layui-select">
+                            <option value="math">数学</option>
+                            <option value="chinese">语文</option>
+                            <option value="english">英语</option>
+                            <option value="physics">物理</option>
+                            <option value="chemistry">化学</option>
+                            <option value="biology">生物</option>
+                        </select>
+                    </div>
+                    <div class="form-group">
+                        <label>年级</label>
+                        <select class="layui-select">
+                            <option value="grade1">小学一年级</option>
+                            <option value="grade2">小学二年级</option>
+                            <option value="grade3">小学三年级</option>
+                            <option value="grade4">小学四年级</option>
+                            <option value="grade5">小学五年级</option>
+                            <option value="grade6">小学六年级</option>
+                            <option value="junior1">初中一年级</option>
+                            <option value="junior2">初中二年级</option>
+                            <option value="junior3">初中三年级</option>
+                            <option value="senior1">高中一年级</option>
+                            <option value="senior2">高中二年级</option>
+                            <option value="senior3">高中三年级</option>
+                        </select>
+                    </div>
+                    <div class="form-group">
+                        <label>知识点/主题</label>
+                        <input type="text" class="layui-input" placeholder="请输入关键词">
+                    </div>
+                    <div class="form-group">
+                        <label>生成要求（可选）</label>
+                        <textarea class="layui-textarea" placeholder="例如：包含教学目标、教学过程、板书设计等"></textarea>
+                    </div>
+                    <button class="btn btn-primary generate-btn">立即生成</button>
+                </div>
+            </div>
+
+            <!-- 资源库区域 -->
+            <div class="resource-library">
+                <h2 class="section-title">热门资源库</h2>
+                <div class="resource-filters">
+                    <div class="filter-group">
+                        <label>排序方式:</label>
+                        <select class="layui-select">
+                            <option value="hot">热度优先</option>
+                            <option value="newest">最新上传</option>
+                            <option value="recommended">推荐资源</option>
+                        </select>
+                    </div>
+                    <div class="search-box">
+                        <input type="text" placeholder="搜索资源...">
+                        <button class="search-btn"><i class="fas fa-search"></i></button>
+                    </div>
+                </div>
+                <div class="resources-grid">
+                    <!-- 资源卡片示例 -->
+                    <div class="resource-card">
+                        <div class="resource-type">教案</div>
+                        <h3 class="resource-title">《三角形面积计算》教案设计</h3>
+                        <div class="resource-meta">
+                            <span><i class="fas fa-user"></i> 王老师</span>
+                            <span><i class="fas fa-eye"></i> 1.2k</span>
+                            <span><i class="fas fa-download"></i> 328</span>
+                            <span><i class="fas fa-star"></i> 4.8</span>
+                        </div>
+                        <div class="resource-tags">
+                            <span>小学数学</span>
+                            <span>五年级</span>
+                            <span>图形与几何</span>
+                        </div>
+                        <button class="btn btn-outline view-btn">查看详情</button>
+                    </div>
+                    <div class="resource-card">
+                        <div class="resource-type">课件</div>
+                        <h3 class="resource-title">《一元二次方程解法》多媒体课件</h3>
+                        <div class="resource-meta">
+                            <span><i class="fas fa-user"></i> 李老师</span>
+                            <span><i class="fas fa-eye"></i> 986</span>
+                            <span><i class="fas fa-download"></i> 256</span>
+                            <span><i class="fas fa-star"></i> 4.7</span>
+                        </div>
+                        <div class="resource-tags">
+                            <span>初中数学</span>
+                            <span>九年级</span>
+                            <span>代数</span>
+                        </div>
+                        <button class="btn btn-outline view-btn">查看详情</button>
+                    </div>
+                    <div class="resource-card">
+                        <div class="resource-type">习题</div>
+                        <h3 class="resource-title">《函数的单调性》同步练习题</h3>
+                        <div class="resource-meta">
+                            <span><i class="fas fa-user"></i> 张老师</span>
+                            <span><i class="fas fa-eye"></i> 753</span>
+                            <span><i class="fas fa-download"></i> 198</span>
+                            <span><i class="fas fa-star"></i> 4.5</span>
+                        </div>
+                        <div class="resource-tags">
+                            <span>高中数学</span>
+                            <span>一年级</span>
+                            <span>函数</span>
+                        </div>
+                        <button class="btn btn-outline view-btn">查看详情</button>
+                    </div>
+                </div>
+                <div class="pagination">
+                    <div class="layui-box layui-laypage layui-laypage-default">
+                        <a href="" class="layui-laypage-prev">上一页</a>
+                        <span class="layui-laypage-curr"><em class="layui-laypage-em"></em><i>1</i></span>
+                        <a href="">2</a>
+                        <a href="">3</a>
+                        <a href="">4</a>
+                        <a href="">5</a>
+                        <a href="" class="layui-laypage-next">下一页</a>
+                    </div>
+                </div>
+            </div>
+
+            <!-- 实时热度榜 -->
+            <div class="hot-resources">
+                <h2 class="section-title">实时热度榜</h2>
+                <div class="hot-list">
+                    <div class="hot-item top1">
+                        <div class="rank">1</div>
+                        <div class="info">
+                            <h4>《分数的初步认识》课件</h4>
+                            <p>小学数学 · 三年级</p>
+                        </div>
+                        <div class="trend"><i class="fas fa-arrow-up"></i> 248</div>
+                    </div>
+                    <div class="hot-item top2">
+                        <div class="rank">2</div>
+                        <div class="info">
+                            <h4>《牛顿第一定律》实验教学设计</h4>
+                            <p>初中物理 · 八年级</p>
+                        </div>
+                        <div class="trend"><i class="fas fa-arrow-up"></i> 186</div>
+                    </div>
+                    <div class="hot-item top3">
+                        <div class="rank">3</div>
+                        <div class="info">
+                            <h4>《文言文阅读技巧》专题训练</h4>
+                            <p>初中语文 · 九年级</p>
+                        </div>
+                        <div class="trend"><i class="fas fa-arrow-down"></i> 42</div>
+                    </div>
+                    <div class="hot-item">
+                        <div class="rank">4</div>
+                        <div class="info">
+                            <h4>《化学方程式配平》微课视频</h4>
+                            <p>初中化学 · 九年级</p>
+                        </div>
+                        <div class="trend"><i class="fas fa-arrow-up"></i> 129</div>
+                    </div>
+                    <div class="hot-item">
+                        <div class="rank">5</div>
+                        <div class="info">
+                            <h4>《英语时态专项练习》题库</h4>
+                            <p>高中英语 · 一年级</p>
+                        </div>
+                        <div class="trend"><i class="fas fa-arrow-up"></i> 95</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- 页脚 -->
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-content">
+                <div class="footer-logo">
+                    <!-- 使用内联base64图片避免路径问题 -->
+                    <div class="logo-placeholder">东师理想AI教育云平台</div>
+                    <p>东师理想AI教育云平台 © 2023 版权所有</p>
+                </div>
+                <div class="footer-links">
+                    <div class="link-group">
+                        <h3>平台服务</h3>
+                        <ul>
+                            <li><a href="#">关于我们</a></li>
+                            <li><a href="#">联系我们</a></li>
+                            <li><a href="#">帮助中心</a></li>
+                            <li><a href="#">用户协议</a></li>
+                        </ul>
+                    </div>
+                    <div class="link-group">
+                        <h3>资源中心</h3>
+                        <ul>
+                            <li><a href="#">教案库</a></li>
+                            <li><a href="#">课件库</a></li>
+                            <li><a href="#">习题库</a></li>
+                            <li><a href="#">视频课程</a></li>
+                        </ul>
+                    </div>
+                    <div class="link-group">
+                        <h3>技术支持</h3>
+                        <ul>
+                            <li><a href="#">API文档</a></li>
+                            <li><a href="#">开发者社区</a></li>
+                            <li><a href="#">技术博客</a></li>
+                            <li><a href="#">常见问题</a></li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="contact-info">
+                    <p><i class="fas fa-phone"></i> 400-123-4567</p>
+                    <p><i class="fas fa-envelope"></i> support@dsideal.edu.cn</p>
+                    <div class="social-links">
+                        <a href="#"><i class="fab fa-weixin"></i></a>
+                        <a href="#"><i class="fab fa-weibo"></i></a>
+                        <a href="#"><i class="fab fa-qq"></i></a>
+                    </div>
+                </div>
+            </div>
+            <div class="copyright">
+                <p>© 2023 东师理想科技有限公司 版权所有 | 吉ICP备12345678号</p>
+            </div>
+        </div>
+    </footer>
+
+    <!-- 引入外部JS -->
+    <script src="https://gcore.jsdelivr.net/npm/layui@2.9.12/dist/layui.min.js"></script>
+    <!-- 仅引入页面所需的JS -->
+    <script src="../js/ai-resource-workshop.js"></script>
+    <script>
+        // 页面专属JS代码
+        document.addEventListener('DOMContentLoaded', function() {
+            // 初始化Layui组件
+            layui.use(['form', 'element'], function() {
+                var form = layui.form;
+                var element = layui.element;
+                // 表单渲染
+                form.render();
+            });
+
+            // 生成按钮点击事件
+            document.querySelector('.generate-btn')?.addEventListener('click', function() {
+                // 模拟生成加载效果
+                this.innerHTML = '<i class="fas fa-spinner fa-spin"></i> 生成中...';
+                this.disabled = true;
+
+                // 模拟生成过程
+                setTimeout(() => {
+                    this.innerHTML = '立即生成';
+                    this.disabled = false;
+                    alert('资源生成成功！');
+                }, 2000);
+            });
+
+            // 查看详情按钮点击事件
+            document.querySelectorAll('.view-btn').forEach(btn => {
+                btn.addEventListener('click', function() {
+                    alert('资源详情功能将在后续版本中实现');
+                });
+            });
+        });
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/dsLightRag/static/Menhu/index.html b/dsLightRag/static/Menhu/index.html
index 098dad96..4709d976 100644
--- a/dsLightRag/static/Menhu/index.html
+++ b/dsLightRag/static/Menhu/index.html
@@ -23,7 +23,7 @@
         </div>
         <nav class="nav-menu">
             <div class="nav-item">首页</div>
-            <div class="nav-item">AI资源工坊</div>
+            <div class="nav-item"><a href="ai-resource-workshop.html" style="text-decoration: none; color: inherit;">AI资源工坊</a></div>
             <div class="nav-item">名师云课</div>
             <div class="nav-item">学情中心</div>
             <div class="nav-item">AI教育创新联盟</div>
@@ -44,7 +44,7 @@
                         <h1 class="hero-title">让AI成为教育新基建</h1>
                         <p class="hero-subtitle">资源共建 · 名师云课 · AI学伴 · 精准学情</p>
                         <div class="hero-cta">
-                            <button class="btn btn-primary">立即体验</button>
+                            <a href="ai-resource-workshop.html" class="btn btn-primary">立即体验</a>
                             <button class="btn btn-outline">教师入驻</button>
                             <button class="btn btn-outline">合作咨询</button>
                         </div>
@@ -108,13 +108,15 @@
     <section class="features">
         <h2 class="section-title">四大核心场景</h2>
         <div class="features-grid">
-            <div class="feature-card">
-                <div class="feature-icon">
-                    <i class="fas fa-tools"></i>
+            <a href="ai-resource-workshop.html" style="text-decoration: none; color: inherit;">
+                <div class="feature-card">
+                    <div class="feature-icon">
+                        <i class="fas fa-tools"></i>
+                    </div>
+                    <h3 class="feature-title">AI资源工坊</h3>
+                    <p class="feature-description">一键生成教案、课件、习题；支持共建共享；展示实时热度榜，满足教师多样化教学需求。</p>
                 </div>
-                <h3 class="feature-title">AI资源工坊</h3>
-                <p class="feature-description">一键生成教案、课件、习题；支持共建共享；展示实时热度榜，满足教师多样化教学需求。</p>
-            </div>
+            </a>
             <div class="feature-card">
                 <div class="feature-icon">
                     <i class="fas fa-chalkboard-teacher"></i>
@@ -169,7 +171,7 @@
                     <i class="fas fa-bullhorn"></i>
                 </div>
                 <h3 class="service-title">宣传维护服务</h3>
-                <p class="service-description">为加入的学校、老师打造视频号、抖音号、公众号等维护宣传工作，让教师专注于教学。</p>
+                <p class="service-description">为加入的学校、老师打造视频号、抖音号、公众号等维护的宣传，让教师专注于教学。</p>
             </div>
         </div>
     </section>
diff --git a/dsLightRag/static/css/style.css b/dsLightRag/static/css/style.css
index 8536057b..cab3110d 100644
--- a/dsLightRag/static/css/style.css
+++ b/dsLightRag/static/css/style.css
@@ -661,4 +661,64 @@ body {
     .feature-card {
         padding: 20px;
     }
+}
+
+/* AI资源工坊页面样式 */
+.page-header {
+    padding: 60px 0;
+    background-color: var(--primary-blue);
+    color: white;
+    text-align: center;
+}
+
+.resource-generator {
+    background-color: white;
+    border-radius: 10px;
+    padding: 30px;
+    margin-bottom: 40px;
+    box-shadow: var(--shadow);
+}
+
+.generator-form {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+    gap: 20px;
+    margin-top: 20px;
+}
+
+.form-group {
+    margin-bottom: 15px;
+}
+
+.form-group label {
+    display: block;
+    margin-bottom: 8px;
+    font-weight: 500;
+}
+
+.resource-library {
+    margin-bottom: 40px;
+}
+
+.resource-filters {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 20px;
+    flex-wrap: wrap;
+    gap: 15px;
+}
+
+.resources-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+    gap: 25px;
+    margin-top: 20px;
+}
+
+.resource-card {
+    border: 1px solid #eee;
+    border-radius: 8px;
+    overflow: hidden;
+    transition: all 0.3s ease;
 }
\ No newline at end of file
diff --git a/dsLightRag/static/js/ai-resource-workshop.js b/dsLightRag/static/js/ai-resource-workshop.js
new file mode 100644
index 00000000..c8c19cd2
--- /dev/null
+++ b/dsLightRag/static/js/ai-resource-workshop.js
@@ -0,0 +1,61 @@
+// AI资源工坊页面交互逻辑
+layui.use(['form', 'laydate'], function() {
+    var form = layui.form;
+    var laydate = layui.laydate;
+
+    // 初始化表单
+    form.render();
+
+    // 生成按钮点击事件
+    document.querySelector('.generate-btn').addEventListener('click', function() {
+        // 显示加载动画
+        this.innerHTML = '<i class="fas fa-spinner fa-spin"></i> 生成中...';
+        this.disabled = true;
+
+        // 模拟生成过程
+        setTimeout(() => {
+            // 生成成功后跳转或显示结果
+            window.location.href = 'resource-preview.html';
+        }, 2000);
+    });
+});
+
+
+/**
+ * AI资源工坊页面专属脚本
+ */
+
+document.addEventListener('DOMContentLoaded', function() {
+    // 资源搜索功能
+    const searchInput = document.querySelector('.search-box input');
+    const searchBtn = document.querySelector('.search-box .search-btn');
+
+    if (searchBtn && searchInput) {
+        searchBtn.addEventListener('click', performSearch);
+        searchInput.addEventListener('keypress', function(e) {
+            if (e.key === 'Enter') performSearch();
+        });
+    }
+
+    // 资源排序功能
+    const sortSelect = document.querySelector('.resource-filters select');
+    if (sortSelect) {
+        sortSelect.addEventListener('change', function() {
+            alert(`已切换排序方式为: ${this.options[this.selectedIndex].text}`);
+            // 在实际项目中，这里会发起AJAX请求获取排序后的资源
+        });
+    }
+
+    /**
+     * 执行搜索功能
+     */
+    function performSearch() {
+        const keyword = searchInput.value.trim();
+        if (keyword) {
+            alert(`搜索资源: ${keyword}`);
+            // 在实际项目中，这里会发起AJAX请求获取搜索结果
+        } else {
+            alert('请输入搜索关键词');
+        }
+    }
+});
\ No newline at end of file
diff --git a/dsLightRag/static/js/main.js b/dsLightRag/static/js/main.js
index d23d9a76..b6a49a18 100644
--- a/dsLightRag/static/js/main.js
+++ b/dsLightRag/static/js/main.js
@@ -25,8 +25,10 @@ document.addEventListener('DOMContentLoaded', function() {
         startCarousel();
 
         // 绑定控制按钮事件
-        prevBtn.addEventListener('click', prevSlide);
-        nextBtn.addEventListener('click', nextSlide);
+        if (prevBtn && nextBtn) {
+            prevBtn.addEventListener('click', prevSlide);
+            nextBtn.addEventListener('click', nextSlide);
+        }
 
         // 绑定指示点事件
         carouselIndicators.forEach((indicator, index) => {
@@ -35,10 +37,14 @@ document.addEventListener('DOMContentLoaded', function() {
             });
         });
 
+        // Lines 39-45
+        
         // 鼠标悬停时暂停轮播
         const carousel = document.querySelector('.carousel');
-        carousel.addEventListener('mouseenter', pauseCarousel);
-        carousel.addEventListener('mouseleave', startCarousel);
+        if (carousel) {
+            carousel.addEventListener('mouseenter', pauseCarousel);
+            carousel.addEventListener('mouseleave', startCarousel);
+        }
     }
 
     // 显示指定幻灯片
