本申请公开了一种前端页面开发方法、装置、设备以及存储介质，该前端页面开发方法包括：获取初始页面和参考页面；根据参考页面的页面信息，将获取到的模块在初始页面中进行排列，获取到的模块包括初始模块标签；将基于初始模块标签索引到的素材分别对应填充至排列后的模块，得到目标前端页面。上述方案，能够提升前端页面的开发效率。升前端页面的开发效率。升前端页面的开发效率。
【技术实现步骤摘要】
前端页面开发方法、装置、设备以及存储介质
[0001]本申请涉及互联网
，特别是涉及一种前端页面开发方法、装置、设备以及存储介质。
技术介绍
[0002]随着互联网技术的飞速发展，各大互联网公司需要对各自的互联网产品进行频繁更新以向用户提供更好的交互体验。
[0003]但各互联网产品的后端框架通常较少变动，主要是对于产品的前端页面进行更新，传统的更新方法是通过线下修改前端页面的代码来调整前端页面中模块的布局以及更新页面中显示的内容等，等待新版本页面验证通过后才能将新版本页面上线使用，其中，修改代码的工作又涉及许多重复内容。
[0004]因此，面对频繁的产品更新需求，传统的更新方法导致产品开发效率相当低下。
技术实现思路
[0005]本申请至少提供一种前端页面开发方法、装置、设备以及计算机可读存储介质。
[0006]本申请第一方面提供了一种前端页面开发方法，包括：获取初始页面和参考页面；根据所述参考页面的页面信息，将获取到的模块在所述初始页面中进行排列，所述获取到的模块包括初始模块标签；将基于所述初始模块标签索引到的素材分别对应填充至排列后的模块，得到目标前端页面。
[0007]在一实施例中，所述根据所述参考页面的页面信息，将获取到的模块在所述初始页面中进行排列的步骤，包括：对所述参考页面进行快照处理，得到所述页面信息；提取所述页面信息中的模块信息；根据所述模块信息将所述获取到的模块在所述初始页面中进行排列。
[0008]在一实施例中，在所述对所述参考页面进行快照处理，得到所述页面信息的步骤之后，所述方法包括：将所述页面信息输入预先训练好的特征识别网络，得到所述特征识别网络输出的参考模块信息，所述参考模块信息包括参考模块布局；根据所述参考模块布局将所述获取到的模块在所述初始页面中进行排列。
[0009]在一实施例中，所述参考模块信息包括参考模块标签，所述根据所述参考模块布局将所述获取到的模块在所述初始页面中进行排列的步骤，包括：根据所述参考模块标签从预设的模块库中进行模块筛选，得到所述获取到的模块，所述初始模块标签和所述参考模块标签匹配；根据所述参考模块布局将所述获取到的模块在所述初始页面中进行排列，得到初始模块布局，所述初始模块布局和所述参考模块布局匹配。
[0010]在一实施例中，所述将基于所述初始模块标签索引到的素材分别对应填充至排列后的模块，得到目标前端页面的步骤，包括：基于所述初始模块标签从预设的素材库中进行索引，得到所述素材；将所述素材分别对应填充至所述排列后的模块，得到填充模块；根据所述填充模块的模块特征对排列后的初始页面设置页面特征，得到所述目标前端页面。
[0011]在一实施例中，所述根据所述填充模块的模块特征对排列后的初始页面设置页面特征，得到所述目标前端页面的步骤，包括：对各填充模块中填充的素材进行特征提取，得到所述各填充模块的素材特征；基于所述素材特征分别确定所述各填充模块的模块特征；根据所述各填充模块的模块特征和所述各填充模块在所述排列后的初始页面中的权重占比确定所述页面特征；对所述排列后的初始页面设置所述页面特征，得到所述目标前端页面。
[0012]在一实施例中，在所述得到所述目标前端页面的步骤之后，所述方法还包括：根据获取到的处于登录状态的用户的用户数据，确定所述用户的用户特征；基于所述用户特征和所述页面特征的匹配结果，对所述目标前端页面进行筛选，得到推荐页面；响应于从所述用户接收到的跳转指令，将所述推荐页面推送至所述用户。
[0013]本申请第二方面提供了一种前端页面开发装置，包括：获取模块，用于获取初始页面和参考页面；排列模块，用于根据所述参考页面的页面信息，将获取到的模块在所述初始页面中进行排列，所述获取到的模块包括初始模块标签；填充模块，用于将基于所述初始模块标签索引到的素材分别对应填充至排列后的模块，得到目标前端页面。
[0014]本申请第三方面提供了一种电子设备，包括存储器和处理器，处理器用于执行存储器中存储的程序指令，以实现上述前端页面开发方法。
[0015]本申请第四方面提供了一种计算机可读存储介质，其上存储有程序指令，程序指令被处理器执行时实现上述前端页面开发方法。
[0016]上述方案，通过获取参考页面的页面信息对初始页面中的模块进行排列布局，根据排列后的模块的模块标签索引匹配的素材，将索引到的素材填充至排列后的模块中，由此能够完善初始页面的内容，得到目标前端页面，提升了前端页面的开发效率。
[0017]应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，而非限制本申请。
附图说明
[0018]此处的附图被并入说明书中并构成本说明书的一部分，这些附图示出了符合本申请的实施例，并与说明书一起用于说明本申请的技术方案。
[0019]图1是本申请的前端页面开发方法的一示例性实施例的流程示意图；
[0020]图2是图1示出的前端页面开发方法中步骤120的一示例性实施例的流程示意图；
[0021]图3是本申请实施例中提取页面信息中的模块信息的效果示意图；
[0022]图4是本申请实施例中对排列后的初始页面设置页面特征的效果示意图；
[0023]图5是本申请的一示例性实施例示出的前端页面开发装置的框图；
[0024]图6是本申请电子设备一实施例的结构示意图；
[0025]图7是本申请计算机可读存储介质一实施例的结构示意图。
具体实施方式
[0026]下面结合说明书附图，对本申请实施例的方案进行详细说明。
[0027]以下描述中，为了说明而不是为了限定，提出了诸如特定系统结构、接口、技术之类的具体细节，以便透彻理解本申请。
[0028]本文中术语“和/或”，仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。另外，本文中字符“/”，一般表示前后关联对象是一种“或”的关系。此外，本文中的“多”表示两个或者多于两个。另外，本文中术语“至少一种”表示多种中的任意一种或多种中的至少两种的任意组合，例如，包括A、B、C中的至少一种，可以表示包括从A、B和C构成的集合中选择的任意一个或多个元素。
[0029]需要前提说明的是，在本申请的具体实施方式中，涉及到的参考页面、页面信息以及用户数据等相关的数据，当本申请以上实施例运用到具体产品或技术中时，需要获得用户许可或者同意，且相关数据的收集、使用和处理需要遵守相关国家和地区的相关法律法规和标准。
[0030]为便于理解，现对本申请中所涉及到的一些技术进行前提说明，前端开发是创建WEB页面或APP等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。
[0031]前端开发从网页制作演变而来，名称上有很明显的时代特征。在互联网的演化进程中，网页制本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种前端页面开发方法，其特征在于，所述方法包括：获取初始页面和参考页面；根据所述参考页面的页面信息，将获取到的模块在所述初始页面中进行排列，所述获取到的模块包括初始模块标签；将基于所述初始模块标签索引到的素材分别对应填充至排列后的模块，得到目标前端页面。2.根据权利要求1所述的方法，其特征在于，所述根据所述参考页面的页面信息，将获取到的模块在所述初始页面中进行排列的步骤，包括：对所述参考页面进行快照处理，得到所述页面信息；提取所述页面信息中的模块信息；根据所述模块信息将所述获取到的模块在所述初始页面中进行排列。3.根据权利要求2所述的方法，其特征在于，在所述对所述参考页面进行快照处理，得到所述页面信息的步骤之后，所述方法包括：将所述页面信息输入预先训练好的特征识别网络，得到所述特征识别网络输出的参考模块信息，所述参考模块信息包括参考模块布局；根据所述参考模块布局将所述获取到的模块在所述初始页面中进行排列。4.根据权利要求3所述的方法，其特征在于，所述参考模块信息包括参考模块标签，所述根据所述参考模块布局将所述获取到的模块在所述初始页面中进行排列的步骤，包括：根据所述参考模块标签从预设的模块库中进行模块筛选，得到所述获取到的模块，所述初始模块标签和所述参考模块标签匹配；根据所述参考模块布局将所述获取到的模块在所述初始页面中进行排列，得到初始模块布局，所述初始模块布局和所述参考模块布局匹配。5.根据权利要求1所述的方法，其特征在于，所述将基于所述初始模块标签索引到的素材分别对应填充至排列后的模块，得到目标前端页面的步骤，包括：基于所述初始模块标签从预设的素材库中进行索引，得到所述素材；将所述素材分别...
【专利技术属性】
技术研发人员：刘听，
申请(专利权)人：平安银行股份有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。