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

发布时间：2020-07-04 18:57

【摘要】：随着经济全球化的持续发展,国内经济不断向好发展,催生了多种多样的市场投资活动,其中以证券相关业务尤为活跃,为了满足国内投资者对国际化证券交易的需求,迫切需要开发一套国际化的证券交易系统。传统的原生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前端框架搭建和交易系统的数据流处理入手,设计和实现适用于证券交易系统与桌面应用程序相结合的前端框架。桌面端交易系统需要处理和渲染大量的证券资讯等数据。为了实现更有效地利用网络资源,对于不同类型的数据需要分开处理。以模块化的方式组织整个前端架构,实现高效组织代码的目标。通过状态树的设计,确保组件间通信的一致性,保证系统的优异性能。本文所研究实现的前端框架为桌面端交易系统的运行提供了稳定的基础。基于组件化的框架设计,通过运用新技术,提高前端开发的效率,完成桌面端交易系统的前端框架。本方案也为其他桌面端跨平台系统前端框架提供借鉴。
【学位授予单位】：深圳大学
【学位级别】：硕士
【学位授予年份】：2018
【分类号】：TP393.09
【图文】：

交易系统,层次图,桌面,架构

缓存是当数据从后端服务器获取后，采用某种格式存放在本地操作系前端的每次请求，都需要检查本地缓存中是否存在所需要的数据，只在（或者过期）的情况下，才从远程服务器获取新的数据[7]。预缓存存是指把内容预先加载到本地文件系统中，以备将来访问。本地数据下访问也非常有意义。对于预缓存，数据出现丢失或者缓存有问题是用户造成非常差的用户体验。端交易系统主要提供给投资者行情资讯的浏览和交易等功能，本前端存和预缓存。体架构面端交易系统层次

组件,属性值

ebpack 打包工具，实现单 JavaScript 入口组件[10]，它允许ript 的平等模块，并以一致方式加载进来。组件的所有依，对外只暴露一个 JavaScript 模块作为入口。的数据处理间的通信的数据有两种，一种是外部传入的属性值，另一是组件外部还是组件内部的属性值，当数据产生变化时，外部传入的属性值是组件暴露的对外接口，而内部自有属外部和内部两个属性值是无法实现多级组件之间的数据管证各个数据的一致性，组件的数据源必须在组件之外形成易操作。

【参考文献】