中原银行：移动端动态化框架

本文来源于：2023鑫智奖第四届中小金融机构数智化转型优秀案例评选，作者：中原银行

中原银行：移动端动态化框架

2023-05-23 关键词：业务系统建设,全国性商业银行,数据智能应用2227

一、项目背景及目标

用户体验已经成为衡量一个移动应用是否成功的重要指标，为了满足不断变化的客户需求，我们需要更快速、高效地更新和优化移动应用的用户界面。传统的变更方式是业务人员提出具体的业务需求，开发人员重新开发部署，不仅更新效率较低，缺陷概率较高，且频繁的客户端更新极易导致客户流失及用户投诉。

中原银行移动端动态化框架提供了一个高性能、跨端、无代码、快速部署的解决方案，同时还支持跨平台移动端应用程序的开发。能够迅速响应业务需求，不受客户端版本发布限制，通过后端配置驱动前端动态渲染页面方式，大幅减少了跨端研发成本，提高应用程序更新和优化效率的同时降低缺陷率，实现App不同样式的楼层能够快速上线。

二、创新点

1.不发版改变现有页面楼层样式

移动端动态化框架设计的动态化楼层主要由组件、布局和数据组成。组件中包含App楼层中所需的大量的容器、文字、图片、线条、列表、轮播、网格、标签、动画、弹框行为、颜色背景等内容的样式，业务可以根据需要进行楼层组装，利用组件不同的排列方向、对齐方式，外加自定义的文字大小颜色，楼层不同高度及间距等等，从而组合出各种新样式楼层。

2.新增楼层样式，并对老版本客户端生效

由于动态化框架的组件均是事先已开发好放入组件池中，客户端原本已支持，所以由组件任意组合出来的新楼层样式无需客户端重新发版上线即可支持在前端进行展示。

3.快速搭建原生和小程序服务页面

业务人员使用动态化管理平台进行楼层编辑，使用拖拉拽方式，根据UI设计稿设置组件高度及间距，配置图片样式为圆角或平角、容器背景、设置图片或按钮行为为跳转链接等操作，组成新楼层样式之后上传测试数据，然后扫描二维码即可进行真机预览，预览无问题后即可在生产上发布新楼层，实现新楼层快速上线。

4.支持对楼层样式进行灰度发布

一个楼层可以同时设计多个版本，并对小部分用户进行灰度实验，找到受用户欢迎的版本并上线。

三、项目技术方案

1.页面实现动态化展示

动态化管理平台通过可视化配置，生成移动端页面样式，动态下发给客户端。客户端接收动态化配置数据，通过动态化渲染引擎在客户端展示并提供简单交互，实现业务功能快速上线，提高产品迭代效率。

2.实现低代码可交互式动态化配置

在动态化管理平台配置方面，参考业界先进的低代码平台交互体验，实现低代码、可视化配置，实现业务人员可视化的快速楼层配置体验。

3.实现页面问题修复

针对客户端页面兼容样式问题，通过管理端配置，可以实现实时修复线上布局及样式适配问题。

4.更加友好的拖拉拽配置体验

尽可能降低配置人员的入门门槛，使业务人员可以轻松的实现楼层的设计和配置工作。

四、项目过程管理

需求调研：2022年6月；

需求设计：2022年7月；

开发阶段：2022年8月~2022年12月；

测试阶段：2023年1月~2023年2月；

项目上线：2022年2月24日。

五、运营情况

系统上线运行2个月以来，日访问量200W次，系统运行情况良好，极好的实现了设计需求。

六、项目成效

移动端动态化框架首先应用在中原银行手机银行首页的新楼层上，大幅减少了跨端研发成本，提升至少75%的开发效率，实现新样式的楼层短一个小时内的配置上线，为频道页规划展示提供有力的数据支撑，提高了产品运营效率，提升客户体验。后续我行还将继续把移动端动态化框架应用在其他频道页及内部产品功能页上，为App运营提供强有力支持。

七、经验总结

本项目建设过程中，有以下几点经验总结：首先之间的协作对于项目的成功至关重要，团队成员之间努力协调工作，才确保了整个项目的成功。其次经常评估项目进展情况，并及时调整。确保了团队在整个项目期间保持动力和追踪项目的发展。后，在整个开发过程中，测试和质量保证确保了产品功能是高质量的，并且是符合需求设计和用户期望的。以上几点将为移动端框架后续进一步推广应用提供经验参考及支撑。

本网站案例，除特殊标明来源的，版权归金科创新社所有，未经许可不得转载，否则将视为侵权，对于不遵守此声明或者其他违法使用本文内容者，本网站依法保留追究权。另，本网站部分案例、观点文章来源于网络素材，如有侵权，请邮件联系 fenglei@fintechinchina.com 处理！
特别提示: 本网站免费为广大金融企业提供IT选型咨询服务，详情点击【需求提交】。

推荐阅读

江西农信：“百福快贷”项目

网络信贷项目依托互联网技术，采用全流程“不落地”线上操作模式，以大数据应用为基础，实现贷款申请受理、审批、放款、回收和贷后管理全部在线完成，整个贷款审批流程无需人工参与，实现了系统几分钟内自动产生审批结果，真正意义上达到了可足不出户就可完成贷款申请和收到贷款的目标。

2018第二届农村中小金融机构科技创新优秀案例评选江西农信 2023-05-23

云南红塔银行：“香叶智农”——一站式烟农服务平台

云南红塔银行结合国家烟草专卖局《关于建设现代化烟草经济体系推动烟草行业高质量发展的实施意见》和云南省《云南省数字烟草农业发展总体规划》的相关要求，结合人民银行普惠金融的相关政策规定，配合南省烟草专卖局（公司）搭建了“香叶智农——一站式烟农服务平台”，结合烤烟生产全流程，在平台上为种植主体、第三方供应、服务商等提供多样化的场景金融服务，提供安全、便捷、高效的线上烟农支付结算服务，助力乡村振兴。

2022年度城市金融服务优秀案例评选云南红塔银行 2023-05-23

乌鲁木齐银行：个人消费贷款（雪莲E贷-精英贷）

该产品充分利用科技手段开展产品营销和服务，客户通过线上渠道申请贷款，客户经理通过移动办公线下补充资料，无需抵押、操作便捷，一经投产就获得了客户的热烈欢迎与认可，不仅提升了我行信贷业务办理效率，让更多的客户感受金融科技的力量，还促进了当地的经济发展。

2022年度城市金融服务优秀案例评选乌鲁木齐银行 2023-05-23

九江银行：授信审批工具及调查报告智能化系统

“授信审批工具及调查报告智能化系统”是我行围绕信贷业务“贷前调查、贷中审查、贷后检查”三阶段，提升贷款三查报告（贷前调查报告、风险审查报告、贷后检查报告）“撰写、审查、修订”过程的智能性、专业性、效率性设计开发的系统工具，是我行“授信业务全流程线上化”工程主力系统之一。该系统主要通过“报告模板创建、报告撰写、智慧审批、结构化数据搜集”四个功能模块，为信贷业务“营销尽调、审查审批、风险控制”人员提供业务支撑及决策管理服务。

2022年度城市金融服务优秀案例评选九江银行 2023-05-23

甘肃农信：金融机构基于微服务模式下互联网交易系统建设的实践研究

金融科技企业出现将应用系统迁移到微服务架构下的趋势，本课题基于中小金融机构面临的痛点问题，借鉴微服务架构理念进行探索与研究，以期为中小金融机构提供一条可行的微服务架构转型实践方案。

2018第二届农村中小金融机构科技创新优秀案例评选 2023-05-23

山东农信：信e贷项目

信e贷项目的建设目标是实现全自动的线上信贷业务，主要包括线上贷款申请、合同签订、贷款发放和贷款归还等功能。

2018第二届农村中小金融机构科技创新优秀案例评选山东农信 2023-05-23

选型库