摘  要

 

近些年来，随着学生人数的增加，教学资源缺少的情况普遍出现，例如在计算机类通识课程中，由于一个老师管理的学生人数过多，在实际的教学过程中，往往会出现无法有效管理和指导学生的情况，尤其是在一些有着实验操作的课程中，学生都是线下各自做实验，如果在实验过程遇到困难而得不到帮助，可能就会出现学生消极完成实验以敷衍了事或是直接抄袭实验报告的不良情况。

针对以上情况，本文将设计并完成一个面向人工智能通识课程的仿真实验平台，包括学生端和教师端，老师可以通过教师端把已经上线的实验放到本实验平台上，学生登录学生端后，将以团队的形式完成实验，这样既可以提高学生的团队协作能力，也可以加强学生之间的交流。本实验平台还设有私信、讨论区功能，这可以帮助学生及老师之间的沟通交流，遇到问题的学生可以单独询问老师，也可以在讨论区发贴。这样，可以在一定程度上提高学生的上课积极性，提高上课效率，也可以节约教学资源。

本项目将采用前后端分离的架构模式，前端使用Vue.js框架，采用了MVVM模式，并使用Vue Router、Vue CLI 2、Axios请求工具、Element UI组件库、ECharts可视化图表库等工具，后端使用Django框架，采用MVC模式。

 

关键词：Vue.js，Django，实验平台，系统开发

目  录

 

第一章 绪论 1

1.1 引言 1

1.2 国内外研究现状 1

1.2.1 国内研究现状 1

1.2.2 国外研究现状 2

1.3 研究目标与意义 2

1.4 研究内容 2

第二章 系统相关技术介绍 3

2.1 Django框架 3

2.1.1 Python语言 3

2.1.2 基于Python的Django框架 3

2.1.3 MVC架构模式 4

2.2 Vue.js框架 5

2.2.1 Vue.js相关技术 5

2.2.2 MVVM架构模式 5

2.3 MySQL数据库 6

第三章 系统设计 7

3.1 系统架构设计 7

3.2 功能模块设计 8

3.2.1 学生端功能模块 8

3.2.2 教师端功能模块 9

3.3 系统页面设计 9

3.3.1 学生端页面设计 9

3.3.2 教师端页面设计 15

3.4 数据库设计 19

3.4.1 E-R图 19

3.4.2 主要表结构设计 21

第四章 系统关键模块的设计实现 26

4.1 学生端关键模块的设计实现 26

4.1.1 团队信息管理 26

4.1.2 实验报告管理 27

4.1.3 讨论区 27

4.1.4 消息中心 28

4.1.5 图灵问答实验 28

4.2 教师端关键模块的设计实现 28

4.2.1 用户管理 28

4.2.2 实验信息管理 28

4.2.3 实验报告管理 29

4.2.4 讨论区 29

4.2.5 消息中心 29

第五章 系统测试 30

5.1 系统测试环境 30

5.2 系统功能测试 30

5.2.1 学生端功能测试 30

5.2.2 教师端功能测试 32

5.3 系统性能测试 35

第六章 总结 37

6.1 结论 37

6.2 展望 37

参考文献 38

致  谢 39