结对编程实战：数学简易在线考试系统开发与实现

结对编程实战：数学简易在线考试系统开发与实现
作者：2452326 2315509
日期：2026-04-16
一、项目概述
本项目是一款轻量化数学简易在线考试系统，采用结对编程模式开发，使用前端技术实现完整考试流程，以本地存储（localStorage）替代数据库，简化部署与开发流程。系统分为学生端与管理员端，支持在线答题、倒计时、成绩查询、错题重做、题目管理、考试组卷等核心功能。
项目功能清单
✅ 双角色登录（学生 / 管理员）
✅ 学生在线考试（倒计时、答题导航、答案保存）
✅ 成绩查询、正确率统计、考试报告查看
✅ 错题重做功能
✅ 管理员题目增删改查
✅ 考试管理（自由选题组合试卷）
✅ 数据本地持久化存储
二、系统功能模块与运行结果展示
2.1 登录模块
登录页面为系统入口，支持用户名、密码校验，提供默认账号提示。
运行结果：页面显示 “数学简易在线考试系统 - 登录”，包含用户名输入框、密码输入框、登录按钮。

底部显示：管理员账号：admin /admin123
学生账号：student /student123

2.2 学生端首页
学生登录成功后进入首页，展示考试入口信息。
运行结果：页面显示：欢迎，student菜单：首页、参加考试、成绩查询考试卡片：考试名称：数学基础测试描述：测试基础数学知识题目数量：3 题考试时长：10 分钟总分：20 分提供 “开始考试” 按钮。

2.3 考试页面
考试页面支持倒计时、答题导航高亮、答案保存、提交考试。
运行结果：顶部：欢迎信息、退出登录、首页考试名称：数学基础测试剩余时间：09:42功能按钮：保存答案、提交考试右侧：答题导航，高亮当前题目题型支持：单选题、判断题
示例题目：第 1 题（5 分）单选题：1+1=?
选项 A.1 B.2 C.3 D.4
第 2 题（5 分）判断题：3 是质数
选项：正确 / 错误

2.4 答案保存功能
答题过程中可随时保存答案，防止数据丢失。
运行结果：点击 “保存答案”，弹出提示：答案已保存点击确定后继续考试，已答题目状态保留，倒计时正常运行。

2.5 成绩查询功能
学生可查看所有历史考试记录。
运行结果：列表展示字段：考试名称、得分、正确率、正确题数、考试时间、操作。

2.6 查看报告功能
展示考试详情与错题列表，显示正确答案。
运行结果：考试信息：考试名称：数学基础测试得分：0正确率：0.0%正确题数：0/3考试时间：2026/4/15 17:13:48
错题列表：（1）1+1=?
选项：1|2|3|4
正确答案：2
（2）下列哪些是偶数？
选项：1|2|3|4
正确答案：2,4
（3）3 是质数
答案：正确

2.7 错题重做功能
针对错题重新答题，提交后自动计算得分。
运行结果：弹窗展示错题，包含单选、多选、判断。答题完成点击 “提交重做”，提示：重做完成！得分：0/20
示例题目：第 1 题（5 分）单选题：1+1=?
第 2 题（10 分）多选题：下列哪些是偶数？
第 3 题（5 分）判断题：3 是质数

2.8 管理员题目管理模块
管理员可对题目进行查看、添加、编辑、删除。
运行结果：表格展示：ID、题目类型、题目内容、选项、正确答案、分值、难度、知识点、操作。

2.9 添加题目功能
管理员可新增单选、多选、判断题。
运行结果：添加题目表单：题目类型：单选题题目内容：8+12 是选项：3、24、20、34正确答案：20分值：5难度：简单知识点：简单数学题点击确定完成添加。

2.10 管理员考试管理模块
支持创建考试，从题库选题组合试卷。
运行结果：添加考试表单：考试标题：数学测试 2考试描述：简单数学考试选题：1+1=?、3 是质数、90-20、8+12 是考试时长：5 分钟总分：20 分添加成功后可编辑、删除。

三、核心功能实现代码截图
（1）登录模块：


（2）题目管理模块



（3）成绩管理模块




（4）考试管理模块

四、项目成果总结
本项目已完整实现以下功能：
1.学生 / 管理员双角色登录与权限区分
2.学生端：在线考试、倒计时、答题导航、答案保存
3.成绩查询、考试报告、错题重做全流程
4.管理员题目管理：添加、编辑、删除
5.考试管理：自定义试卷、选题组卷
6.数据本地持久化，无需后端即可运行
7.系统界面简洁、功能完整、流程顺畅，完美满足轻量化在线考试需求，同时充分体现了结对编程在提升代码质量、开发效率与团队协作能力上的优势。

五、结对编程开发心得
2452326：在本次数学简易在线考试系统的开发中，我真切体会到结对编程的价值。我们以驾驶员与导航员的角色交替配合，一人负责编码实现，一人负责思路检查与纠错，有效减少了代码漏洞，提升了整体开发效率。面对答题导航、多题型判分、错题重做等功能难点时，我们及时沟通、互相启发，快速找到解决方案，避免了单人开发容易出现的思路局限。整个过程不仅让代码更规范、系统更稳定，也让我在协作中学习到不同的编码思路与解决问题的方法。这次实践让我认识到，结对编程不仅是高效的开发方式，更是提升团队协作与个人能力的重要途径，良好的沟通与配合能让项目开发更加顺畅高效。
2315509：在本次数学简易在线考试系统的开发过程中，我深刻体会到了结对编程中沟通的关键性。从系统架构的设计到具体功能的实现，每一步都需要密切协作与充分交流。在系统设计阶段，我们讨论确定通过本地存储代替数据库的方案，简化系统流程。选择单选题，多选题，判断题为主要题型，同时以管理人员添加新的题目，并可以组合形成试题卷的形式来模拟现实生活中的真实场景，而系统不必审查题目的合理性，来明确系统边界。在功能开发过程中，我们交替编码，通过实时沟通，解决了诸如答题导航高亮、题目类型提示等细节问题，以此提升用户体验。结对编程不仅提高了代码质量，也让我们在遇到问题时能够快速集思广益，学习到不同的解决方案，编码方法。本次项目让我受益匪浅，结对编程不仅是一种开发方式，更是一种团队协作的艺术。有效的沟通能够减少误解，提高开发效率，最终构建出更加完善的系统。