300 lines
8.7 KiB
Dart
300 lines
8.7 KiB
Dart
import 'package:flutter/material.dart';
|
||
import 'package:ai_english_learning/core/network/api_client.dart';
|
||
import 'package:ai_english_learning/core/services/storage_service.dart';
|
||
import 'package:ai_english_learning/features/vocabulary/models/vocabulary_book_model.dart';
|
||
import 'package:ai_english_learning/features/vocabulary/models/word_model.dart';
|
||
import 'package:ai_english_learning/features/vocabulary/models/learning_session_model.dart';
|
||
import 'package:ai_english_learning/features/vocabulary/services/learning_service.dart';
|
||
import 'package:ai_english_learning/features/vocabulary/services/vocabulary_service.dart';
|
||
import 'package:ai_english_learning/features/vocabulary/widgets/study_card_widget.dart';
|
||
|
||
class StudyScreen extends StatefulWidget {
|
||
final VocabularyBook vocabularyBook;
|
||
final int dailyGoal;
|
||
|
||
const StudyScreen({
|
||
Key? key,
|
||
required this.vocabularyBook,
|
||
this.dailyGoal = 20,
|
||
}) : super(key: key);
|
||
|
||
@override
|
||
State<StudyScreen> createState() => _StudyScreenState();
|
||
}
|
||
|
||
class _StudyScreenState extends State<StudyScreen> {
|
||
late LearningService _learningService;
|
||
late VocabularyService _vocabularyService;
|
||
|
||
bool _isLoading = true;
|
||
String? _error;
|
||
|
||
LearningSession? _session;
|
||
DailyLearningTasks? _tasks;
|
||
List<Word> _wordsList = [];
|
||
int _currentIndex = 0;
|
||
|
||
int _studiedCount = 0;
|
||
DateTime? _studyStartTime;
|
||
|
||
@override
|
||
void initState() {
|
||
super.initState();
|
||
_init();
|
||
}
|
||
|
||
Future<void> _init() async {
|
||
final storageService = await StorageService.getInstance();
|
||
_learningService = LearningService(apiClient: ApiClient.instance);
|
||
_vocabularyService = VocabularyService(
|
||
apiClient: ApiClient.instance,
|
||
storageService: storageService,
|
||
);
|
||
|
||
await _startLearning();
|
||
}
|
||
|
||
Future<void> _startLearning() async {
|
||
setState(() {
|
||
_isLoading = true;
|
||
_error = null;
|
||
});
|
||
|
||
try {
|
||
// 1. 开始学习会话
|
||
final result = await _learningService.startLearning(
|
||
widget.vocabularyBook.id,
|
||
widget.dailyGoal,
|
||
);
|
||
|
||
_session = result['session'] as LearningSession;
|
||
_tasks = result['tasks'] as DailyLearningTasks;
|
||
|
||
print('✅ 学习会话创建成功');
|
||
print('📝 新单词数量: ${_tasks!.newWords.length}');
|
||
print('🔄 复习单词数量: ${_tasks!.reviewWords.length}');
|
||
|
||
// 2. 加载单词详情 - 从词汇书API获取
|
||
if (_tasks!.newWords.isEmpty && _tasks!.reviewWords.isEmpty) {
|
||
setState(() {
|
||
_isLoading = false;
|
||
_wordsList = [];
|
||
});
|
||
return;
|
||
}
|
||
|
||
// 合并新单词和复习单词的ID（学习逻辑：新词 + 所有到期复习词）
|
||
final allWordIds = <int>{
|
||
..._tasks!.newWords,
|
||
..._tasks!.reviewWords.map((r) => r['vocabulary_id'] as int),
|
||
};
|
||
|
||
final totalWords = allWordIds.length;
|
||
print('📚 今日学习任务: ${_tasks!.newWords.length}个新词 + ${_tasks!.reviewWords.length}个复习词 = $totalWords个单词');
|
||
|
||
// 使用词汇书的单词加载API - 动态设置limit以包含所有需要的单词
|
||
final limit = (totalWords / 50).ceil() * 50; // 向上取整到50的倍数
|
||
final bookWords = await _vocabularyService.getVocabularyBookWords(
|
||
widget.vocabularyBook.id,
|
||
page: 1,
|
||
limit: limit < 100 ? 100 : limit,
|
||
);
|
||
|
||
// 筛选出需要学习的单词（新词 + 复习词）
|
||
final words = <Word>[];
|
||
|
||
for (final bookWord in bookWords) {
|
||
if (bookWord.word == null) continue;
|
||
|
||
final wordId = int.tryParse(bookWord.word!.id);
|
||
if (wordId != null && allWordIds.contains(wordId)) {
|
||
words.add(bookWord.word!);
|
||
}
|
||
if (words.length >= totalWords) break;
|
||
}
|
||
|
||
print('✅ 加载了 ${words.length} 个单词，需要 $totalWords 个');
|
||
|
||
setState(() {
|
||
_wordsList = words;
|
||
_isLoading = false;
|
||
_studyStartTime = DateTime.now();
|
||
});
|
||
|
||
} catch (e, stackTrace) {
|
||
print('❌ 开始学习失败: $e');
|
||
print('Stack trace: $stackTrace');
|
||
setState(() {
|
||
_error = '加载学习内容失败，请稍后重试\n错误：$e';
|
||
_isLoading = false;
|
||
});
|
||
}
|
||
}
|
||
|
||
Future<void> _handleAnswer(StudyDifficulty difficulty) async {
|
||
if (_currentIndex >= _wordsList.length) return;
|
||
|
||
final word = _wordsList[_currentIndex];
|
||
final studyTime = _studyStartTime != null
|
||
? DateTime.now().difference(_studyStartTime!).inMilliseconds
|
||
: 0;
|
||
|
||
try {
|
||
// 提交学习结果
|
||
await _learningService.submitWordStudy(
|
||
word.id,
|
||
difficulty,
|
||
sessionId: int.tryParse(_session?.id ?? '0'),
|
||
);
|
||
|
||
setState(() {
|
||
_studiedCount++;
|
||
_currentIndex++;
|
||
_studyStartTime = DateTime.now();
|
||
});
|
||
|
||
// 检查是否完成
|
||
if (_currentIndex >= _wordsList.length) {
|
||
_showCompletionDialog();
|
||
}
|
||
|
||
} catch (e) {
|
||
print('提交学习结果失败: $e');
|
||
ScaffoldMessenger.of(context).showSnackBar(
|
||
const SnackBar(content: Text('提交失败，请重试')),
|
||
);
|
||
}
|
||
}
|
||
|
||
void _showCompletionDialog() {
|
||
showDialog(
|
||
context: context,
|
||
barrierDismissible: false,
|
||
builder: (context) => AlertDialog(
|
||
title: const Text('🎉 今日学习完成！'),
|
||
content: Column(
|
||
mainAxisSize: MainAxisSize.min,
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Text('学习单词数：$_studiedCount'),
|
||
Text('新学单词：${_tasks?.newWords.length ?? 0}'),
|
||
Text('复习单词：${_tasks?.reviewWords.length ?? 0}'),
|
||
],
|
||
),
|
||
actions: [
|
||
TextButton(
|
||
onPressed: () {
|
||
Navigator.of(context).pop();
|
||
Navigator.of(context).pop(true); // 返回到上一页
|
||
},
|
||
child: const Text('完成'),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Scaffold(
|
||
appBar: AppBar(
|
||
title: Text(widget.vocabularyBook.name),
|
||
actions: [
|
||
// 进度显示
|
||
Center(
|
||
child: Padding(
|
||
padding: const EdgeInsets.only(right: 16),
|
||
child: Text(
|
||
'$_studiedCount / ${_wordsList.length}',
|
||
style: const TextStyle(
|
||
fontSize: 16,
|
||
fontWeight: FontWeight.bold,
|
||
),
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
body: _buildBody(),
|
||
);
|
||
}
|
||
|
||
Widget _buildBody() {
|
||
if (_isLoading) {
|
||
return const Center(child: CircularProgressIndicator());
|
||
}
|
||
|
||
if (_error != null) {
|
||
return Center(
|
||
child: Column(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: [
|
||
Icon(Icons.error_outline, size: 64, color: Colors.grey[400]),
|
||
const SizedBox(height: 16),
|
||
Text(
|
||
_error!,
|
||
style: TextStyle(fontSize: 16, color: Colors.grey[600]),
|
||
),
|
||
const SizedBox(height: 16),
|
||
ElevatedButton(
|
||
onPressed: _startLearning,
|
||
child: const Text('重试'),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
if (_wordsList.isEmpty) {
|
||
return Center(
|
||
child: Column(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: [
|
||
Icon(Icons.check_circle, size: 64, color: Colors.green[400]),
|
||
const SizedBox(height: 16),
|
||
const Text(
|
||
'今日任务已完成！',
|
||
style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
|
||
),
|
||
const SizedBox(height: 8),
|
||
Text(
|
||
'明天继续加油！',
|
||
style: TextStyle(fontSize: 16, color: Colors.grey[600]),
|
||
),
|
||
const SizedBox(height: 24),
|
||
ElevatedButton(
|
||
onPressed: () => Navigator.of(context).pop(),
|
||
child: const Text('返回'),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
if (_currentIndex >= _wordsList.length) {
|
||
return const Center(child: CircularProgressIndicator());
|
||
}
|
||
|
||
return Column(
|
||
children: [
|
||
// 进度条
|
||
LinearProgressIndicator(
|
||
value: _currentIndex / _wordsList.length,
|
||
backgroundColor: Colors.grey[200],
|
||
),
|
||
|
||
// 学习卡片
|
||
Expanded(
|
||
child: Padding(
|
||
padding: const EdgeInsets.all(16),
|
||
child: StudyCardWidget(
|
||
word: _wordsList[_currentIndex],
|
||
onAnswer: _handleAnswer,
|
||
),
|
||
),
|
||
),
|
||
],
|
||
);
|
||
}
|
||
}
|