随着科学技术水平的提高和Web GL技术的快速发展,Web浏览器端实现三维图形交互已成为可能。早期的三维技术存在诸多不足,如平台的兼容性较差、占用资源较多等问题,使用当前的Web GL技术可以解决早期技术的不足之处。受新冠疫情影响,远程线上教学已成为很多高校的教学模式,教师和学生足不出户就可以完成教学任务,但对于实操课,例如虚拟仿真类课程需要学生动手操作,仅依靠普通的二维图形技术无法满足教师和学生对实验课程的需求。因此,三维实验教学平台的出现能够解决此问题,老师在网页端发布实验,学生登录网页操作实操类实验,方便教学授课,同时极大地提高学生的学习效率和学习的质量。因此,设计并实现该平台具有重要的研究意义和应用价值。本文采用Web技术的B/S结构实现前端和后端的分离,通过Web GL渲染技术实现三维模型在浏览器中的应用与交互;利用Vue框架、三维建模技术、虚拟现实技术和Web GL图形渲染技术完成了平台前端页面的设计、数据可视化和三维模型的加载与交互,实现了虚拟实验教学平台的各项功能模块,包含用户数据管理、虚拟仿真实验、三维图形的展示与操作、项目管理等;并利用Solidworks软件建立三维实验模型,通过Three.js三维引擎和Unity3D引擎实现了三维模型在浏览器中的加载与交互控制,完成虚拟实验的可视化设计与实现;同时将开发好的功能模块部署到实验教学平台中,实现各模块的功能交互,完成整个系统的搭建,然后对整个系统进行测试,测试主要分为功能性测试和非功能性测试,功能性测试采用了黑盒测试,主要对教学平台的各个功能进行了正确性验证,非功能性测试分为性能测试和界面测试,测试结果表明了虚拟教学平台功能满足用户的实际需求;最后将已测试好的教学平台部署到AWS云服务器中,方便用户可以远程访问,完成课程实验。本系统的开发和部署解决了三维实验不能远程线上实操问题,可以满足老师和学生的相关实验课程操作任务的要求,具有一定的实验价值。