案例名稱

網上銀行前后端分離改造

案例簡介

隨著信息技術的飛速發展，Windows操作系統版本和瀏覽器類型不斷迭代，我行網上銀行系統僅支持IE瀏覽器弊端日益突出。隨著Windows操作系統的更新，IE瀏覽器也逐漸退出歷史的舞臺，使用Windows10和Windows11的客戶使用網銀系統需下載三方瀏覽器打開兼容模式，為客戶帶來了諸多不便。為更好地服務網上銀行客戶，提升客戶體驗，我行將網上銀行前后臺業務邏輯分開處理。減少后臺服務器的壓力，在前臺通過框架，豐富頁面元素，提升頁面加載效率。同時，開放化的業務創新模式，為客戶減少了操作，節省了時間，提供了更好的體驗。

創新技術/模式應用

VX3.5是科藍公司通過自研迭代構建的一個前端開發平臺，一個簡單、高效的前端研發體系。包括的能力：組件庫、工具庫、插件庫、項目原型、開發示例等新特性;

組件庫，實現了大部分通用的PC端組件和移動端組件，以及幾十個適合金融場景下的組件庫，同時提供了專門的圖表庫，及表單動態渲染等組件;

工具庫，實現了金融場景下常用的工具函數;

插件庫，實現了金融場景下常用的過濾器、方法等;

項目原型，實現項目開發涉及到的錯誤處理，主題定制，自動化打包構建等功能;

本次改造取消原有的jsp頁面實現，采用vue實現方式，vue前端不再使用原來冗余復雜的js以及css樣式，使用vue組件替代。同時也通過vue組件豐富網上銀行的頁面風格樣式，在前臺通過前端成熟框架，可以豐富頁面元素，提高頁面美觀程度，更符合現代審美，還可以提升頁面加載效率，優化系統與客戶交互流程。并且通過國密算法對數據加密，最大程度保證用戶數據安全性。

結合現場框架圖

項目效果評估

本次網上銀行改造以提升客戶體驗、聚焦價值創造為目標，啟動網上銀行重構全面提升，全面改版網上銀行，推出更好看，更易用，更便捷的金融服務。

一、啟用全新視覺設計，采用丹東銀行品牌顏色作為新版網銀的主色調，打造全新視覺體驗，形成品牌力，進而提升品牌形象。

二、適應市場變化，對網銀現有功能進行繼承和優化，以數據分析為依托，實現功能精簡；重構登錄、首頁、轉賬、查詢等高頻交易，使功能精準觸達，帶來沉浸式服務體驗。

三、提升網上銀行客戶端兼容性，降低客戶流失率；加強數據采集能力，實現系統對客戶行為追蹤，進而充實銀行系統在客戶分析、主動營銷、風險防控等方面的數據積累。

項目成效

深化服務升級，加強客戶體驗提升

秉承“客戶體驗至上”的原則，網上銀行一是從字體、圖標、色彩、布局等多維角度進行全面優化升級，使頁面更細膩、精致、舒適，提升客戶視覺體驗性及使用的便捷性；二是全新推出收支明細功能，整合賬戶明細查詢、回單查詢等功能，優化交易對手信息展示形式及內容并實現當日對手信息的查詢，提升客戶之所需；三是網上銀行首頁增設產品推廣位，客戶可便捷查看當前熱銷理財、存款等產品及最新營銷活動，提升客戶權益。

加速適老改造，助力網銀服務升級

切實做好適老化優化和功能服務，幫助老年人提高網上銀行的技術的能力和水平。網上銀行增設字體放大功能，客戶可根據自身訴求調節大??；首頁新增常用功能快捷菜單，客戶無需尋找即可快速直達所需的服務；登錄頁面增設在線客服功能，一鍵連線客服，第一時間解決客戶問題。

完善基礎設施，保障網銀穩健運營

解決IE瀏覽器停服問題，充分評估系統影響、客戶感受、制定可持續發展方案，全面支持Edge瀏覽器兼容適配。

項目牽頭人

曲穎

項目團隊成員

王欣龍、胡廣偉、鐘靚、冷旭、劉佳暉、王學飛、辛凱、劉義光

責任編輯：陳愛