一种模板生成方法、装置、电子设备及存储介质与流程

本申请涉及互联网技术领域，尤其涉及一种模板方法、装置、电子设备及存储介质。

背景技术：

随着互联网的发展，随着网络应用的丰富和发展，很多网站往往不能迅速跟进大量信息衍生及业务模式变革的脚步，常常需要花费许多时间、人力和物力来处理信息更新和维护工作。专业的内容管理系统cms应运而生，来有效解决用户网站建设与信息发布中常见的问题和需求。内容管理系统是一种位于web前端和后端办公系统或流程之间的软件系统。

但是在实现本发明过程中，发明人发现，即便是使用cms，对于开发人员来说，在生产新的模板、页面时，仍需要手动直接编写前端页面代码和复制并修改已写好的前端页面代码两种方式。而且，在采用上述两种方式进行页面开发的过程中，如果对于前端页面代码不是很熟悉，则无法进行快速开发。

技术实现要素：

为了解决上述技术问题或者至少部分地解决上述技术问题，本申请提供了一种模板方法、装置、电子设备及存储介质。

第一方面，本申请实施例提供了一种模板生成方法，所述方法包括：

获取模板样式及确定所述模板样对应的样式信息；

根据所述样式信息从组件库中匹配可用组件；

接收对所述可用组件的选择指令，将所述选择指令选定的目标组件作为目标组件；

根据所述模板样式及所述目标组件生成目标模板。

在一个可能的实施方式中，在获取模板样式及确定所述模板样对应的样式信息之前，所述方法还包括：

接收模板创建指令；

响应于所述模板创建指令，获取至少一个待配置模板的模板样式；

根据所述待配置模板的模板样式生成模板选择界面；

所述获取模板样式，包括：

接收作用于所述模板选择界面的选定操作；

根据所述选定操作确定所述模板样式。

在一个可能的实施方式中，所述方法还包括：

接收组件调整指令，所述组件调整指令包括：待调整目标组件的标识，以及所述待调整目标组件的起始位置和结束位置；

响应于所述组件调整指令，将所述待调整目标组件的位置由所述起始位置调整至所述结束位置。

在一个可能的实施方式中，所述方法还包括：

接收添加指令，所述添加指令用于获取预设接口组件，所述预设接口组件基于表达式语言封装生成；

响应于所述添加指令，将所述预设接口组件添加至所述目标模板。

在一个可能的实施方式中，所述方法还包括：

确定所述目标组件的属性信息；

根据所述属性信息获取对应的元素信息；

接收页面配置指令；

响应于所述页面配置指令，将所述元素信息对所述目标组件进行渲染，得到目标页面。

在一个可能的实施方式中，在所述接收页面配置指之前，所述方法还包括：

采集用户的特征信息；

接收组件配置指令，所述组件配置指令用于根据所述特征信息配置所述目标组件的不同展示形式；

根据所述目标组件的不同展示形式获得所述目标组件的个性化配置信息；

将所述目标组件的个性化配置信息与用户的标识码相关联。

在一个可能的实施方式中，所述方法还包括：

接收验证指令；

根据所述验证指令将所述目标页面发送至指定终端，所述指定终端用于对所述目标页面进行验证；

接收所述指定终端反馈的指示信息；

根据所述指示信息确定所述目标页面的上线结果。

第二方面，本申请提供了一种模板生成装置，包括：

获取模块，用于获取模板样式及确定所述模板样对应的样式信息；

匹配模块，用于根据所述样式信息从组件库中匹配可用组件；

接收模块，用于接收对所述可用组件的选择指令，将所述选择指令选定的目标组件作为目标组件；

生成模块，用于根据所述模板样式及所述目标组件生成目标模板。

第三方面，本申请提供了一种电子设备，包括：处理器、通信接口、存储器和通信总线，其中，处理器，通信接口，存储器通过通信总线完成相互间的通信；

所述存储器，用于存放计算机程序；

所述处理器，用于执行计算机程序时，实现上述方法步骤。

第四方面，本申请提供了一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现上述方法步骤。

本申请实施例提供的上述技术方案与现有技术相比具有如下优点：本申请根据预先设计的模板样式得到相应的组件，只需运营人员对组件进行选择，通过选择的组件生成模板，此过程无需编写代码，减少了运营人员的工作量。另外通过对组件的个性化设置，能够对不同类型的用户的特征以及及需求，向用户展示不同形式的组件，增强用户的体验。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本发明的实施例，并与说明书一起用于解释本发明的原理。

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1为本申请实施例提供的一种模板生成方法的流程图；

图2为本申请另一实施例提供的一种模板生成方法的流程图；

图3为本申请实施例提供的一种模板生成装置的框图；

图4为本申请实施例提供的一种电子设备的结构示意图。

具体实施方式

为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请的一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本申请保护的范围。

本申请提供了一种模板生成方法、装置、电子设备及存储介质，下面首先对本发明实施例所提供的一种模板生成方法进行介绍。本发明实施例所提供的方法可以应用于任意需要的电子设备，例如，可以为服务器、终端等电子设备，在此不做具体限定，为描述方便，后续简称为电子设备。

图1为本申请实施例提供的一种模板生成方法的流程图。如图1所示，该方法包括以下步骤：

步骤s11，获取模板样式及确定模板样式对应的样式信息；

步骤s12，根据样式信息从组件库中匹配可用组件；

步骤s13，接收对可用组件的选择指令，将选择指令选定的可用组件作为目标组件；

步骤s14，根据模板样式及目标组件生成目标模板。

本实施例中通过运营人员在系统上触发模板创建操作，触发模板创建操作可以是运营人员点击模板创建按钮，根据模板创建操作生成模板创建指令。响应于模板创建指令，得到至少一个待配置模板的模板样式，根据待配置模板的模板样式生成模板选择界面。

运营人员可以根据产品需求或者业务类型选择需要的模板样式，比如：可以通过输入待配置模板的类型得到相应的模板样式，或者直接点击候选模板样式进行选定，之后根据作用于模板选择界面的选定操作，确定模板样式，以及模板样式对应的样式信息，其中，样式信息包括模板层级以及字段信息，比如某一个字段是表示该模板样式中某个层级所支持的组件类型，如顶栏支持按钮类型，表单支持输入框类型等。

本实施例通过模板样式中的字段从组件库中匹配可用组件，根据可用组件生成可用组件区域，运营人员可以根据产品需求对从可用组件区域中选择可用组件，并将运营人员选定的可用组件作为目标组件，根据模板样式及目标组件生成目标模板。本实施例中组件库是预先开发的，组件库中的组件可以对任意层级的模板进行配置，例如包括：跳转组件等特色组件。

在得到目标模板后，运营人员还可以对目标组件做进一步的相关调整以满足业务需求，相关调整可以是添加新目标组件、调整目标组件的位置等。

需要对目标模板中添加新目标组件时，可以检测作用于可用组件区域的第一预设操作，当第一预设操作的第一执行时间大于或等于第一阈值时，将所述第一预设操作所选中的可用组件作为待添加组件，其中第一预设操作包括但不限于以下之一：长按，选中或拉取。之后确定所述待添加目标组件在目标模板中对应的层级，响应于组件添加按指令，将待添加目标组件添加至对应的层级中。

或者，当运营人员还可以对任意层级中组件的位置进行调整时，接收组件调整指令，组件调整指令包括：待调整目标组件的标识，以及待调整目标组件的起始位置和结束位置，响应于组件调整指令，将待调整目标组件的位置由起始位置调整至结束位置。可选的，可以通过拖拽的方式进行位置调整，例如上述的起始和结束位置即为拖拽的起始和结束位置。

或者，需要移除目标模板中的某一个组件时，可以检测作用于目标组件的第二预设操作，当第二预设操作的第二执行时间大于或等于第二预设阈值时，将所述第二预设操作所选中的目标组件作为待移除的目标组件，并在待移除组件上显示移除选项，其中第二预设操作包括但不限于以下之一：长按，选中或拉取。接收作用于移除选项的点击操作以生成组件移除指令，响应于组件移除指令，将待移除目标组件从当前所在层级中移除。

本实施例中，为了解决运营人员编写表达式语言(el表达式)的困难，将el表达式封装成预设接口组件，当接收到运营人员的添加指令时，获取预设接口组件，并将所述预设接口组件添加至所述目标模板。

当按照样式信息布局完目标组件后，接收运营人员触发的配置完成指令，根据配置完成指令根据模板样式及目标组件生成目标模板。本实施例提供的模板生成方法，在需要生成新的模板时，可以预先设计的模板样式得到相应的组件，不需要编写代大量的代码，而是以选取组件来生成模板的方式，减轻了工作人员的工作量。

图2为本申请另一实施例提供的一种模板生成方法的流程图，如图2所示，该方法还包括以下步骤：

步骤s21，确定目标组件的属性信息；

步骤s22，根据属性信息获取对应的元素信息；

步骤s23，接收页面配置指令；

步骤s24，响应于页面配置指令，将元素信息对所述目标组件进行渲染，得到目标页面。

本实施例中的提供的组件可以支持运营文案，云存储图片等配置，直接确定目标模板中各个目标组件的属性信息，通过属性信息决定目标组件在前端的显示内容，例如：标题，视图，动画以及商品信息等。之后从内容管理系统中调用与显示内容相对应的元素信息，比如：电商网站中显示栏组件，显示栏组件的属性信息用于显示商品图片以及商品信息，运营人员可以根据该属性信息从内容管理系统中获取对应的元素信息，元素信息可以是商品图片以及该商品的商品信息。

为了实现页面的个性化，本实施例还可以通过采集用户的特征信息，用户的特征信息可以是年龄段，性别，职业以及兴趣爱好等，根据运营人员点击组件配置选项生成组件配置指令，根据组件配置指令将采集到的特征信息配置目标组件的不同展示形式，比如组件的形状，风格或颜色等，根据目标组件的不同展示形式获得目标组件的个性化配置信息，将所述目标组件的个性化配置信息与用户的标识码相关联。当不同的用户使用时，可以根据用户的标识码向用户推送相应的展示形式。

对目标组件渲染之前，将目标组件的个性化配置信息与目标组件的默认配置信息进行合并，之后根据运营人员触发页面配置选项生成页面配置指令，根据页面配置指令将元素信息对目标组件进行渲染得到目标页面。

生成目标页面后，还需要进一步的对目标页面进行验证，此时运营人员可以触发验证操作，比如点击验证选项，根据验证操作生成验证指令，验证指令将所述目标页面发送至指定终端，指定终端用于对目标页面进行验证，接收所述指定终端反馈的指示信息，根据所述指示信息确定所述目标页面的上线结果。

本实施例提供的模板生成方法应用于页面搭建系统，页面搭建系统中有至少一个待配置模板，运营人员可以从中选择与其负责的业务类型对应的模板样式，页面搭建系统会根据选中的模板样式匹配相应的可用组件，以使运营人员根据可用组件对模板样式进行配置，从而生成所需要的模板，之后对模板配置相应的元素，并通过元素对组件进行渲染生成页面。

图3为本申请实施例提供的一种模板生成装置的框图，该装置可以通过软件、硬件或者两者的结合实现成为电子设备的部分或者全部。如图3所示，该装置包括：

获取模块301，用于获取模板样式及确定模板样对应的样式信息；

匹配模块302，用于根据样式信息从组件库中匹配可用组件；

接收模块303，用于接收对可用组件的选择指令，将选择指令选定的目标组件作为目标组件；

生成模块304，用于根据模板样式及目标组件生成目标模板。

本申请实施例还提供一种电子设备，如图4所示，电子设备可以包括：处理器1501、通信接口1502、存储器1503和通信总线1504，其中，处理器1501，通信接口1502，存储器1503通过通信总线1504完成相互间的通信。

存储器1503，用于存放计算机程序；

处理器1501，用于执行存储器1503上所存放的计算机程序时，实现以上步骤。

上述电子设备提到的通信总线可以是外设部件互连标准(peripheralcomponentinterconnect，pci)总线或扩展工业标准结构(extendedindustrystandardarchitecture，eisa)总线等。该通信总线可以分为地址总线、数据总线、控制总线等。为便于表示，图中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。

通信接口用于上述电子设备与其他设备之间的通信。

存储器可以包括随机存取存储器(randomaccessmemory，ram)，也可以包括非易失性存储器(non-volatilememory，nvm)，例如至少一个磁盘存储器。可选的，存储器还可以是至少一个位于远离前述处理器的存储装置。

上述的处理器可以是通用处理器，包括中央处理器(centralprocessingunit，cpu)、网络处理器(networkprocessor，np)等；还可以是数字信号处理器(digitalsignalprocessing，dsp)、专用集成电路(applicationspecificintegratedcircuit，asic)、现场可编程门阵列(field-programmablegatearray，fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。

本申请还提供一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现以下步骤：

获取模板样式及确定模板样对应的样式信息；

根据样式信息从组件库中匹配可用组件；

接收对可用组件的选择指令，将选择指令选定的目标组件作为目标组件；

根据模板样式及目标组件生成目标模板。

可选的，该计算机程序被处理器执行时还实现以下步骤：

在获取模板样式及确定模板样对应的样式信息之前，方法还包括：

接收模板创建指令；

响应于所述模板创建指令，获取至少一个待配置模板的模板样式；

根据待配置模板的模板样式生成模板选择界面；

获取模板样式，包括：

接收作用于模板选择界面的选定操作；

根据选定操作确定所述模板样式。

可选的，该计算机程序被处理器执行时还实现以下步骤：

接收组件调整指令，组件调整指令包括：待调整目标组件的标识，以及待调整目标组件的起始位置和结束位置；

响应于所述组件调整指令，将待调整目标组件的位置由起始位置调整至结束位置。

可选的，该计算机程序被处理器执行时还实现以下步骤：

接收添加指令，添加指令用于获取预设接口组件，预设接口组件基于表达式语言封装生成；

响应于添加指令，将预设接口组件添加至目标模板。

可选的，该计算机程序被处理器执行时还实现以下步骤：

确定目标组件的属性信息；

根据属性信息获取对应的元素信息；

接收页面配置指令；

响应于所述页面配置指令，将元素信息对所述目标组件进行渲染，得到目标页面。

可选的，该计算机程序被处理器执行时还实现以下步骤：

在接收页面配置指之前，该方法还包括：

采集用户的特征信息；

接收组件配置指令，组件配置指令用于根据特征信息配置目标组件的不同展示形式；

根据目标组件的不同展示形式获得目标组件的个性化配置信息；

将目标组件的个性化配置信息与用户的标识码相关联。

可选的，该计算机程序被处理器执行时还实现以下步骤：

接收验证指令；

根据验证指令将所述目标页面发送至指定终端，指定终端用于对目标页面进行验证；

接收指定终端反馈的指示信息；

根据指示信息确定目标页面的上线结果。

需要说明的是，对于上述装置、电子设备及计算机可读存储介质实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

进一步需要说明的是，在本文中，诸如“第一”和“第二”等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

以上所述仅是本发明的具体实施方式，使本领域技术人员能够理解或实现本发明。对这些实施例的多种修改对本领域的技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本发明的精神或范围的情况下，在其它实施例中实现。因此，本发明将不会被限制于本文所示的这些实施例，而是要符合与本文所申请的原理和新颖特点相一致的最宽的范围。