diff --git a/.dev-container-config.json b/.dev-container-config.json new file mode 100644 index 0000000..c4fd5d1 --- /dev/null +++ b/.dev-container-config.json @@ -0,0 +1,6 @@ +{ + "autoShutdown": { + "enabled": false, + "idleTimeoutMinutes": 30 + } +} \ No newline at end of file diff --git a/prototype/admin-index.html b/prototype/admin-index.html index a6d9db2..f37e9bd 100644 --- a/prototype/admin-index.html +++ b/prototype/admin-index.html @@ -16,7 +16,7 @@ /* 平铺网格布局 */ .prototype-grid { display: grid; - grid-template-columns: repeat(2, 1fr); + grid-template-columns: 1fr; gap: 16px; padding: 16px; } diff --git a/prototype/index.html b/prototype/index.html index 6771c8e..8c69c08 100644 --- a/prototype/index.html +++ b/prototype/index.html @@ -51,8 +51,11 @@ 功能特性 页面列表 文档中心 - - 平铺展示 + + 桌面端 + + + 移动端 @@ -71,10 +74,13 @@ 基于 AI 驱动的艾宾浩斯遗忘曲线算法，在用户即将遗忘知识点的关键时刻主动推送精准复习

- - 查看平铺展示 + + 桌面端管理后台 - + + 移动端应用 + + 查看文档
@@ -222,21 +228,54 @@
-
-
-
-

开始使用原型系统

-

选择您想要的查看方式

+
+

快速入口

+

选择您想要查看的原型系统

+
+
+ + +
+
+
+ +
+ +
+

桌面端管理后台

+

面向教师和管理员的 Web 管理系统

+
+ 数据概览 + 学生管理 + 知识点管理 + 任务管理 +
-
- - 平铺展示 - - - 文档中心 - + + + +
+
+
+ +
+ +
+

移动端前端应用

+

面向学生的移动学习应用

+
+ AI 抽背 + 要点背诵 + 学习任务 + 收藏分享 +
-
+ +
+
+ + 查看文档中心 +
diff --git a/prototype/mobile-index.html b/prototype/mobile-index.html new file mode 100644 index 0000000..9d8e8fa --- /dev/null +++ b/prototype/mobile-index.html @@ -0,0 +1,140 @@ + + + + + + 移动端原型 - AI智能抽背助手 + + + + + + +
+

AI智能抽背助手 - 移动端原型

+

微信小程序风格 | 375×812 手机框架 | 6个核心页面

+
+ + + 平铺展示模式 + + + + 蓝紫渐变主题 + + + + AI语音交互 + +
+
+ + +
+ +
+

首页抽背

+ +
+ + +
+

AI智能抽背

+ +
+ + +
+

抽背报告

+ +
+ + +
+

记忆曲线

+ +
+ + +
+

卡片背诵

+ +
+ + +
+

个人中心

+ +
+
+ + +
+

移动端原型系统 | 基于需求文档生成

+

生成时间: 2026-03-28 | 设计风格: 微信小程序

+
+ + diff --git a/prototype/pages/mobile/ai-quiz.html b/prototype/pages/mobile/ai-quiz.html new file mode 100644 index 0000000..ac0a0d0 --- /dev/null +++ b/prototype/pages/mobile/ai-quiz.html @@ -0,0 +1,267 @@ + + + + + + AI智能抽背 - AI智能抽背助手 + + + + + +
+ +
+ 09:41 +
+ + + +
+
+ + +
+ + + +

AI智能抽背

+ +
+ + +
+ +
+
+ 当前进度 + 3 / 10 题 +
+
+
+
+
+ + +
+ +
+
+ +
+
+

你好！我是你的AI助教，准备好了吗？我们开始今天的学习吧！

+
+
+ + +
+
+ +
+
+

第3题：请背诵麻黄汤的组成

+
+ + 方剂学 - 解表剂 +
+
+
+ + +
+
+

点击麦克风开始回答...

+
+
+ +
+
+ + +
+
+
+
+
+
+
+
+ 正在倾听... +
+ + +
+
+ +
+
+
+ +
+

+ 麻黄汤由麻黄、桂枝、杏仁、甘草四味药组成，发汗解表，宣肺平喘。 +

+
+

+ 知识点解析 +

+

+ 麻黄汤为发汗解表之峻剂，主治外感风寒表实证。 +

+
+
+
+
+
+ + +
+ +
+
+ +
+
+ + +
+ + +
+ + +
+ + + 首页 + + +
+ +
+ 智能抽背 + + + + 我的 + +
+
+
+ + diff --git a/prototype/pages/mobile/card-recite.html b/prototype/pages/mobile/card-recite.html new file mode 100644 index 0000000..92608ba --- /dev/null +++ b/prototype/pages/mobile/card-recite.html @@ -0,0 +1,248 @@ + + + + + + 卡片背诵 - AI智能抽背助手 + + + + + +
+ +
+ 09:41 +
+ + + +
+
+ + +
+ + + +

卡片背诵

+ +
+ + +
+ +
+
+ 方剂学 - 解表剂 + 4 / 12 +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + +
+
+
+ +
+

麻黄汤

+

点击卡片查看详情

+
+ + 左右滑动切换 + +
+
+
+ + + + + +
+
+ + +
+ + +
+ +
+ + +
+ +
+
+
+ + +
+ + + 首页 + + +
+ +
+ 智能抽背 + + + + 我的 + +
+
+ + + + diff --git a/prototype/pages/mobile/home.html b/prototype/pages/mobile/home.html new file mode 100644 index 0000000..e86c4c8 --- /dev/null +++ b/prototype/pages/mobile/home.html @@ -0,0 +1,288 @@ + + + + + + 首页抽背 - AI智能抽背助手 + + + + + +
+ +
+ 09:41 +
+ + + +
+
+ + +
+ +
+
+
+

欢迎回来

+

小明同学

+
+
+
+ +
+
+
+ +
+
+ 学习概览 + 2026-03-28 +
+
+
+

128

+

已记忆

+
+
+

45

+

未记忆

+
+
+

12

+

待复习

+
+
+
+
+ + +
+
+

+ 快速抽背 +

+
+ + +

AI语音抽背

+ + + +

卡片背诵

+ + + +

音频带背

+ + + +

挖空填空

+ +
+
+ + +
+
+

+ 记忆曲线提醒 +

+ 查看全部 +
+
+
+
+ +
+
+

临界点复习

+

麻黄汤功效、桂枝汤组成

+
+ + 去背诵 + +
+
+
+ + +
+
+

+ 高频考点 +

+ 更多 +
+
+
+
+ 1 +
+
+

方剂学-解表剂

+

错误率 68%

+
+ +
+
+
+ 2 +
+
+

中医基础-阴阳学说

+

错误率 52%

+
+ +
+
+
+ 3 +
+
+

中药学-解表药

+

错误率 45%

+
+ +
+
+
+ + +
+
+

+ 今日任务 +

+ 2/5 完成 +
+
+
+
+ +
+ 完成30道题目 +
+
+
+ +
+ 复习错题本 +
+
+
+ AI抽背20题 +
+
+
+ 背诵10个知识点 +
+
+
+ 查看学习报告 +
+
+
+
+
+ + +
+ + + 首页 + + +
+ +
+ 智能抽背 + + + + 我的 + +
+
+ + diff --git a/prototype/pages/mobile/memory-curve.html b/prototype/pages/mobile/memory-curve.html new file mode 100644 index 0000000..aa8266e --- /dev/null +++ b/prototype/pages/mobile/memory-curve.html @@ -0,0 +1,333 @@ + + + + + + 记忆曲线 - AI智能抽背助手 + + + + + +
+ +
+ 09:41 +
+ + + +
+
+ + +
+ + + +

记忆曲线

+ +
+ + +
+ +
+
+
+ +
+
+

该复习啦！

+

你有 5 个知识点即将遗忘

+
+ + 开始 + +
+
+ + +
+

+ 记忆强度曲线 +

+ + + + + + + + + + + + + + + + + + +
+ 学习时 + 20分钟后 + 1小时后 + 1天后 + 3天后 +
+
+ + +
+
+

+ 复习计划 +

+ 2026年3月 +
+
+ 日 + 一 + 二 + 三 + 四 + 五 + 六 +
+
+
+
+
+
+
+
1
+
2
+
3
+
4
+
5
+
6
+
7
+
8
+
9
+
10
+
11
+
12
+
13
+
14
+
15
+
16
+
17
+
18
+
19
+
20
+
21
+
22
+
23
+
24
+
25
+
26
+
27
+
28
+
29
+
30
+
31
+
+
+
+
+ 已完成 +
+
+
+ 今天 +
+
+
+ 紧急 +
+
+
+ + +
+

+ 待复习知识点 +

+
+
+
+ +
+
+

麻黄汤功效

+

紧急复习 · 今天到期

+
+ + + +
+
+
+ +
+
+

桂枝汤组成

+

明天到期

+
+ + + +
+
+
+ +
+
+

阴阳失调概念

+

3天后到期

+
+ + + +
+
+
+ + +
+

+ 记忆统计 +

+
+
+

86

+

已牢固记忆

+
+
+

32

+

复习中

+
+
+

10

+

待巩固

+
+
+
+
+ + +
+ + + 首页 + + +
+ +
+ 智能抽背 + + + + 我的 + +
+
+ + diff --git a/prototype/pages/mobile/profile.html b/prototype/pages/mobile/profile.html new file mode 100644 index 0000000..eb17daf --- /dev/null +++ b/prototype/pages/mobile/profile.html @@ -0,0 +1,330 @@ + + + + + + 个人中心 - AI智能抽背助手 + + + + + +
+ +
+ 09:41 +
+ + + +
+
+ + +
+ +
+
+

个人中心

+ +
+
+
+
+ +
+
+
+

小明同学

+

ID: 10086888

+
+ +
+
+ + +
+
+
+
+

128

+

已记忆

+
+
+

45

+

学习中

+
+
+

32

+

收藏

+
+
+

15

+

连续天数

+
+
+
+
+ + +
+
+
+

本周学习

+ 03/21 - 03/28 +
+
+
+
+ 一 +
+
+
+ 二 +
+
+
+ 三 +
+
+
+ 四 +
+
+
+ 五 +
+
+
+ 六 +
+
+
+ 日 +
+
+
+
+ + +
+
+ +
+ +
+ 学习报告 + + + +
+ +
+ 记忆曲线 + 12 + + + +
+ +
+ 我的收藏 + + + +
+ + 45 +
+ 错题本 + + +
+
+ + +
+
+ +
+ +
+ 学习提醒 + 每天 09:00 + + + +
+ +
+ 离线题库 + + + +
+ +
+ 分享给好友 + + + +
+ +
+ 设置 + + +
+
+ + +
+
+
+

+ 我的成就 +

+ 查看全部 +
+
+
+
+ +
+

连续7天

+
+
+
+ +
+

百题达人

+
+
+
+ +
+

正确率90%

+
+
+
+ +
+

待解锁

+
+
+
+
+
+ + +
+ + + 首页 + + +
+ +
+ 智能抽背 + + + + 我的 + +
+
+ + diff --git a/prototype/pages/mobile/quiz-report.html b/prototype/pages/mobile/quiz-report.html new file mode 100644 index 0000000..f8fe228 --- /dev/null +++ b/prototype/pages/mobile/quiz-report.html @@ -0,0 +1,300 @@ + + + + + + 抽背报告 - AI智能抽背助手 + + + + + +
+ +
+ 09:41 +
+ + + +
+
+ + +
+ + + +

抽背报告

+ +
+ + +
+ +
+

报告生成于 2026-03-28 09:41

+

报告将保存30天

+
+ + +
+
+
+
+

70%

+

正确率

+
+
+
+
+

10

+

总题数

+
+
+

7

+

正确

+
+
+

3

+

错误

+
+
+

5:32

+

用时

+
+
+
+
+ + +
+

+ 表现趋势 +

+
+
+
+ 周一 +
+
+
+ 周二 +
+
+
+ 周三 +
+
+
+ 周四 +
+
+
+ 今天 +
+
+

+ + 比上次提升 5%，继续保持！ +

+
+ + +
+

+ 错题分析 +

+
+
+
+
+

桂枝汤的组成

+

方剂学 - 解表剂

+
+ 未掌握 +
+

+ + 正确答案：桂枝、芍药、甘草、生姜、大枣 +

+
+
+
+
+

阴阳失调的基本概念

+

中医基础理论

+
+ 模糊 +
+

+ + 阴阳失调是指阴阳之间失去平衡协调 +

+
+
+
+
+

麻黄汤的主治病证

+

方剂学 - 解表剂

+
+ 未掌握 +
+

+ + 主治外感风寒表实证 +

+
+
+
+ + +
+

+ 复习建议 +

+
+
+
+ 1 +
+
+

重点复习方剂学解表剂章节

+

建议用时：20分钟

+
+
+
+
+ 2 +
+
+

使用卡片背诵模式巩固记忆

+

推荐题目：10道

+
+
+
+
+ 3 +
+
+

明天同一时间进行复习

+

记忆曲线最佳复习时间

+
+
+
+
+ + +
+ + 重新抽背 + + + 卡片练习 + +
+
+ + +
+ + + 首页 + + +
+ +
+ 智能抽背 + + + + 我的 + +
+
+ +