摘  要

 

当下互联网前端行业的就业形势越来越严峻，前端应试人员对于前端方向的面试笔试服务系统具有十分迫切的现实需要。前端训练系统有针对性地为客户提供笔试题库与面试经验文章，更强调客户使用过程的沉浸性和效率，前端训练系统通过网页端与客户进行信息交互，从而为客户提供个性化服务。

本文从国内外对前端训练系统的研究现状出发，介绍了一个前端工作面试笔试强化训练系统的功能与性能需求分析、功能与架构设计、数据库表设计与实现、系统开发与技术实现等过程与结果。

本项目采用B/S模式进行网页开发，以基于React的UmiJS和（Spring & SpringMVC & MyBatis）分别为前端框架和后端框架集，使用MySQL进行数据存储。本系统参考了多种训练系统，旨在使用户获得更高效的前端学习工具和学习方法。

关键词：笔试，面试，React，SSM框架集

目  录

 

第一章 绪论 1

1.1 引言 1

1.2 国内外研究现状 1

1.2.1国内研究现状 1

1.2.2国外研究现状 1

1.3 项目开发的目的与意义 1

1.4 本文研究内容 2

第二章 技术选择的介绍 3

2.1 B/S模式 3

2.2 单页Web应用 3

2.3 React 3

2.4 SSM框架集 3

2.5 MySQL本地服务 4

第三章  前端工作面试笔试强化训练系统的设计和开发 5

3.1 系统的需求分析 5

3.1.1 功能需求 5

3.1.2 性能需求 5

3.2 系统的总体设计 5

3.2.1 系统功能模板分析 5

3.2.2 系统架构设计 6

第四章 数据库设计与实现 7

4.1 用户信息表 7

4.2 题目信息表 7

4.3 选项内容表 8

4.4 选项答案表 8

4.5 文章信息表 8

4.6 答题信息表 9

4.7 答题选项表 9

4.8 笔试库表 10

4.9 笔试库内题表 10

4.10 面试库表 10

4.11 面试库内文章表 10

第五章 前端工作面试笔试强化训练系统的设计与开发结果展示 11

5.1 登录注册模块 11

5.1.1 用户登录 11

5.1.2 用户注册 12

5.2 笔试模块 14

5.2.1 题库显示 14

5.2.2 题库查询 14

5.2.3 题目查看 15

5.2.4题目操作 17

5.3 面试模块 17

5.3.1 面试列表显示 17

5.3.2 面试查询 18

5.3.3 文章查看 18

5.3.4 文章点赞与收藏 19

5.4 用户文件库模块 19

5.4.1 文件库 20

5.4.2 根据收藏刷题 20

5.4.3 查看题目或文章 20

5.5 用户管理模块 21

5.5.1 个人信息 21

第六章  总结与展望 22

参考文献 23

致  谢 24