基于SPA模式的高性能移动端可交互图表系统的研究与实现-计算机技术专业论文.docxVIP

基于SPA模式的高性能移动端可交互图表系统的研究与实现 摘 要 随着大数据与移动互联时代的到来，数据呈爆发式的增长，海量的异构化数 据相互交织，数据可视化已成为数据挖掘和数据分析过程中的重要技术。图表作 为数据可视化的利器，一直被广泛应用。传统的静态图表系统已经很难满足大数 据与移动互联环境下的动态数据分析，研究移动化和交互性的图表可视化系统将 具有广泛的应用前景。 在移动互联网背景下，跨平台性和移动交互性是两个越来越被重视的用户需 求，目前市面上还缺乏完全满足上述条件的高性能移动图表系统。本文针对这一 现状，从用户体验和技术实现两个角度展开了研究和分析，并采用单页应用(SPA， single page web application)的模式来实现高性能的图表交互过程，具体的研究和 开发工作如下： (1)基于D 3．．is开发出了移动端的图表绘制组件。D3．js是一个web可视化 开发类库，它提供了一种“数据一文档”绑定模式以及一系列的矢量图形处理函 数，让开发者可以灵活地开发出以数据为驱动的可视化应用。本文在对主流图表 开发框架的优缺点和图表渲染性能进行研究和分析的基础上，汇总了目前主流移 动设备的参数，并基于D3．js开发了一套移动web端的图表绘制组件，该组件将 在之后系统的核心模块开发中被调用。 (2)搭建了系统整体开发框架，完成了系统后台开发。根据系统的总体需求， 对系统的整体开发框架和数据库进行了设计，并以Codelgniter作为技术框架，PHP 作为脚本语言以及MySQL作为数据库，完成了系统后台的开发。 (3)基于SPA模式开发了移动图表系统的核心模块：可交互前端图表页面。 在进行了需求分析和性能分析前提下，基于SPA模式的核心思想，利用前沿的 Web前端开发技术和前面工作中开发完成的移动端图表绘制组件，实现了满足需 求的SPA模式的图表前端运行框架，并基于此框架，实现了一套具有丰富交互功 能和高效的交互性能、可以跨平台使用和分享图表页面的移动图表系统。 关键词： 数据可视化；移动图表系统；交互性；跨平台性；SPA模式 II 万方数据  工程硕士学位论文 Abstract With the arrival of the era of big data and mobile Internet，the data have showed explosive growth，mass isomerization data are intertwined together，Data visualization has become an important technique in data mining and data analysis．Graph has been widely used as a tool of data visualization．Traditional static graphics system has been difficult to meet the dynamic data analysis in era of big data and mobile Internet． There will be broad application prospects in the study of visualization system for mobile and interactive graphics． In the context of the mobile Internet，crossing platform and mobile interactivity have been paid attention to the user needs．At present，there is still a lack of high performance mobile graphics system which fully meets the above conditions．Aimed at the present situation，this paper studies and analyzes the two aspects of user experience and technology realization，and use a model of single page application to achieve the high performance of the chart interaction process，the specific research and development work is as follows： (1)Developed the mo