129 lines
4.2 KiB
HTML
129 lines
4.2 KiB
HTML
<!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="stylesheet" href="../css/indexDetail.css" />
|
|
<link rel="stylesheet" href="../css/userDisplay.css" />
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container">
|
|
<!-- 导航条 -->
|
|
<div class="container-header">
|
|
<div class="container-header-logo">
|
|
<img src="../asset/logo.png" alt="logo" />
|
|
</div>
|
|
<nav class="container-header-nav">
|
|
<div data-url="indexHome">首页</div>
|
|
<div class="active" data-url="indexDetail">导航</div>
|
|
<div data-url="courseHome">课程</div>
|
|
<div data-url="student_analytics">数据分析</div>
|
|
<div data-url="ai_game_generator">AI游戏生成器</div>
|
|
</nav>
|
|
<div id="userDisplay" class="user-display"></div>
|
|
</div>
|
|
|
|
<!-- 面包屑导航 -->
|
|
<div class="breadcrumb" style="margin-top: 20px">
|
|
<div class="breadcrumb-content">
|
|
<div class="breadcrumb-path">
|
|
<a href="#" onclick="return false">首页</a>
|
|
<span>></span>
|
|
<a href="#" class="active">课程教学</a>
|
|
<a href="#">课程教材</a>
|
|
<a href="#">课程资源</a>
|
|
<a href="#">特教政策</a>
|
|
</div>
|
|
|
|
<div class="search-container">
|
|
<input type="text" class="search-input" placeholder="搜索..." />
|
|
<svg
|
|
class="search-icon"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
>
|
|
<circle cx="11" cy="11" r="8"></circle>
|
|
<path d="m21 21-4.35-4.35"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 主要内容 -->
|
|
<div class="main-content">
|
|
<!-- 左侧边栏 -->
|
|
<div class="sidebar">
|
|
<div class="sidebar-title">电子教材</div>
|
|
<ul class="sidebar-menu">
|
|
<li class="active">
|
|
<a href="#" onclick="return false">培智教育</a>
|
|
</li>
|
|
<li><a href="#" onclick="return false">聋生教育</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- 右侧内容区域 -->
|
|
<div class="content-area">
|
|
<!-- 筛选区域 -->
|
|
<div class="filter-section">
|
|
<div class="filter-row">
|
|
<div class="filter-label">类别</div>
|
|
<div class="filter-tags" id="Category">
|
|
<!-- 动态生成学科标签 -->
|
|
</div>
|
|
</div>
|
|
<div class="filter-row">
|
|
<div class="filter-label">学科</div>
|
|
<div class="filter-tags" id="subject-tags">
|
|
<!-- 动态生成学科标签 -->
|
|
</div>
|
|
</div>
|
|
<div class="filter-row">
|
|
<div class="filter-label">年级</div>
|
|
<div class="filter-tags" id="grade-tags">
|
|
<!-- 动态生成年级标签 -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 教材展示区域 -->
|
|
<div class="materials-grid" id="materials-container">
|
|
<!-- 动态生成课程卡片 -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="../js/courseConfig.js"></script>
|
|
<script src="../js/indexDetail.js"></script>
|
|
<!-- 新增的后端集成脚本 -->
|
|
<script src="../js/apiService.js"></script>
|
|
<script src="../js/dataManager.js"></script>
|
|
<script src="../js/userManager.js"></script>
|
|
<script src="../js/accessTracker.js"></script>
|
|
<script src="../js/gameTracker.js"></script>
|
|
|
|
<script>
|
|
// 初始化后端集成
|
|
document.addEventListener("DOMContentLoaded", async function () {
|
|
try {
|
|
// 初始化用户管理器
|
|
await window.userManager.init();
|
|
window.userManager.createUserDisplay();
|
|
|
|
// 初始化数据管理器
|
|
await window.dataManager.init();
|
|
|
|
console.log("后端集成初始化完成");
|
|
} catch (error) {
|
|
console.error("后端集成初始化失败:", error);
|
|
}
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|