集成 EXTJS 联合 JSP 与 Vue3 的混合架构设计

邱 明辰
南银法巴消费金融有限公司

摘要

为了解决企业级应用中因 EXTJS 停更引发的生态缺失、技术负债及人才断层等问题，为企业级应用累积了一套低
成本渐进演化升级的迭代思路。本研究聚焦于企业级 Web 前端可视化集成，提出一种实现 EXTJS 联合 JSP 动态加载 VUE3
组件构建前端用户界面的配置方法，其具以下优势。（1）相比传统的 iframe 嵌入，本文所述的配置方法加载效率优异，可
提高用户访问速度，跨框架状态同步延迟≤ 50ms。（2）在高交互模块，如数据可视化上卷下钻要求高页面采用 Vue3 动态
加载，可实现实时交互与动画效果；（3）在开发成本方面，较全量重构节省 70% 成本，升级周期缩短至全量重构方案的
1/3，显著降低企业技术升级的成本与时间投入。（4）本文所述架构具备高度灵活性，支持动态切换组件加载策略，能够
根据不同业务场景启用或禁用 Vue 模块。由此可见，该技术拥有广阔的应用空间。

关键词

JSP；Vue3；集成 EXTJS

参考

[1] 徐 荣 荣 , 邓 霁 恒 . 基 于 ExtJS 的 云 南 省 高 速 公

路 基 础 参 数 管 理 系 统 的 设 计 与 实 现 [J]. 中 国 管 理 信 息

化 ,2022,25(02):184-186.

[2] 吴建平 .ExtJS+SSH2 框架在高职院校科研信息管理

系统中的应用研究 [J]. 现代职业教育 ,2021,(43):92-93.

[3] 邢飞燕 , 沈春梅 , 施佺 . 基于 ExtJS 的高校同等学力

研究生信息管理系统设计与实现 [J]. 淮北职业技术学院学

报 ,2021,20(03):97-10226.

[4] 李超 . 基于 ExtJS 的风电场监测系统设计与实现 [J].

江苏科技信息 ,2020,37(06):38-41.