相似卡片间可变子组件的转换控制方法及其相关设备技术

本申请实施例属于金融科技技术领域，应用于金融APP页面控制领域中，涉及一种相似卡片间可变子组件的转换控制方法及其相关设备，包括获取相似卡片；根据相似卡片建立公用展示样式库和异形展示样式库；构建目标展示卡片的最终展示样式；解析出组合最终展示样式的基础组件；从预设的数据中间件中获取所述基础组件对应的展示属性值，并将所述展示属性值填充到所述最终展示样式内，完成所述目标展示卡片的转换控制。本申请通过精细化的控制到相似卡片间的任意一个基础组件，而改变相似卡片间的转换控制，复用能力极大加强，一定程度上减少开发任务量，提高开发效率。提高开发效率。提高开发效率。

【技术实现步骤摘要】
相似卡片间可变子组件的转换控制方法及其相关设备


[0001]本申请涉及金融科技及金融APP页面控制
，尤其涉及一种相似卡片间可变子组件的转换控制方法及其相关设备。

技术介绍

[0002]随着业务场景新增，需要开发的APP的页面也越来越多，经常存在一个或者多个APP的页面中，相应展示位置的卡片为类似或者相似卡片，如果对于这类卡片再使用从头开发的形式进行开发，往往会增加代码量和开发任务量，极大的浪费开发时间。
[0003]以金融科技业务中的好车主和好生活APP为例，好车主和好生活APP中存在多个相似卡片在同一个APP之间进行页面构成使用，也存在多个相似卡片在这两个APP之间进行页面构成使用，如何才能解决对于这类卡片再使用从头开发的形式进行开发，会增加代码量和开发任务量，极大的浪费开发时间的问题，成为了前端项目开发组里一种亟需解决的问题。

技术实现思路

[0004]本申请实施例的目的在于提出一种相似卡片间可变子组件的转换控制方法及其相关设备，以便于通过精细化的控制到相似卡片间的任意一个基础组件，而改变相似卡片间的转换控制，复用能力极大加强，提高开发效率。
[0005]为了解决上述技术问题，本申请实施例提供一种相似卡片间可变子组件的转换控制方法，采用了如下所述的技术方案：
[0006]一种相似卡片间可变子组件的转换控制方法，包括下述步骤：
[0007]根据卡片获取指令，获取前端U I设计的若干张相似卡片；
[0008]对所述若干张相似卡片进行对比，识别出所述若干张相似卡片之间不相同的展示样式和所述若干张相似卡片之间相同的展示样式；
[0009]基于所述若干张相似卡片之间相同的展示样式建立公用展示样式库；
[0010]基于所述若干张相似卡片之间不相同的展示样式分别建立各个卡片对应的异形展示样式库；
[0011]当获取到所述若干张相似卡片间的转换指令后，根据目标展示卡片的区别标识，从所述公用展示样式库中获取所述公用展示样式和从所述异形展示样式库中获取所述目标展示卡片对应的异形展示样式，构建所述目标展示卡片的最终展示样式；
[0012]根据所述最终展示样式进行组成组件解析，解析出组合所述最终展示样式的基础组件；
[0013]从预设的数据中间件中获取所述基础组件对应的展示属性值，并将所述展示属性值填充到所述最终展示样式内，完成所述目标展示卡片的转换控制。
[0014]进一步的，所述对所述若干张相似卡片进行对比，识别出所述若干张相似卡片之间不相同的展示样式和所述若干张相似卡片之间相同的展示样式的步骤，具体包括：
[0015]步骤A:预先对所述若干张相似卡片设置区别编号，构建区别编号序列；
[0016]步骤B:从所述区别编号序列中任意选择n个不相同的区别编号，并根据所述n个不相同的区别编号获取n张相似卡片，其中，n为大于1的正整数，且n小于所述区别编号序列的最大序列值；
[0017]步骤C:使用图片识别的方式，对所述n张相似卡片进行对比识别，筛选出所述n张相似卡片间具有的相同展示样式和所述n张相似卡片分别具有的不相同的展示样式；
[0018]步骤D:从剩余的区别编号序列中任意选择一个区别编号，并获取所述区别编号对应的卡片，作为增补卡片；
[0019]步骤E:使用图片识别的方式，将所述n张相似卡片间具有的相同展示样式和所述增补卡片作为识别源，筛选出所述增补卡片与所述n张相似卡片间具有的相同展示样式，和所述增补卡片具有的不相同的展示样式；
[0020]步骤F：重复执行步骤D和步骤E，直到剩余的区别编号序列中元素为空值，终止执行，获取筛选出的相同展示样式和各个卡片具有的不同的展示样式，即所述若干张相似卡片之间相同的展示样式和所述若干张相似卡片之间不相同的展示样式。
[0021]进一步的，在执行所述从所述区别编号序列中任意选择n个不相同的区别编号的步骤之后，所述方法还包括：
[0022]从所述区别编号序列中删除掉所述n个不相同的区别编号，将剩余的区别编号作为最新的区别编号序列。
[0023]进一步的，在执行所述从剩余的区别编号序列中任意选择一个区别编号的步骤之后，所述方法还包括：
[0024]从所述剩余的区别编号序列中删除掉选择的所述区别编号，将剩余的区别编号作为最新的区别编号序列。
[0025]进一步的，所述基于所述若干张相似卡片之间不相同的展示样式分别建立各个卡片对应的异形展示样式库的步骤，具体包括：
[0026]获取所述若干张相似卡片中每个卡片分别对应的所述不相同的展示样式；
[0027]根据所述不相同的展示样式一一为对应的卡片设置布局性基础组件、图片性基础组件和文字性基础组件；
[0028]将所述布局性基础组件、图片性基础组件和文字性基础组件中的组件值都设为空值，完成所述若干张相似卡片中每个卡片的异形展示样式库构建。
[0029]进一步的，所述根据所述最终展示样式进行组成组件解析，解析出组合所述最终展示样式的基础组件的步骤，具体包括：
[0030]从所述异形展示样式库中获取目标展示卡片对应的布局性基础组件、图片性基础组件和文字性基础组件的组件名称；
[0031]从所述公用展示样式库中获取布局性基础组件、图片性基础组件和文字性基础组件的组件名称；
[0032]获取的所有组件名称，即所述目标展示卡片对应的最终展示样式的基础组件。
[0033]进一步的，在所述从预设的数据中间件中获取所述基础组件对应的展示属性值的步骤之前，所述方法还包括：
[0034]根据所述目标展示卡片对应的展示目标端的前端框架，判断是否需要对所述目标
展示卡片对应的最终展示样式的基础组件进行组件名称更新，其中，所述组件名称会因为所述展示目标端的前端框架不同而存在不同；
[0035]若不需要对所述目标展示卡片对应的最终展示样式的基础组件进行组件名称更新，则直接根据所述组件名称从预设的数据中间件中获取所述组件名称对应的展示属性值，其中，所述数据中间件中包含了所述展示目标端所使用的前端框架中所有的属性名称对应的展示属性值；
[0036]若需要对所述目标展示卡片对应的最终展示样式的基础组件进行组件名称更新，则先从所述展示目标端适配的样式中间件中获取所述基础组件对应的组件名称进行更新，直到更新完成，获取到与所述展示目标端相适配的属性名称，根据所述组件名称从预设的数据中间件中获取所述组件名称对应的展示属性值，其中，所述样式中间件中包含所述展示目标端所使用的前端框架中所有的属性名称。
[0037]为了解决上述技术问题，本申请实施例还提供一种相似卡片间可变子组件的转换控制装置，采用了如下所述的技术方案：
[0038]一种相似卡片间可变子组件的转换控制装置，包括：
[0039]相似卡片获取模块，用于根据卡片获取指令，获取前端U I设计的若干张相似卡片；
[0040]卡片对比模块，用于对所述若干张相似卡本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种相似卡片间可变子组件的转换控制方法，其特征在于，包括下述步骤：根据卡片获取指令，获取前端UI设计的若干张相似卡片；对所述若干张相似卡片进行对比，识别出所述若干张相似卡片之间不相同的展示样式和所述若干张相似卡片之间相同的展示样式；基于所述若干张相似卡片之间相同的展示样式建立公用展示样式库；基于所述若干张相似卡片之间不相同的展示样式分别建立各个卡片对应的异形展示样式库；当获取到所述若干张相似卡片间的转换指令后，根据目标展示卡片的区别标识，从所述公用展示样式库中获取所述公用展示样式和从所述异形展示样式库中获取所述目标展示卡片对应的异形展示样式，构建所述目标展示卡片的最终展示样式；根据所述最终展示样式进行组成组件解析，解析出组合所述最终展示样式的基础组件；从预设的数据中间件中获取所述基础组件对应的展示属性值，并将所述展示属性值填充到所述最终展示样式内，完成所述目标展示卡片的转换控制。2.根据权利要求1所述的相似卡片间可变子组件的转换控制方法，其特征在于，所述对所述若干张相似卡片进行对比，识别出所述若干张相似卡片之间不相同的展示样式和所述若干张相似卡片之间相同的展示样式的步骤，具体包括：步骤A:预先对所述若干张相似卡片设置区别编号，构建区别编号序列；步骤B:从所述区别编号序列中任意选择n个不相同的区别编号，并根据所述n个不相同的区别编号获取n张相似卡片，其中，n为大于1的正整数，且n小于所述区别编号序列的最大序列值；步骤C:使用图片识别的方式，对所述n张相似卡片进行对比识别，筛选出所述n张相似卡片间具有的相同展示样式和所述n张相似卡片分别具有的不相同的展示样式；步骤D:从剩余的区别编号序列中任意选择一个区别编号，并获取所述区别编号对应的卡片，作为增补卡片；步骤E:使用图片识别的方式，将所述n张相似卡片间具有的相同展示样式和所述增补卡片作为识别源，筛选出所述增补卡片与所述n张相似卡片间具有的相同展示样式，和所述增补卡片具有的不相同的展示样式；步骤F：重复执行步骤D和步骤E，直到剩余的区别编号序列中元素为空值，终止执行，获取筛选出的相同展示样式和各个卡片具有的不同的展示样式，即所述若干张相似卡片之间相同的展示样式和所述若干张相似卡片之间不相同的展示样式。3.根据权利要求2所述的相似卡片间可变子组件的转换控制方法，其特征在于，在执行所述从所述区别编号序列中任意选择n个不相同的区别编号的步骤之后，所述方法还包括：从所述区别编号序列中删除掉所述n个不相同的区别编号，将剩余的区别编号作为最新的区别编号序列。4.根据权利要求2所述的相似卡片间可变子组件的转换控制方法，其特征在于，在执行所述从剩余的区别编号序列中任意选择一个区别编号的步骤之后，所述方法还包括：从所述剩余的区别编号序列中删除掉选择的所述区别编号，将剩余的区别编号作为最新的区别编号序列。
5.根据权利要求1所述的相似卡片间可变子组件的转换控制方法，其特征在于，所述基于所述若干张相似卡片之间不相同的展示样式分别建立各个卡片对应的异形展示样式库的步骤，具体包括：获取所述若干张相似卡片中每个卡片分别对应的所述不相同的展示样式；根据所述不相同的展示样式一一为对应的卡片设置布局性基础组件、图片性基础组件和文字性基础组件；将所述布局性基础组件、图片性基础组件和文字性基础组件中的组件...

【专利技术属性】
技术研发人员：彭志明，
申请(专利权)人：中国平安财产保险股份有限公司，
类型：发明
国别省市：