Flutter 框架跨平台鸿蒙开发 - 考研复试笔记应用开发教程
professional, // 专业课english, // 英语comprehensive, // 综合面试research, // 科研相关personal, // 个人陈述current, // 时事热点本教程详细介绍了如何使用Flutter开发一个功能完整的考研复试笔记应用。应用包含了笔记管理、面试题练习、学习计划制定、复习提醒和统计分析等核心功能，采用了Material Design
·
Flutter考研复试笔记应用开发教程
项目概述
本教程将带你开发一个功能完整的Flutter考研复试笔记应用。这款应用专为考研学生设计，提供笔记管理、面试题练习、学习计划制定和复习统计等功能，帮助学生更好地准备研究生复试。
运行效果图
应用特色
- 智能笔记管理：支持多分类笔记，包括专业课、英语、综合面试等
- 面试题库练习：收录常见面试问题，支持练习记录和掌握度评估
- 学习计划制定：制定个性化学习计划，跟踪学习进度
- 复习提醒系统：智能安排复习时间，提高记忆效果
- 统计分析功能：提供学习统计、进度分析等数据洞察
- 优先级管理：根据重要程度合理安排学习重点
- 搜索筛选功能：快速定位所需内容
技术栈
- 框架：Flutter 3.x
- 语言：Dart
- UI组件：Material Design 3
- 状态管理：StatefulWidget
- 动画：AnimationController + FadeTransition
- 数据存储：内存存储（可扩展为本地数据库）
- 导航：NavigationBar + 页面路由
项目结构设计
核心数据模型
1. 笔记信息模型（NoteItem）
class NoteItem {
final String id; // 唯一标识
final String title; // 笔记标题
final String content; // 笔记内容
final String subject; // 科目
final String category; // 分类：专业课、英语、综合面试等
final List<String> tags; // 标签
final DateTime createDate; // 创建日期
final DateTime lastModified; // 最后修改时间
final int priority; // 重要程度 1-5
final List<String> attachments; // 附件
bool isStarred; // 是否收藏
int reviewCount; // 复习次数
DateTime? nextReviewDate; // 下次复习日期
String status; // 状态：草稿、完成、需复习
}
2. 面试问题模型（InterviewQuestion）
class InterviewQuestion {
final String id; // 唯一标识
final String question; // 问题内容
final String answer; // 参考答案
final String category; // 分类：专业问题、英语问题、综合素质等
final String difficulty; // 难度：简单、中等、困难
final List<String> keywords; // 关键词
final DateTime createDate; // 创建日期
int practiceCount; // 练习次数
double confidence; // 信心指数 0-1
bool isMastered; // 是否已掌握
}
3. 学习计划模型（StudyPlan）
class StudyPlan {
final String id; // 唯一标识
final String title; // 计划标题
final String description; // 计划描述
final DateTime startDate; // 开始日期
final DateTime endDate; // 结束日期
final List<String> tasks; // 任务列表
final String priority; // 优先级：高、中、低
final double progress; // 进度 0-1
final String status; // 状态：进行中、已完成、已延期
}
4. 复习记录模型（ReviewRecord）
class ReviewRecord {
final String id; // 唯一标识
final String noteId; // 关联的笔记ID
final DateTime reviewDate; // 复习日期
final int duration; // 复习时长（分钟）
final int effectiveness; // 效果评分 1-5
final String notes; // 复习笔记
final String nextAction; // 下一步行动
}
枚举定义
笔记分类枚举
enum NoteCategory {
professional, // 专业课
english, // 英语
comprehensive, // 综合面试
research, // 科研相关
personal, // 个人陈述
current, // 时事热点
}
优先级枚举
enum Priority {
veryHigh, // 非常重要
high, // 重要
medium, // 一般
low, // 不重要
veryLow, // 很不重要
}
页面架构
应用采用底部导航栏设计，包含四个主要页面：
- 笔记页面：展示所有学习笔记，支持搜索和筛选
- 面试题页面：面试问题练习和管理
- 学习计划页面：制定和跟踪学习计划
- 统计页面：展示学习统计和进度分析
详细实现步骤
第一步：项目初始化
创建新的Flutter项目：
flutter create interview_notes_app
cd interview_notes_app
第二步：主应用结构
class MyApp extends StatelessWidget {
const MyApp({super.key});
Widget build(BuildContext context) {
return MaterialApp(
title: '考研复试笔记',
theme: ThemeData(
colorScheme: ColorScheme.fromSeed(seedColor: Colors.indigo),
useMaterial3: true,
),
home: const InterviewNotesHomePage(),
);
}
}
第三步：数据初始化
创建示例笔记数据：
void _initializeData() {
_noteItems = [
NoteItem(
id: '1',
title: '数据结构与算法重点',
content: '''
# 数据结构与算法复试重点
## 1. 排序算法
- 快速排序：时间复杂度O(nlogn)，最坏O(n²)
- 归并排序：稳定排序，时间复杂度O(nlogn)
- 堆排序：不稳定，时间复杂度O(nlogn)
## 2. 树结构
- 二叉搜索树的性质
- AVL树的平衡条件
- 红黑树的特点
## 3. 图算法
- Dijkstra最短路径算法
- Floyd-Warshall算法
- 最小生成树：Prim和Kruskal算法
''',
subject: '计算机专业课',
category: _getNoteCategoryName(NoteCategory.professional),
tags: ['算法', '数据结构', '重点', '必考'],
createDate: DateTime.now().subtract(const Duration(days: 15)),
lastModified: DateTime.now().subtract(const Duration(days: 2)),
priority: 5,
status: '需复习',
attachments: ['algorithm_notes.pdf', 'code_examples.zip'],
isStarred: true,
reviewCount: 3,
nextReviewDate: DateTime.now().add(const Duration(days: 2)),
),
// 更多笔记数据...
];
}
第四步：笔记列表页面
笔记卡片组件
Widget _buildNoteCard(NoteItem item) {
return Card(
elevation: 4,
margin: const EdgeInsets.only(bottom: 16),
child: InkWell(
onTap: () => _showNoteDetail(item),
child: Padding(
padding: const EdgeInsets.all(16),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
// 标题行
Row(
children: [
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
item.title,
style: const TextStyle(
fontSize: 18,
fontWeight: FontWeight.bold,
),
),
Text(
'${item.subject} • ${item.category}',
style: TextStyle(
color: Colors.grey.shade600,
fontSize: 14,
),
),
],
),
),
IconButton(
icon: Icon(
item.isStarred ? Icons.star : Icons.star_border,
color: item.isStarred ? Colors.amber : Colors.grey,
),
onPressed: () => _toggleStar(item),
),
],
),
// 内容预览
Text(
item.content.length > 100
? '${item.content.substring(0, 100)}...'
: item.content,
style: TextStyle(
color: Colors.grey.shade700,
fontSize: 14,
height: 1.4,
),
maxLines: 3,
overflow: TextOverflow.ellipsis,
),
// 标签显示
if (item.tags.isNotEmpty)
Wrap(
spacing: 6,
runSpacing: 4,
children: item.tags.take(3).map((tag) => Container(
padding: const EdgeInsets.symmetric(
horizontal: 6, vertical: 2),
decoration: BoxDecoration(
color: Colors.indigo.withValues(alpha: 0.1),
borderRadius: BorderRadius.circular(8),
),
child: Text(
tag,
style: TextStyle(
color: Colors.indigo.shade700,
fontSize: 10,
),
),
)).toList(),
),
// 状态和信息
Row(
children: [
// 优先级星星
Row(
children: List.generate(5, (index) {
return Icon(
index < item.priority ? Icons.star : Icons.star_border,
color: Colors.orange,
size: 16,
);
}),
),
const Spacer(),
Text(
'复习${item.reviewCount}次',
style: TextStyle(
fontSize: 12,
color: Colors.grey.shade600,
),
),
],
),
],
),
),
),
);
}
第五步：搜索和筛选功能
多维度筛选
List<NoteItem> _getFilteredNoteItems() {
return _noteItems.where((item) {
// 搜索过滤
if (_searchQuery.isNotEmpty) {
final query = _searchQuery.toLowerCase();
if (!item.title.toLowerCase().contains(query) &&
!item.content.toLowerCase().contains(query) &&
!item.subject.toLowerCase().contains(query) &&
!item.tags.any((tag) => tag.toLowerCase().contains(query))) {
return false;
}
}
// 分类过滤
if (_selectedCategory != null &&
item.category != _getNoteCategoryName(_selectedCategory!)) {
return false;
}
// 优先级过滤
if (_selectedPriority != null) {
final priorityValue = _getPriorityValue(_selectedPriority!);
if (item.priority != priorityValue) {
return false;
}
}
// 科目过滤
if (_selectedSubject != null && item.subject != _selectedSubject) {
return false;
}
// 收藏过滤
if (_showStarredOnly && !item.isStarred) {
return false;
}
// 需复习过滤
if (_showNeedReviewOnly && item.status != '需复习') {
return false;
}
return true;
}).toList();
}
筛选对话框
void _showFilterDialog() {
showDialog(
context: context,
builder: (context) => AlertDialog(
title: const Text('筛选笔记'),
content: SingleChildScrollView(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text('分类：'),
Wrap(
spacing: 8,
children: [
FilterChip(
label: const Text('全部'),
selected: _selectedCategory == null,
onSelected: (selected) {
setState(() {
_selectedCategory = selected ? null : _selectedCategory;
});
},
),
...NoteCategory.values.map((category) => FilterChip(
label: Text(_getNoteCategoryName(category)),
selected: _selectedCategory == category,
onSelected: (selected) {
setState(() {
_selectedCategory = selected ? category : null;
});
},
)),
],
),
// 更多筛选选项...
],
),
),
),
);
}
第六步：面试题练习功能
面试题卡片
Widget _buildQuestionCard(InterviewQuestion question) {
return Card(
elevation: 2,
margin: const EdgeInsets.only(bottom: 12),
child: ExpansionTile(
title: Text(
question.question,
style: const TextStyle(
fontSize: 16,
fontWeight: FontWeight.bold,
),
),
subtitle: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
Container(
padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 2),
decoration: BoxDecoration(
color: _getCategoryColor(question.category),
borderRadius: BorderRadius.circular(8),
),
child: Text(
question.category,
style: const TextStyle(
color: Colors.white,
fontSize: 10,
fontWeight: FontWeight.bold,
),
),
),
const SizedBox(width: 8),
Container(
padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 2),
decoration: BoxDecoration(
color: _getDifficultyColor(question.difficulty),
borderRadius: BorderRadius.circular(8),
),
child: Text(
question.difficulty,
style: const TextStyle(
color: Colors.white,
fontSize: 10,
fontWeight: FontWeight.bold,
),
),
),
],
),
// 信心指数进度条
Row(
children: [
const Text('信心指数: ', style: TextStyle(fontSize: 12)),
Expanded(
child: LinearProgressIndicator(
value: question.confidence,
backgroundColor: Colors.grey.shade300,
valueColor: AlwaysStoppedAnimation<Color>(
question.confidence > 0.7
? Colors.green
: question.confidence > 0.4
? Colors.orange
: Colors.red,
),
),
),
Text('${(question.confidence * 100).toInt()}%'),
],
),
],
),
children: [
Padding(
padding: const EdgeInsets.all(16),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text('参考答案：'),
Text(question.answer),
// 关键词展示
if (question.keywords.isNotEmpty)
Wrap(
spacing: 6,
children: question.keywords.map((keyword) => Chip(
label: Text(keyword),
backgroundColor: Colors.blue.withValues(alpha: 0.1),
)).toList(),
),
// 操作按钮
Row(
children: [
TextButton(
onPressed: () => _practiceQuestion(question),
child: const Text('练习'),
),
TextButton(
onPressed: () => _toggleMastered(question),
child: Text(question.isMastered ? '取消掌握' : '标记掌握'),
),
],
),
],
),
),
],
),
);
}
练习记录功能
void _practiceQuestion(InterviewQuestion question) {
setState(() {
question.practiceCount++;
// 练习后信心指数可能会提升
if (question.confidence < 1.0) {
question.confidence = (question.confidence + 0.1).clamp(0.0, 1.0);
}
});
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(content: Text('已记录练习：${question.question}')),
);
}
void _toggleMastered(InterviewQuestion question) {
setState(() {
question.isMastered = !question.isMastered;
if (question.isMastered) {
question.confidence = 1.0;
}
});
}
第七步：学习计划功能
学习计划卡片
Widget _buildStudyPlanCard(StudyPlan plan) {
return Card(
elevation: 2,
margin: const EdgeInsets.only(bottom: 16),
child: Padding(
padding: const EdgeInsets.all(16),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
// 标题行
Row(
children: [
Expanded(
child: Text(
plan.title,
style: const TextStyle(
fontSize: 18,
fontWeight: FontWeight.bold,
),
),
),
Container(
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
decoration: BoxDecoration(
color: _getPriorityColor(plan.priority),
borderRadius: BorderRadius.circular(8),
),
child: Text(
plan.priority,
style: const TextStyle(
color: Colors.white,
fontSize: 12,
fontWeight: FontWeight.bold,
),
),
),
],
),
// 描述
Text(
plan.description,
style: TextStyle(
color: Colors.grey.shade700,
fontSize: 14,
),
),
// 时间范围
Row(
children: [
Icon(Icons.calendar_today, size: 16),
const SizedBox(width: 4),
Text(
'${_formatDate(plan.startDate)} - ${_formatDate(plan.endDate)}',
style: TextStyle(fontSize: 12),
),
],
),
// 进度条
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
const Text('完成进度'),
Text('${(plan.progress * 100).toInt()}%'),
],
),
LinearProgressIndicator(
value: plan.progress,
backgroundColor: Colors.grey.shade300,
valueColor: AlwaysStoppedAnimation<Color>(
plan.progress >= 0.8
? Colors.green
: plan.progress >= 0.5
? Colors.orange
: Colors.red,
),
),
],
),
// 任务列表预览
const Text('任务清单：'),
...plan.tasks.take(3).map((task) => Row(
children: [
Icon(Icons.check_box_outline_blank, size: 16),
const SizedBox(width: 8),
Expanded(child: Text(task, style: TextStyle(fontSize: 12))),
],
)),
],
),
),
);
}
第八步：笔记详情页面
详情页面设计
class NoteDetailPage extends StatefulWidget {
final NoteItem note;
final Function(NoteItem) onUpdate;
const NoteDetailPage({
super.key,
required this.note,
required this.onUpdate,
});
State<NoteDetailPage> createState() => _NoteDetailPageState();
}
class _NoteDetailPageState extends State<NoteDetailPage> {
late TextEditingController _titleController;
late TextEditingController _contentController;
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('笔记详情'),
actions: [
IconButton(
icon: Icon(
widget.note.isStarred ? Icons.star : Icons.star_border,
color: widget.note.isStarred ? Colors.amber : null,
),
onPressed: () {
setState(() {
widget.note.isStarred = !widget.note.isStarred;
});
widget.onUpdate(widget.note);
},
),
IconButton(
icon: const Icon(Icons.save),
onPressed: _saveNote,
),
],
),
body: SingleChildScrollView(
padding: const EdgeInsets.all(16),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
// 标题编辑
TextField(
controller: _titleController,
style: const TextStyle(
fontSize: 20,
fontWeight: FontWeight.bold,
),
decoration: const InputDecoration(
hintText: '输入笔记标题',
border: OutlineInputBorder(),
),
),
// 基本信息卡片
Card(
child: Padding(
padding: const EdgeInsets.all(16),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
Text('科目: ${widget.note.subject}'),
const SizedBox(width: 16),
Text('分类: ${widget.note.category}'),
],
),
Row(
children: [
const Text('优先级: '),
Row(
children: List.generate(5, (index) {
return Icon(
index < widget.note.priority
? Icons.star
: Icons.star_border,
color: Colors.orange,
size: 16,
);
}),
),
],
),
Text('复习次数: ${widget.note.reviewCount}'),
],
),
),
),
// 内容编辑
TextField(
controller: _contentController,
maxLines: null,
minLines: 10,
decoration: const InputDecoration(
hintText: '输入笔记内容',
border: OutlineInputBorder(),
),
),
// 操作按钮
Row(
children: [
Expanded(
child: ElevatedButton.icon(
onPressed: _markAsReviewed,
icon: const Icon(Icons.check),
label: const Text('标记已复习'),
),
),
const SizedBox(width: 16),
Expanded(
child: OutlinedButton.icon(
onPressed: _scheduleReview,
icon: const Icon(Icons.schedule),
label: const Text('安排复习'),
),
),
],
),
],
),
),
);
}
}
复习管理功能
void _markAsReviewed() {
setState(() {
widget.note.reviewCount++;
widget.note.status = '完成';
widget.note.nextReviewDate = DateTime.now().add(const Duration(days: 7));
});
widget.onUpdate(widget.note);
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(content: Text('已标记为已复习')),
);
}
void _scheduleReview() {
showDatePicker(
context: context,
initialDate: DateTime.now().add(const Duration(days: 1)),
firstDate: DateTime.now(),
lastDate: DateTime.now().add(const Duration(days: 365)),
).then((selectedDate) {
if (selectedDate != null) {
setState(() {
widget.note.nextReviewDate = selectedDate;
widget.note.status = '需复习';
});
widget.onUpdate(widget.note);
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(content: Text('已安排在${_formatDateTime(selectedDate)}复习')),
);
}
});
}
第九步：统计分析功能
统计卡片组件
Widget _buildStatCard(String title, String value, IconData icon, Color color) {
return Container(
padding: const EdgeInsets.all(16),
decoration: BoxDecoration(
color: color.withValues(alpha: 0.1),
borderRadius: BorderRadius.circular(12),
border: Border.all(color: color.withValues(alpha: 0.3)),
),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(icon, color: color, size: 32),
const SizedBox(height: 8),
Text(
value,
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.bold,
color: color,
),
),
Text(
title,
style: TextStyle(
fontSize: 12,
color: color,
),
textAlign: TextAlign.center,
),
],
),
);
}
数据统计计算
// 获取分类分布
Map<String, int> _getCategoryDistribution() {
final distribution = <String, int>{};
for (final item in _noteItems) {
distribution[item.category] = (distribution[item.category] ?? 0) + 1;
}
return Map.fromEntries(
distribution.entries.toList()..sort((a, b) => b.value.compareTo(a.value)));
}
// 计算掌握的面试题数量
int getMasteredQuestionsCount() {
return _interviewQuestions.where((q) => q.isMastered).length;
}
// 计算平均信心指数
double getAverageConfidence() {
if (_interviewQuestions.isEmpty) return 0.0;
return _interviewQuestions.fold(0.0, (sum, q) => sum + q.confidence) /
_interviewQuestions.length;
}
分布图表展示
// 笔记分类分布图表
..._getCategoryDistribution().entries.map((entry) {
final percentage = entry.value / _noteItems.length;
return Padding(
padding: const EdgeInsets.only(bottom: 12),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(entry.key),
Text('${entry.value}篇 (${(percentage * 100).toStringAsFixed(1)}%)'),
],
),
const SizedBox(height: 4),
LinearProgressIndicator(
value: percentage,
backgroundColor: Colors.grey.shade300,
valueColor: AlwaysStoppedAnimation<Color>(
_getCategoryColor(entry.key),
),
),
],
),
);
}).toList(),
第十步：动画效果实现
淡入动画
void _setupAnimations() {
_fadeAnimationController = AnimationController(
duration: const Duration(milliseconds: 800),
vsync: this,
);
_fadeAnimation = Tween<double>(
begin: 0.0,
end: 1.0,
).animate(CurvedAnimation(
parent: _fadeAnimationController,
curve: Curves.easeInOut,
));
_fadeAnimationController.forward();
}
// 在build方法中使用
body: FadeTransition(
opacity: _fadeAnimation,
child: IndexedStack(
index: _selectedIndex,
children: [
_buildNotesPage(),
_buildQuestionsPage(),
_buildStudyPlansPage(),
_buildStatisticsPage(),
],
),
),
核心功能详解
1. 智能复习系统
应用提供了基于遗忘曲线的复习提醒系统：
// 计算下次复习时间
DateTime calculateNextReviewDate(int reviewCount) {
// 基于艾宾浩斯遗忘曲线
final intervals = [1, 3, 7, 15, 30]; // 天数
final index = reviewCount.clamp(0, intervals.length - 1);
return DateTime.now().add(Duration(days: intervals[index]));
}
// 检查是否需要复习
bool needsReview(NoteItem note) {
if (note.nextReviewDate == null) return false;
return note.nextReviewDate!.isBefore(DateTime.now());
}
2. 信心指数算法
面试题的信心指数会根据练习情况动态调整：
// 更新信心指数
void updateConfidence(InterviewQuestion question, bool isCorrect) {
if (isCorrect) {
question.confidence = (question.confidence + 0.1).clamp(0.0, 1.0);
} else {
question.confidence = (question.confidence - 0.05).clamp(0.0, 1.0);
}
// 连续练习多次后自动标记为掌握
if (question.confidence >= 0.9 && question.practiceCount >= 5) {
question.isMastered = true;
}
}
3. 优先级排序算法
// 根据优先级和紧急程度排序
List<NoteItem> sortByPriority(List<NoteItem> notes) {
return notes..sort((a, b) {
// 首先按是否需要复习排序
if (needsReview(a) && !needsReview(b)) return -1;
if (!needsReview(a) && needsReview(b)) return 1;
// 然后按优先级排序
if (a.priority != b.priority) {
return b.priority.compareTo(a.priority);
}
// 最后按最后修改时间排序
return b.lastModified.compareTo(a.lastModified);
});
}
4. 搜索算法优化
// 智能搜索算法
List<NoteItem> smartSearch(String query) {
final results = <NoteItem>[];
final lowerQuery = query.toLowerCase();
for (final note in _noteItems) {
int score = 0;
// 标题匹配权重最高
if (note.title.toLowerCase().contains(lowerQuery)) {
score += 10;
}
// 标签匹配权重较高
for (final tag in note.tags) {
if (tag.toLowerCase().contains(lowerQuery)) {
score += 5;
}
}
// 内容匹配权重较低
if (note.content.toLowerCase().contains(lowerQuery)) {
score += 1;
}
if (score > 0) {
results.add(note);
}
}
// 按匹配分数排序
results.sort((a, b) => getSearchScore(b, query).compareTo(getSearchScore(a, query)));
return results;
}
性能优化
1. 列表优化
使用ListView.builder实现虚拟滚动：
ListView.builder(
padding: const EdgeInsets.all(16),
itemCount: filteredItems.length,
itemBuilder: (context, index) {
final item = filteredItems[index];
return _buildNoteCard(item);
},
)
2. 状态管理优化
合理使用setState，避免不必要的重建：
void _toggleStar(NoteItem item) {
setState(() {
item.isStarred = !item.isStarred;
});
// 只更新必要的UI部分
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text(item.isStarred ? '已添加到收藏' : '已从收藏中移除'),
duration: const Duration(seconds: 1),
),
);
}
3. 内存管理
及时释放资源：
void dispose() {
_fadeAnimationController.dispose();
_titleController.dispose();
_contentController.dispose();
super.dispose();
}
4. 数据缓存策略
// 缓存筛选结果
List<NoteItem>? _cachedFilteredItems;
String? _lastSearchQuery;
List<NoteItem> _getFilteredNoteItems() {
// 如果搜索条件没有变化，返回缓存结果
if (_cachedFilteredItems != null && _lastSearchQuery == _searchQuery) {
return _cachedFilteredItems!;
}
// 重新计算筛选结果
_cachedFilteredItems = _noteItems.where((item) {
// 筛选逻辑...
}).toList();
_lastSearchQuery = _searchQuery;
return _cachedFilteredItems!;
}
扩展功能
1. 数据持久化
使用sqflite数据库保存数据：
dependencies:
sqflite: ^2.3.0
class DatabaseHelper {
static final DatabaseHelper _instance = DatabaseHelper._internal();
factory DatabaseHelper() => _instance;
DatabaseHelper._internal();
static Database? _database;
Future<Database> get database async {
if (_database != null) return _database!;
_database = await _initDatabase();
return _database!;
}
Future<Database> _initDatabase() async {
String path = join(await getDatabasesPath(), 'interview_notes.db');
return await openDatabase(
path,
version: 1,
onCreate: _onCreate,
);
}
Future<void> _onCreate(Database db, int version) async {
await db.execute('''
CREATE TABLE notes(
id TEXT PRIMARY KEY,
title TEXT NOT NULL,
content TEXT NOT NULL,
subject TEXT NOT NULL,
category TEXT NOT NULL,
priority INTEGER NOT NULL,
status TEXT NOT NULL,
is_starred INTEGER NOT NULL,
review_count INTEGER NOT NULL,
create_date TEXT NOT NULL,
last_modified TEXT NOT NULL,
next_review_date TEXT
)
''');
}
Future<int> insertNote(NoteItem note) async {
final db = await database;
return await db.insert('notes', note.toMap());
}
Future<List<NoteItem>> getAllNotes() async {
final db = await database;
final List<Map<String, dynamic>> maps = await db.query('notes');
return List.generate(maps.length, (i) => NoteItem.fromMap(maps[i]));
}
}
2. 云同步功能
集成Firebase进行数据同步：
dependencies:
firebase_core: ^2.24.2
cloud_firestore: ^4.13.6
class FirebaseService {
final FirebaseFirestore _firestore = FirebaseFirestore.instance;
Future<void> syncNotes(List<NoteItem> notes) async {
final batch = _firestore.batch();
for (final note in notes) {
final docRef = _firestore.collection('notes').doc(note.id);
batch.set(docRef, note.toMap());
}
await batch.commit();
}
Stream<List<NoteItem>> getNotesStream() {
return _firestore.collection('notes').snapshots().map(
(snapshot) => snapshot.docs
.map((doc) => NoteItem.fromMap(doc.data()))
.toList(),
);
}
}
3. 语音识别功能
集成speech_to_text进行语音输入：
dependencies:
speech_to_text: ^6.6.0
class VoiceInputService {
final SpeechToText _speech = SpeechToText();
bool _isListening = false;
Future<void> initSpeech() async {
await _speech.initialize();
}
Future<String?> startListening() async {
if (!_isListening) {
_isListening = true;
String recognizedText = '';
await _speech.listen(
onResult: (result) {
recognizedText = result.recognizedWords;
},
);
return recognizedText;
}
return null;
}
void stopListening() {
if (_isListening) {
_speech.stop();
_isListening = false;
}
}
}
4. PDF导出功能
导出笔记为PDF文档：
dependencies:
pdf: ^3.10.4
printing: ^5.11.1
Future<void> exportNotesToPDF(List<NoteItem> notes) async {
final pdf = pw.Document();
pdf.addPage(
pw.MultiPage(
pageFormat: PdfPageFormat.a4,
build: (pw.Context context) {
return notes.map((note) => pw.Column(
crossAxisAlignment: pw.CrossAxisAlignment.start,
children: [
pw.Text(
note.title,
style: pw.TextStyle(
fontSize: 18,
fontWeight: pw.FontWeight.bold,
),
),
pw.SizedBox(height: 8),
pw.Text('科目: ${note.subject}'),
pw.Text('分类: ${note.category}'),
pw.SizedBox(height: 8),
pw.Text(note.content),
pw.SizedBox(height: 20),
],
)).toList();
},
),
);
await Printing.layoutPdf(
onLayout: (PdfPageFormat format) async => pdf.save(),
);
}
5. 智能推荐功能
基于学习历史推荐复习内容：
class RecommendationEngine {
List<NoteItem> getRecommendedNotes(List<NoteItem> notes, List<ReviewRecord> records) {
final recommendations = <NoteItem>[];
for (final note in notes) {
int score = 0;
// 根据复习次数评分
if (note.reviewCount < 3) score += 5;
// 根据优先级评分
score += note.priority;
// 根据最后复习时间评分
final daysSinceReview = DateTime.now().difference(note.lastModified).inDays;
if (daysSinceReview > 7) score += 3;
if (daysSinceReview > 14) score += 5;
// 根据复习效果评分
final relatedRecords = records.where((r) => r.noteId == note.id);
if (relatedRecords.isNotEmpty) {
final avgEffectiveness = relatedRecords
.map((r) => r.effectiveness)
.reduce((a, b) => a + b) / relatedRecords.length;
if (avgEffectiveness < 3) score += 4;
}
if (score >= 8) {
recommendations.add(note);
}
}
// 按推荐分数排序
recommendations.sort((a, b) => _getRecommendationScore(b).compareTo(_getRecommendationScore(a)));
return recommendations.take(10).toList();
}
}
6. 提醒通知功能
设置学习和复习提醒：
dependencies:
flutter_local_notifications: ^16.1.0
class NotificationService {
final FlutterLocalNotificationsPlugin _notifications = FlutterLocalNotificationsPlugin();
Future<void> initialize() async {
const androidSettings = AndroidInitializationSettings('@mipmap/ic_launcher');
const iosSettings = DarwinInitializationSettings();
const settings = InitializationSettings(
android: androidSettings,
iOS: iosSettings,
);
await _notifications.initialize(settings);
}
Future<void> scheduleReviewReminder(NoteItem note) async {
if (note.nextReviewDate == null) return;
await _notifications.zonedSchedule(
note.id.hashCode,
'复习提醒',
'该复习《${note.title}》了',
tz.TZDateTime.from(note.nextReviewDate!, tz.local),
const NotificationDetails(
android: AndroidNotificationDetails(
'review_channel',
'复习提醒',
channelDescription: '提醒用户复习笔记',
importance: Importance.high,
),
),
uiLocalNotificationDateInterpretation: UILocalNotificationDateInterpretation.absoluteTime,
);
}
Future<void> scheduleDailyStudyReminder() async {
await _notifications.zonedSchedule(
0,
'学习提醒',
'今天的学习计划完成了吗？',
_nextInstanceOfTime(20, 0), // 每天晚上8点
const NotificationDetails(
android: AndroidNotificationDetails(
'study_channel',
'学习提醒',
channelDescription: '每日学习提醒',
importance: Importance.high,
),
),
uiLocalNotificationDateInterpretation: UILocalNotificationDateInterpretation.absoluteTime,
matchDateTimeComponents: DateTimeComponents.time,
);
}
}
测试策略
1. 单元测试
测试核心业务逻辑：
// test/note_item_test.dart
import 'package:flutter_test/flutter_test.dart';
import 'package:interview_notes_app/models/note_item.dart';
void main() {
group('NoteItem Tests', () {
test('should create note item correctly', () {
final note = NoteItem(
id: '1',
title: 'Test Note',
content: 'Test Content',
subject: 'Test Subject',
category: '专业课',
tags: ['test'],
createDate: DateTime.now(),
lastModified: DateTime.now(),
priority: 5,
status: '草稿',
attachments: [],
);
expect(note.title, equals('Test Note'));
expect(note.priority, equals(5));
expect(note.isStarred, isFalse);
});
test('should toggle star status correctly', () {
final note = NoteItem(
// 初始化参数...
);
expect(note.isStarred, isFalse);
note.isStarred = true;
expect(note.isStarred, isTrue);
});
});
}
2. Widget测试
测试UI组件：
// test/widget_test.dart
import 'package:flutter/material.dart';
import 'package:flutter_test/flutter_test.dart';
import 'package:interview_notes_app/main.dart';
void main() {
testWidgets('App should display navigation bar', (WidgetTester tester) async {
await tester.pumpWidget(const MyApp());
expect(find.byType(NavigationBar), findsOneWidget);
expect(find.text('笔记'), findsOneWidget);
expect(find.text('面试题'), findsOneWidget);
expect(find.text('学习计划'), findsOneWidget);
expect(find.text('统计'), findsOneWidget);
});
testWidgets('Should toggle star status', (WidgetTester tester) async {
await tester.pumpWidget(const MyApp());
// 查找收藏按钮并点击
final starButton = find.byIcon(Icons.star_border).first;
await tester.tap(starButton);
await tester.pump();
// 验证状态变化
expect(find.byIcon(Icons.star), findsWidgets);
});
}
3. 集成测试
测试完整用户流程：
// integration_test/app_test.dart
import 'package:flutter/material.dart';
import 'package:flutter_test/flutter_test.dart';
import 'package:integration_test/integration_test.dart';
import 'package:interview_notes_app/main.dart' as app;
void main() {
IntegrationTestWidgetsFlutterBinding.ensureInitialized();
group('App Integration Tests', () {
testWidgets('Complete user flow test', (WidgetTester tester) async {
app.main();
await tester.pumpAndSettle();
// 测试搜索功能
await tester.tap(find.byIcon(Icons.search));
await tester.pumpAndSettle();
await tester.enterText(find.byType(TextField), '算法');
await tester.tap(find.text('搜索'));
await tester.pumpAndSettle();
// 验证搜索结果
expect(find.text('数据结构与算法重点'), findsOneWidget);
// 测试导航
await tester.tap(find.text('面试题'));
await tester.pumpAndSettle();
expect(find.text('面试题'), findsWidgets);
// 测试面试题练习
await tester.tap(find.text('练习').first);
await tester.pumpAndSettle();
expect(find.text('已记录练习'), findsOneWidget);
});
});
}
部署和发布
1. Android发布
# 生成签名密钥
keytool -genkey -v -keystore ~/key.jks -keyalg RSA -keysize 2048 -validity 10000 -alias key
# 配置android/app/build.gradle
android {
signingConfigs {
release {
keyAlias keystoreProperties['keyAlias']
keyPassword keystoreProperties['keyPassword']
storeFile keystoreProperties['storeFile'] ? file(keystoreProperties['storeFile']) : null
storePassword keystoreProperties['storePassword']
}
}
buildTypes {
release {
signingConfig signingConfigs.release
}
}
}
# 构建APK
flutter build apk --release
2. iOS发布
# 构建iOS应用
flutter build ios --release
# 使用Xcode进行代码签名和发布
open ios/Runner.xcworkspace
3. Web发布
# 构建Web应用
flutter build web --release
# 部署到服务器
# 将build/web目录内容上传到Web服务器
总结
本教程详细介绍了如何使用Flutter开发一个功能完整的考研复试笔记应用。应用包含了笔记管理、面试题练习、学习计划制定、复习提醒和统计分析等核心功能，采用了Material Design 3设计规范，提供了良好的用户体验。
通过本项目的学习，你将掌握：
- Flutter应用架构设计
- 复杂数据模型的设计和管理
- 多页面导航和状态管理
- 搜索和筛选功能的实现
- 学习进度跟踪和统计
- 智能推荐算法
- 动画效果的应用
- 性能优化技巧
- 测试策略和部署流程
这个应用不仅适合考研学生使用，也为其他学习类应用的开发提供了很好的参考模板。你可以根据自己的需求进行功能扩展和定制，比如添加语音识别、AI问答、在线协作等高级功能。
欢迎加入开源鸿蒙跨平台社区：https://openharmonycrossplatform.csdn.net
开源鸿蒙跨平台开发社区汇聚开发者与厂商，共建“一次开发，多端部署”的开源生态，致力于降低跨端开发门槛，推动万物智联创新。
更多推荐
19
0- 0
已为社区贡献4条内容
所有评论(0)