前端架构工程化设计与在英语通用考试系统中的应用

摘要

随着互联网的普及，国内外很多大型考试都采用了在线考试方式，这些在线考试系统针对单个需求设计，开发时一次性完成，但是后续维护时，试题类型固定，扩展困难。随着Web2.0的兴起，系统多样化和用户体验方面的需求不断更新，导致系统前端频繁升级，复杂度持续提升，系统性能逐渐降低，很多同类在校考试系统都存该问题。为了解决这一问题，本文从前端框架开发和性能优化的角度出发，计划设计一款前端开发架构，可用于各类考试系统的前端开发。
　　本文首先基于英语通用考试系统进行需求分析，总结发现目前通用性操作主要表现在前端方面，试题类型多样，引起前端代码冗余、性能变差，同类Web应用都存在此类问题，因此计划将前端架构设计工程化，降低重复开发，提高开发效率。设计时前端采用MVC架构，降低前端结构层、表现层和行为层的耦合度，采用WebPack模块化打包工具、React组件化框架和后端模板引擎Twig，实现前端的模块化和组件化。目标是设计出一款开发效率高、易扩展、易维护、用户体验及Web性能良好的前端架构。本文将该前端架构应用于Web版本的英语通用考试系统，对教师出题、组卷和学生现场考试等功能进行设计开发，最后通过相应的测试和验证，对该前端架构的实用性和易用性进行验证。
　　本文基于模块化和组件化思想设计的工程化前端架构，在英语通用考试系统中得到了很好的应用。经测试验证发现，采用该框架的考试系统试题类型和试卷类型容易扩展、操作简单、系统性能良好，同时减轻了开发、维护以及团队合作成本，因此该架构具有实际的研究意义和良好的应用前景。

目录

声明

摘要

第一章 绪论

1．1 背景和意义

1．2 国内外现状

1．3 主要研究内容

1．4 论文逻辑结构

1．5 本章小结

第二章 相关理论和关键技术分析

2．1 相关理论分析

2．1．1 模块化

2．1．2 组件化

2．1．3 系统性能

2．2 关键技术分析

2．2．1 Bootstrap框架

2．2．2 React框架

2．2．3 Webpack框架

2．3．4 Git版本控制系统

2．3 本章小结

第三章 前端架构工程化设计

3．1 架构的相关知识

3．1．1 架构概念

3．1．2 架构设计的目的

3．2 架构设计

3．2．1 设计思想

3．2．2 系统架构设计

3．2．3 系统架构详解

3．3 本章小结

第四章 前端架构在英语通用考试系统中的应用

4．1 通考系统简介

4．2 需求分析

4．2．1 功能性需求分析

4．2．2 非功能性需求分析

4．3 通考系统核心功能设计

4．3．1 试卷管理模块划分

4．3．2 试题类型模块设计

4．3．3 试题库管理模块设计

4．3．4 试卷库管理模块设计

4．3．5 现场考试模块设计

4．4 前端架构在通考系统中的应用和实现

4．4．1 前端架构的应用

4．4．2 试题类型模块实现

4．4．3 试题管理模块实现

4．4．4 试卷库模块实现

4．4．5 现场考试模块实现

4．5 本章小结

第五章 测试和验证

5．1 测试环境

5．2 通考系统功能性测试

5．2 通考系统非功能性测试

5．3 架构测试和验证

5．4 本章小结

6．1 总结

6．2 展望

参考文献

致谢

在读期间发表的学术论文与取得的其他研究成果