银行APP前端页面生成方法、装置、系统及存储介质制造方法及图纸

本发明专利技术提供了一种银行APP前端页面生成方法、装置、系统及存储介质，涉及金融科技和银行APP前端生成技术领域。所述银行APP前端页面生成方法包括：获取目标银行网页的图像数据并存入消息队列系统中；对图像数据进行识别并通过第一素材数据库匹配到网页布局模板和组件模板；对布局模板和组件模板进行组装构建得到银行前端页面。本发明专利技术通过利用AI智能识别、计算和组装绘制，实现银行APP前端开发智能化和自动化，可以快速识别出银行APP的网页图像中网页布局和网页样式，自动生成前端代码，完成银行APP前端页面的绘制功能，极大提升了银行APP前端页面开发智能化，提升了前端开发人员的开发效率，降低了人力资源成本。降低了人力资源成本。降低了人力资源成本。

【技术实现步骤摘要】
银行APP前端页面生成方法、装置、系统及存储介质


[0001]本专利技术涉及金融科技和银行APP前端生成
，更具体地说，涉及一种银行APP前端页面生成方法、装置、系统及存储介质。

技术介绍

[0002]前端APP网页开发指的是使用Web技术(HTML、CSS和JavaScript等)设计和开发金融机构中银行APP和应用程序的过程。APP前端页面开发涉及到构建用户界面、实现交互功能和优化网站性能等方面。
[0003]金融科技领域的H5前端开发相比于传统前端网页开发，更加强调适用于移动设备和桌面端的网站和应用程序的开发，符合金融相关产品的数据获取、金融产品的展示宣传和对数据的操作处理，涉及到响应式设计、移动端优化、离线缓存等方面的技术。
[0004]目前，H5前端开发，主要包括基于HTML5、CSS3和JavaScript等技术，开发适用于移动设备和桌面端的网站和应用程序的过程。这种开发方式具有跨平台、可扩展性强、交互体验好等优点，被广泛应用于现代web前端开发中。H5前端开发需要了解HTML、CSS、JavaScript等相本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种银行APP前端页面生成方法，其特征在于，包括：获取目标银行网页的图像数据，并将所述图像数据存入消息队列系统中；对所述消息队列系统中的所述图像数据进行识别，并通过第一素材数据库匹配到与所述图像数据对应的网页布局模板和组件模板；所述组件模板包括理财产品组件模板、贷款产品组件模板、基金产品组件模板、保险产品组件模板、账户组件模板和交易组件模板；通过对所述布局模板和所述组件模板进行组装，构建得到银行前端页面。2.如权利要求1所述银行APP前端页面生成方法，其特征在于，所述获取目标银行网页的图像数据，并将所述图像数据存入消息队列系统中，包括：通过服务端接收所述目标银行网页的所述图像数据；利用数据采集工具将所述图像数据采集到所述消息队列系统中。3.如权利要求1所述银行APP前端页面生成方法，其特征在于，所述对所述消息队列系统中的所述图像数据进行识别，并通过第一素材数据库匹配到与所述图像数据对应的网页布局模板和组件模板，包括：对所述消息队列系统中的所述图像数据进行识别，获得图像布局信息，以及根据所述图像数据分割后的多个单元区域数据；基于第一素材数据库对所述图像布局信息和所述单元区域数据进行匹配，获得对应的网页布局模板和组件模板。4.如权利要求3所述银行APP前端页面生成方法，其特征在于，所述对所述消息队列系统中的所述图像数据进行识别，获得图像布局信息，以及根据所述图像数据分割后的多个单元区域数据，包括：利用OpenCV组件，对所述图像数据进行识别，获得所述图像数据整体布局的所述图像布局信息；以及，对所述图像数据根据区域分割，或得到每个区域对应的单元区域数据；确定每个所述单元区域数据对应的单元类型；所述单元类型包括理财产品类、贷款产品类、基金产品类、保险产品类、账户类和交易类。5.如权利要求4所述银行APP前端页面生成方法，其特征在于，所述基于第一素材数据库对所述图像布局信息和所述单元区域数据进行匹配，获得对应的网页布局模板和组件模板，包括：利用实时计算引擎调用所述第一素材数据库；将所述图像布局信息与所述第一素材数据库中的布局模板进行比对；判断比对重合率最高的所述布局模板的所述比对重合率是否达到第一预设重合率阈值；若所述比对重合率达到所述第一预设重合率阈值，则将比对重合率最高的所述布局模板，作为所述网页布局模板；以及，将每个所述单元区域数据与所述第一素材数据库中的基于所述单元类型的组件图像模板进行比对；判断比对重合率最高的组件图...

【专利技术属性】
技术研发人员：李帅，
申请(专利权)人：平安银行股份有限公司，
类型：发明
国别省市：