Train diagram drawing scheme based on Web technology stack
-
摘要: 针对大数据量下浏览器绘图性能差、资源要求高等问题,提出基于Web技术栈的列车运行图绘制方案。该方案涵盖服务端运行环境、服务端技术架构及前端优化措施。其中,服务端采用微服务架构及多线程并发技术,提升了运行图数据的处理效率;前端采用HTML5 Canvas图形绘制技术,提高了绘图性能及响应效率。通过测试数据加载和图形绘制等关键任务的运行耗时,验证了该方案的可行性与有效性,可为铁路相关信息系统优化完善提供技术参考。Abstract: Aiming at the problems of poor browser drawing performance and high resource requirements under large amount of data, this paper proposed a train diagram drawing scheme based on Web technology stack. The solution covered the server operating environment, server technical architecture and front-end optimization measures. Among them, the server used microservice architecture and multithreading concurrency technology to improve the processing efficiency of operation diagram data; The front end used HTML5 Canvas graphics rendering technology to improve the rendering performance and response efficiency. The feasibility and effectiveness of the scheme are verified by the running time of key tasks such as test data loading and graphics rendering, which can provide technical reference for the optimization and improvement of railway related information systems.
-
表 1 性能测试结果
列车运行线/对 被测项
运行耗时/ms运行耗时总计/ms 数据
加载图形对象
生成坐标
转换数据
传输图形
绘制被测项
合计200 256 45 35 126 469 931 1098 400 351 88 42 131 508 1120 1215 500 397 113 50 133 632 1325 1512 1000 542 172 107 152 897 1870 2017 -
[1] 荣 剑, 程 谦, 曲思源. 列车运行图编制与管理[M]. 北京: 中国铁道出版社, 2021. [2] 倪少权,吕红霞,李 浩. 计算机编制列车运行图系统的研究 [J]. 铁道运输与经济,2001,23(7):32-35. doi: 10.3969/j.issn.1003-1421.2001.07.014 [3] 薛武军,梁 晋,王 静,等. 基于移动卫星通讯的列车自动报点系统与运行图绘制 [J]. 中国铁道科学,2003,24(3):109-114. doi: 10.3321/j.issn:1001-4632.2003.03.022 [4] 陈旭鹰. 运行图信息共享系统的设计与实现 [J]. 上海铁道科技,2004(1):25-26. doi: 10.3969/j.issn.1673-7652.2004.01.011 [5] 张志会. 基于Flash的车站作业可视化仿真 [J]. 铁道运输与经济,2009,31(10):21-22,26. doi: 10.3969/j.issn.1003-1421.2009.10.008 [6] 祝建平,周磊山,乐逸祥. 基于协作交互的列车运行图网络化编制系统 [J]. 中国铁道科学,2010,31(1):139-144. [7] 李诗雄. 基于HTML5的列车运行图查询系统的设计与实现[D]. 成都: 西南交通大学, 2016. [8] 史常庆,倪少权. 列车运行图计算机编制系统的运用与发展分析 [J]. 铁道运输与经济,2013,35(2):26-28,34. doi: 10.3969/j.issn.1003-1421.2013.02.007 [9] 白紫熙,周磊山,唐金金. 基于运行图驱动的列车运行控制半实物仿真系统 [J]. 中国铁道科学,2015,36(4):139-144. doi: 10.3969/j.issn.1001-4632.2015.04.22 [10] 廖志林,胡文斌,方立海,等. 铁路调度工作质量评价及辅助决策系统设计研究 [J]. 铁道货运,2020,38(1):34-38. doi: 10.16669/j.cnki.issn.1004-2024.2020.01.07 [11] Wu Y Y, Chen Y H. Influence of virtual imaging technology based on html5 technology on digital painting [J]. Microprocessors and Microsystems, 2021(82): 103855. doi: 10.1016/j.micpro.2021.103855 [12] Sehnal D, Svobodová R, Berka K, et al. High‐performance macromolecular data delivery and visualization for the web [J]. Acta Crystallographica Section D:Structural Biology, 2020, 76(12): 1167-1173. doi: 10.1107/S2059798320014515