1，绪论

1.1 研究背景

随着计算机技术的发展以及计算机网络的逐渐普及，互联网成为人们查找信息的重要场所，二十一世纪是信息的时代，所以信息的管理显得特别重要。因此，使用计算机来管理编程训练系统的相关信息成为必然。开发合适的编程训练系统，可以方便管理人员对编程训练系统的管理，提高信息管理工作效率及查询效率，有利于更好的为人们服务。

1.2研究目的

随着互联网技术的快速发展，网络时代的到来，网络信息也将会改变当今社会。各行各业在日常企业经营管理等方面也在慢慢的向规范化和网络化趋势汇合。编程训练系统的信息化程度体现在将互联网与信息技术应用于经营与管理，以现代化工具代替传统手工作业。无疑，使用网络信息化管理使信息管理更先进、更高效、更科学，信息交流更迅速。

对于之前编程训练系统的管理，大部分都是使用传统的人工方式去管理，这样导致了管理效率低下、出错频率高。而且，时间一长的话，积累下来的数据信息不容易保存，对于查询、更新还有维护会带来不少问题。对于数据交接也存在很大的隐患。如果采用电子化的存储方式就会带来很大的改善，而且给用户的查询带来了很大便利，因此设计一个编程训练系统刻不容缓，能够提高信息的管理水平。

2，需求分析

系统角色分类：管理员，用户

用户：登录/注册，个人中心，首页，题库资源，用户交流，试卷列表，训练通知，留言反馈，个人中心

管理员：登录，个人中心，用户管理，题库资源管理，练题统计管理，得分统计管理，试卷管理，留言板管理，试题管理，用户交流，系统管理，训练通知，轮播图管理，考试管理，考试记录，错题本

3，技术分析

后端技术

技术	说明	官网
SpringBoot	Web应用开发框架	https://spring.io/projects/spring-boot
SpringSecurity	认证和授权框架	https://spring.io/projects/spring-security
MyBatis	ORM框架	http://www.mybatis.org/mybatis-3/zh/index.html
MyBatisGenerator	数据层代码生成器	http://www.mybatis.org/generator/index.html
Druid	数据库连接池	https://github.com/alibaba/druid
JWT	JWT登录支持	https://github.com/jwtk/jjwt
Lombok	Java语言增强库	https://github.com/rzwitserloot/lombok
PageHelper	MyBatis物理分页插件	http://git.oschina.net/free/Mybatis_PageHelper
Swagger-UI	API文档生成工具	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.io
Axios	前端HTTP框架	https://github.com/axios/axios
v-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 考试记录