案例名称

网上银行前后端分离改造

案例简介

随着信息技术的飞速发展，Windows操作系统版本和浏览器类型不断迭代，我行网上银行系统仅支持IE浏览器弊端日益突出。随着Windows操作系统的更新，IE浏览器也逐渐退出历史的舞台，使用Windows10和Windows11的客户使用网银系统需下载三方浏览器打开兼容模式，为客户带来了诸多不便。为更好地服务网上银行客户，提升客户体验，我行将网上银行前后台业务逻辑分开处理。减少后台服务器的压力，在前台通过框架，丰富页面元素，提升页面加载效率。同时，开放化的业务创新模式，为客户减少了操作，节省了时间，提供了更好的体验。

创新技术/模式应用

VX3.5是科蓝公司通过自研迭代构建的一个前端开发平台，一个简单、高效的前端研发体系。包括的能力：组件库、工具库、插件库、项目原型、开发示例等新特性;

组件库，实现了大部分通用的PC端组件和移动端组件，以及几十个适合金融场景下的组件库，同时提供了专门的图表库，及表单动态渲染等组件;

工具库，实现了金融场景下常用的工具函数;

插件库，实现了金融场景下常用的过滤器、方法等;

项目原型，实现项目开发涉及到的错误处理，主题定制，自动化打包构建等功能;

本次改造取消原有的jsp页面实现，采用vue实现方式，vue前端不再使用原来冗余复杂的js以及css样式，使用vue组件替代。同时也通过vue组件丰富网上银行的页面风格样式，在前台通过前端成熟框架，可以丰富页面元素，提高页面美观程度，更符合现代审美，还可以提升页面加载效率，优化系统与客户交互流程。并且通过国密算法对数据加密，最大程度保证用户数据安全性。

结合现场框架图

项目效果评估

本次网上银行改造以提升客户体验、聚焦价值创造为目标，启动网上银行重构全面提升，全面改版网上银行，推出更好看，更易用，更便捷的金融服务。

一、启用全新视觉设计，采用丹东银行品牌颜色作为新版网银的主色调，打造全新视觉体验，形成品牌力，进而提升品牌形象。

二、适应市场变化，对网银现有功能进行继承和优化，以数据分析为依托，实现功能精简；重构登录、首页、转账、查询等高频交易，使功能精准触达，带来沉浸式服务体验。

三、提升网上银行客户端兼容性，降低客户流失率；加强数据采集能力，实现系统对客户行为追踪，进而充实银行系统在客户分析、主动营销、风险防控等方面的数据积累。

项目成效

深化服务升级，加强客户体验提升

秉承“客户体验至上”的原则，网上银行一是从字体、图标、色彩、布局等多维角度进行全面优化升级，使页面更细腻、精致、舒适，提升客户视觉体验性及使用的便捷性；二是全新推出收支明细功能，整合账户明细查询、回单查询等功能，优化交易对手信息展示形式及内容并实现当日对手信息的查询，提升客户之所需；三是网上银行首页增设产品推广位，客户可便捷查看当前热销理财、存款等产品及最新营销活动，提升客户权益。

加速适老改造，助力网银服务升级

切实做好适老化优化和功能服务，帮助老年人提高网上银行的技术的能力和水平。网上银行增设字体放大功能，客户可根据自身诉求调节大小；首页新增常用功能快捷菜单，客户无需寻找即可快速直达所需的服务；登录页面增设在线客服功能，一键连线客服，第一时间解决客户问题。

完善基础设施，保障网银稳健运营

解决IE浏览器停服问题，充分评估系统影响、客户感受、制定可持续发展方案，全面支持Edge浏览器兼容适配。

项目牵头人

曲颖

项目团队成员

王欣龙、胡广伟、钟靓、冷旭、刘佳晖、王学飞、辛凯、刘义光

责任编辑：陈爱