1绪论1.1 研究背景随着计算机技术的发展以及计算机网络的逐渐普及互联网成为人们查找信息的重要场所二十一世纪是信息的时代所以信息的管理显得特别重要。因此使用计算机来管理编程训练系统的相关信息成为必然。开发合适的编程训练系统可以方便管理人员对编程训练系统的管理提高信息管理工作效率及查询效率有利于更好的为人们服务。1.2研究目的随着互联网技术的快速发展网络时代的到来网络信息也将会改变当今社会。各行各业在日常企业经营管理等方面也在慢慢的向规范化和网络化趋势汇合。编程训练系统的信息化程度体现在将互联网与信息技术应用于经营与管理以现代化工具代替传统手工作业。无疑使用网络信息化管理使信息管理更先进、更高效、更科学信息交流更迅速。对于之前编程训练系统的管理大部分都是使用传统的人工方式去管理这样导致了管理效率低下、出错频率高。而且时间一长的话积累下来的数据信息不容易保存对于查询、更新还有维护会带来不少问题。对于数据交接也存在很大的隐患。如果采用电子化的存储方式就会带来很大的改善而且给用户的查询带来了很大便利因此设计一个编程训练系统刻不容缓能够提高信息的管理水平。2需求分析系统角色分类管理员用户用户登录/注册个人中心首页题库资源用户交流试卷列表训练通知留言反馈个人中心管理员登录个人中心用户管理题库资源管理练题统计管理得分统计管理试卷管理留言板管理试题管理用户交流系统管理训练通知轮播图管理考试管理考试记录错题本3技术分析后端技术技术说明官网SpringBootWeb应用开发框架https://spring.io/projects/spring-bootSpringSecurity认证和授权框架https://spring.io/projects/spring-securityMyBatisORM框架http://www.mybatis.org/mybatis-3/zh/index.htmlMyBatisGenerator数据层代码生成器http://www.mybatis.org/generator/index.htmlDruid数据库连接池https://github.com/alibaba/druidJWTJWT登录支持https://github.com/jwtk/jjwtLombokJava语言增强库https://github.com/rzwitserloot/lombokPageHelperMyBatis物理分页插件http://git.oschina.net/free/Mybatis_PageHelperSwagger-UIAPI文档生成工具https://github.com/swagger-api/swagger-ui前端技术技术说明官网Vue前端框架https://vuejs.org/Vue-router路由框架https://router.vuejs.org/Vuex全局状态管理框架https://vuex.vuejs.org/Element前端UI框架https://element.eleme.ioAxios前端HTTP框架https://github.com/axios/axiosv-charts基于Echarts的图表框架 有源码 获取源码4系统设计5系统页面展示用户5.1 首页5.2 登录 / 注册5.3 题库资源5.4 用户交流5.5 训练通知5.6 留言反馈5.7 个人中心6后台管理页面展示管理员6.1 登录6.2 用户管理6.3 题库资源管理6.4 练题统计管理6.5 得分统计管理6.6 试卷管理6.7 留言板管理6.8 试题管理6.9 用户交流6.10 系统管理6.10.1 训练通知6.10.2 轮播图管理6.11 考试管理6.11.1 考试记录