第四章  考试系统详细设计与实现 16

4.1 登录注册模块 16

4.2 试题管理模块 17

4.3 出卷模块 20

4.4 答卷模块 21

4.5 考试计时 22

4.6 离线存储模块 23

4.6.1 离线存储方案分析 24

4.6.2 技术介绍 24

4.6.3 localStorage基础操作方法 25

4.6.4 localstorage性能问题 26

4.6.5 存储格式设计 27

4.6.6 存储上限设计 29

4.7 离线计分模块 29

4.8 小结 31

第五章  考试系统测试 32

5.1 测试工具 32

5.2 测试内容 32

5.3 测试结果与分析 34

5.4 小结 34

结语 35

致谢 36

参考文献 37

第一章 绪论

在当今时代，桌面和移动端的界限正在迅速消失，用户获取信息的要求越来越高。而HTML5简洁明了的语义标记、丰富的媒体支持、大容量的本机储存技术，正在成为新的标准。通过HTML5跨平台的兼容性，HTML5的应用程序可以在不同的操作系统上工作。而包括阿里巴巴在内的大公司，在许多方面放弃了IE7以下浏览器的支持，使得基于HTML5的前端考试系统成为可能。

1.1   研究背景与意义

HTML4中缺少了对音频、视频以及客户端技术的支持，间接导致了Flash和SilverLight的流行[1]。而历时8年的HTML5，标准化了音频、视频和canvas等技术，使得WEB应用程序不再需要Flash等技术也能拥有丰富的表现形式。本地存储是HTML5新技术中的一大亮点，本地存储允许在多个窗口之间存储，在关闭浏览器后依然存在，也无需担心cookie删除。

有了本地数据库的支持，让离线应用也成为了可能。传统的试卷考试一般需要经过印刷排版、安排考场、人工批阅试卷和手动计算分数，整个流程需要消耗大量的人力物力。web考试系统可以使考试不受时间和空间的限制，利用Web Storage等前端技术，将考试离线运行，使得考试系统从“能用”转向“体验至上”，通过Web Storage等前端技术，缓解因考生数量多而出现线路堵塞或者断开的情况，从而提高考试系统的欢迎度和利用率，进而提高学生的学习积极性。

综上，利用Web Storage等前端技术，设计并开发一个考试系统，从而建立起完整的认识，并为今后从事的相关项目设计打下一个坚实的开发基础。

1.2  前端考试系统的研究现状

1.2.1  本地存储的研究现状

1.2.2  考试系统的现状

1.3   本文的主要内容

本文的主要内容是基于Web Storage的存储体系结构，利用MEAN技术开发一个前端考试系统。论文由以下部分组成:

第一章是绪论，对选题的目的与意义进行介绍。

第二章是对开发环境的说明，对开发本网站需要的技术进行介绍。

第三章则进行需求分析。