实时跨平台桌面证券交易系统前端框架的设计与实现

作     者：林伟强 

作者单位：深圳大学 

学位级别：硕士

导师姓名：陈飞

授予年度：2018年

学科分类：08[工学] 0804[工学-仪器科学与技术] 080402[工学-测试计量技术及仪器] 

主      题：实时 跨平台 桌面应用 证券交易 前端框架 

摘      要：随着经济全球化的持续发展,国内经济不断向好发展,催生了多种多样的市场投资活动,其中以证券相关业务尤为活跃,为了满足国内投资者对国际化证券交易的需求,迫切需要开发一套国际化的证券交易系统。传统的原生C/S桌面端的开发模式,需要组建Windows和Mac OS两套团队,无论是从开发成本、开发时间,还是从人员招聘方面,对于公司来说,都是巨大的挑战。针对以上缺陷国际化证券交易系统采用前端基于Web开发,通过WebKit来构建跨平台桌面应用,充分利用本地客户端和Web各自的优势,本地客户端更加方便地调用操作系统的资源,而Web则实现快速迭代开发和数据展示。后端数据使用目前已经开发成熟的提供给移动端APP的数据接口,实现前后端分离的开发方式。相较传统桌面端应用的数据缓存和Web应用数据缓存,本方案使用WebKit原生支持的IndexedDB数据库,操作数据库无需安装额外的插件,也无需考虑跨浏览器和跨平台的兼容性问题,使桌面端交易系统有更近原生桌面应用的体验。对比传统的DOM操作方法,使用虚拟DOM的重新渲染页面的性能有高达40%的提升,这得益于对DOM操作的方式的改进,因为浏览器的主要性能消耗在渲染阶段,通过数据来渲染DOM,并通过修改数据来操作DOM的显示,比直接删除并添加DOM有更高效的性能。相比传统的Ajax与后台服务器交互的逻辑,对于实时性要求较高的数据已无法胜任,通过研究对比,在WebSocket协议的基础上,实现了交易系统与服务器之间的消息相互推送,较少了由于Ajax通信模式造成的大量无效交互和浪费大量网络带宽资源等问题。相比固定推送时间间隔,通过前一分钟的平均推送延迟时间,弹性设置推送时间间隔,能够在保证服务器性能的前提下,提高数据推送的实时性,最大化利用服务器资源并提升用户体验。本文主要从客户端与Web框架通信、Web前端框架搭建和交易系统的数据流处理入手,设计和实现适用于证券交易系统与桌面应用程序相结合的前端框架。桌面端交易系统需要处理和渲染大量的证券资讯等数据。为了实现更有效地利用网络资源,对于不同类型的数据需要分开处理。以模块化的方式组织整个前端架构,实现高效组织代码的目标。通过状态树的设计,确保组件间通信的一致性,保证系统的优异性能。本文所研究实现的前端框架为桌面端交易系统的运行提供了稳定的基础。基于组件化的框架设计,通过运用新技术,提高前端开发的效率,完成桌面端交易系统的前端框架。本方案也为其他桌面端跨平台系统前端框架提供借鉴。