信息化时代背景下,传统的教育方式已经无法满足现代教育的要求,新技术的出现也促使高等教育模式发生重大的转变,推进教育信息化成为现代化教育为顺应时代发展而必须坚持的目标。为进一步促进现代化教育的改革,提升教育质量,增强教育信息化程度,在线开放课程的建设就显得十分必要。然而,针对目前土木工程专业本科教学在线课程的建设情况来看,土木工程专业的相关在线课程,存在资源冗杂、课程分散、组织结构不集中、针对性不强等问题。本文通过分析研究现有在线开放课程群系统,以及重庆大学土木工程学院关于土木工程在线开放核心课程群系统的建设需求后,基于前后端分离的开发模式探索、研究、设计并开发了土木工程在线开放核心课程群系统,提高了开发效率,提升了用户体验,同时促进了高校间的协同合作,增强了在线课程间的关联性,有助于推动教育信息化的改革。本文所做的工作包括以下内容:（1）阐述了论文的研究背景与意义,对在线课程群建设与前后端开发模式的发展现状进行了分析。（2）简要介绍了系统开发使用的相关技术,包括主要使用的前后端开发技术的特点以及其他相关技术的说明。（3）研究了系统前后端分离集成框架搭建使用的关键技术,包括后端开发框架Spring Boot、前端框架Vue.js、数据持久层框架MyBatis以及安全框架Shiro等。并在此研究基础上,整合出用于实现课程群系统前后端分离开发的技术体系结构。（4）分析了土木工程在线开放核心课程群系统的需求,并完成了前后端分离的课程群系统的设计与实现。同时通过相应的测试验证了开发方案的可行性和正确性,并对系统实现的关键代码进行了说明。本文的研究表明,前后端分离的课程群系统与以往前后端并未完全分离的系统相比,在系统的移植性、扩展性方面都得到了提升,同时也更有利于系统的优化,一定程度上提高了协作开发的效率,改善了用户体验。