| 摘要 | 第5-6页 |
| Abstract | 第6-7页 |
| 第一章 引言 | 第12-20页 |
| 1.1 项目背景 | 第12-14页 |
| 1.2 智慧交通单页应用发展概况 | 第14-16页 |
| 1.3 本文主要研究的工作 | 第16-18页 |
| 1.4 本文的组织结构 | 第18-20页 |
| 第二章 技术综述 | 第20-28页 |
| 2.1 ECMAScript 2017 | 第20-21页 |
| 2.2 Babel | 第21-23页 |
| 2.3 Webpack | 第23-24页 |
| 2.4 Leaflet.js | 第24-25页 |
| 2.5 D3.js | 第25-26页 |
| 2.6 LESS | 第26-27页 |
| 2.7 本章小结 | 第27-28页 |
| 第三章 麦加朝觐智慧交通系统前端模块的需求分析与总体设计 | 第28-43页 |
| 3.1 项目需求概述 | 第28-29页 |
| 3.2 系统需求分析 | 第29-33页 |
| 3.2.1 功能需求 | 第29-30页 |
| 3.2.2 非功能需求 | 第30页 |
| 3.2.3 系统用例图 | 第30-31页 |
| 3.2.4 关键用例描述 | 第31-33页 |
| 3.3 系统总体设计与模块设计 | 第33-42页 |
| 3.3.1 麦加朝觐智慧交通系统前端模块的总体结构 | 第33-36页 |
| 3.3.2 状态管理模块 | 第36-37页 |
| 3.3.3 View模块 | 第37-40页 |
| 3.3.4 地图组件和图表组件 | 第40-42页 |
| 3.4 本章小结 | 第42-43页 |
| 第四章 麦加朝觐智慧交通系统前端模块的详细设计与实现 | 第43-64页 |
| 4.1 状态管理模块的详细设计与实现 | 第43-47页 |
| 4.1.1 StateBus的详细设计与实现 | 第43-45页 |
| 4.1.2 Remote StateBus的详细设计与实现 | 第45-47页 |
| 4.2 View模块的详细设计与实现 | 第47-53页 |
| 4.2.1 网格布局的详细设计与实现 | 第48-50页 |
| 4.2.2 分层结构的详细设计与实现 | 第50-51页 |
| 4.2.3 布局器的详细设计与实现 | 第51-53页 |
| 4.3 地图组件与图表组件的详细设计与实现 | 第53-56页 |
| 4.3.1 地图组件的详细设计与实现 | 第53-55页 |
| 4.3.2 图表组件的详细设计与实现 | 第55-56页 |
| 4.4 前端模块的测试 | 第56-59页 |
| 4.4.1 逻辑校验测试 | 第57-58页 |
| 4.4.2 服务校验测试 | 第58-59页 |
| 4.5 系统运行示例 | 第59-62页 |
| 4.6 本章小结 | 第62-64页 |
| 第五章 总结与展望 | 第64-68页 |
| 5.1 总结 | 第64-66页 |
| 5.2 展望 | 第66-68页 |
| 参考文献 | 第68-71页 |
| 致谢 | 第71-73页 |
