CN110647352B - 一种数据移植的方法、终端及存储介质 - Google Patents

Abstract

本申请实施例公开了一种数据移植的方法、终端及存储介质，用于软件领域。该方法包括：终端接收数据移植请求，该数据移植请求包括待移植卡片的信息；该终端根据所述待移植卡片的信息获取第一卡片，该第一卡片包括第一页面上的数据内容；该终端通过所述第一卡片将所述第一页面上的数据内容移植到第二页面。

Description

一种数据移植的方法、终端及存储介质

技术领域

本申请实施例涉及软件领域，尤其涉及一种数据移植的方法、终端及存储介质。

背景技术

业务在开发单据时经常会用到图表及各种数字图形等相关内容，一般在自己的开发页面编写直译式脚本语言(JS，javascript)进行开发。

在我们通过编写JS进行开发的时候，往往会需要大量时间去熟悉需要修改的属性名称以及花费大量精力去编写代码，但是第一页面编写之后的第一页面上的数据内容无法复制到第二页面，第一页面上的数据内容没有移植性，要想在别的页面展示第一页面上的数据内容，往往需要再次开发。

当用户想要在第二页面展示同样的相关内容时，第一页面编写之后的第一页面上的数据内容无法复制到第二页面，第一页面上的数据内容没有移植性，用户需要在第二页面再次开发，开发效率低。

发明内容

本申请实施例提供了一种数据移植的方法，能够提升开发效率。

本申请实施例第一方面提供了一种数据移植的方法，包括：

终端接收数据移植请求，该数据移植请求包括待移植卡片的信息；

该终端根据该待移植卡片的信息获取第一卡片，该第一卡片包括第一页面上的数据内容；

该终端通过该第一卡片将该第一页面上的数据内容移植到第二页面。

可选的，该终端根据该待移植卡片的信息获取第一卡片前，还包括：

该终端获取该第一页面上的数据内容；

该终端根据该第一页面上的数据内容生成该第一卡片；

该终端将该第一卡片保存至第一卡片库。

可选的，该第一卡片包括属性编辑器、数据编辑器以及动态展示界面，该动态展示界面用于展示卡片的编辑效果。

可选的，该终端根据所述第一页面上的数据内容生成所述第一卡片包括：

该终端根据第一页面上的数据内容生成初始卡片；

该终端接收卡片扩展指令，该扩展指令用于指示对所述初始卡片执行编辑、删除或复制的操作；

该终端根据所述卡片扩展指令对该初始卡片执行相应的操作，以生成该第一卡片。

可选的，其特征在于，该终端通过所述第一卡片将该第一页面上的数据内容移植到第二页面包括：

该终端生成单卡片页面；

该终端将该单卡片页面与该第一卡片结合生成结合页面；

该终端将所述结合页面嵌入至第二页面。

可选的，该终端将该单卡片页面与该第一卡片结合生成结合页面包括：

该终端根据该第一卡片的身份证标识号(ID，identity document)获取该卡片的前端属性及后台接口；

该终端根据该前端属性渲染该单卡片页面，生成该结合页面的界面模板；

该终端根据该后台接口修改该单卡片页面，生成该结合页面的界面数据；

该终端根据该界面模板和该界面数据生成该结合页面。

可选的，其特征在于，该终端通过该第一卡片将该第一页面上的数据内容移植到第二页面包括：

该终端接收控件引入指令；

该终端根据该控件引入指令将面板控件引入第二页面，该面板控件包括第一卡片。

可选的，该终端根据该引入指令将面板控件引入第二页面后，还包括：

该终端接收卡片编辑指令；

该终端根据该卡片编辑指令编辑该第一卡片生成第二卡片；

该终端将该第二卡片保存至第二卡片库中。

本申请实施例第二方面提供了一种终端，包括：

接收单元，用于接收数据移植请求，该数据移植请求包括待移植卡片的信息；

获取单元，用于根据该待移植卡片的信息获取第一卡片，该第一卡片包括第一页面上的数据内容；

移植单元，用于通过该第一卡片将该第一页面上的数据内容移植到第二页面。

可选的，该获取单元根据该待移植卡片的信息获取第一卡片前，该获取单元还用于获取所述第一页面上的数据内容；

生成单元，用于根据该第一页面上的数据内容生成该第一卡片；

保存单元，用于将该第一卡片保存至第一卡片库。

可选的，第一卡片包括属性编辑器、数据编辑器以及动态展示界面，动态展示界面用于展示卡片的编辑效果。

可选的，该生成单元具体用于根据第一页面上的数据内容生成初始卡片；

接收单元，具体用于接收卡片扩展指令，该扩展指令用于指示对所述初始卡片执行编辑、删除或复制的操作；

生成单元，具体用于根据该卡片扩展指令对该初始卡片执行相应的操作，以生成该第一卡片。

可选的，该生成单元具体用于生成单卡片页面；

生成单元，用于将所述单卡片页面与该第一卡片结合生成结合页面；

移植单元，还用于将该结合页面嵌入至第二页面。

可选的，该获取单元具体用于根据所述第一卡片的ID获取该卡片的前端属性及后台接口；

生成单元，具体用于根据该前端属性渲染所述单卡片页面，生成该结合页面的界面模板；

生成单元，具体用于根据该后台接口修改所述单卡片页面，生成该结合页面的界面数据；

生成单元，具体用于根据该界面模板和该界面数据生成该结合页面。

可选的，所述接收单元还用于接收控件引入指令；

引入单元，用于根据该控件引入指令将面板控件引入第二页面，该面板控件包括第一卡片。

可选的，该接收单元还用于接收卡片编辑指令；

生成单元，还用于根据该卡片编辑指令编辑该第一卡片生成第二卡片；

保存单元，还用于将该第二卡片保存至第二卡片库中。

本申请实施例第三方面提供了一种终端，该终端执行前述第一方面的方法。

本申请实施例第四方面提供了一种计算机存储介质，该计算机存储介质中存储有指令，该指令在计算机上执行时，使得计算机执行前述第一方面的方法。

本申请实施例第五方面提供了一种计算机软件产品，该计算机程序产品在计算机上执行时，使得计算机执行前述第一方面的方法。

从以上技术方案可以看出，本申请实施例具有以下优点：

本申请实施例提供了一种主要提供一种数据移植的方法，终端接收数据移植请求，数据移植请求包括待移植卡片的信息，终端根据待移植卡片的信息获取第一卡片，第一卡片可以在不同的页面之间移植，具有移植性，终端通过所述第一卡片将所述第一页面上的数据内容移植到第二页面，用户不需要在第二页面再次开发，提升开发效率。

附图说明

图1为本申请实施例中数据移植方法一个流程示意图；

图2为本申请实施例中数据移植方法另一流程示意图；

图3为本申请实施例中数据编辑器的一结构示意图；

图4为本申请实施例中动态展示界面的一结构示意图；

图5为本申请实施例中数据移植方法另一结构示意图；

图6为本申请实施例中数据移植方法另一结构示意图；

图7为本申请实施例中数据移植方法另一结构示意图；

图8为本申请实施例中数据移植方法另一流程示意图；

图9为本申请实施例中数据移植方法另一结构示意图；

图10是本申请实施例提供的一种终端结构示意图；

图11是本申请实施例提供的一种终端结构示意图。

具体实施方式

本申请实施例提供了一种数据移植的方法，能够提升开发效率。

请参阅图1，本申请实施例中数据移植的方法一个实施例包括：

1001、终端接收数据移植请求。

当用户编辑一个网页需要用到另外一个网页上的数据时，将用户编辑的网页称为第二页面，被需要用到数据的网页称为第一页面。第一页面所属终端向第二页面所属终端发送数据移植请求，第一页面所属终端与第二页面所属终端可以是同一终端，第二页面所属终端接收该数据移植请求，该数据移植请求包括待移植卡片的信息。

1002、终端根据该待移植卡片的信息获取第一卡片。

终端在接收到数据移植请求之后，终端可以根据该待移植卡片的信息来确定第二页面所属终端所需要的卡片，卡片、待移植卡片、初始卡片以及第一卡片是某种具有宽高的块级元素。

1003、终端通过该第一卡片将该第一页面上的数据内容移植到第二页面；

终端将该第一卡片以某种方式引入至第二页面中，在第二页面中可以展示该第一卡片中的内容，该第一卡片中包括第一页面上的数据内容，则该第二页面可以展示展示第一页面上的数据内容。

下面对本申请实施例中的数据处理方法进行详细描述，本申请实施例中，终端通过该第一卡片将该第一页面上的数据内容移植到第二页面，从移植方式来看，可以分为以下几种情况，下面分别进行描述：

一、终端通过该第一卡片将该第一页面上的数据内容以页面移植的方式移植到第二页面。

终端将该第一卡片移植到该第二页面时，终端生成单卡片页面，该第一卡片与该单卡片页面结合生成结合页面，终端将该结合页面嵌入到该第二页面，具体请参阅图2，本申请实施例中数据移植方法另一实施例包括：

2001、终端接收数据移植请求。

终端接收该数据移植请求，该数据移植请求包括待移植卡片的信息，该移植卡片的信息可以为卡片的ID，卡片的标识，可以理解的是，该移植卡片的信息还可以是其他类型的与卡片相关的参数，具体此处不做限定。

2002、终端获取所述第一页面上的数据内容。

终端在该第一页面上的数据内容的配置文件中获取该数据内容，配置文件中的内容以某种格式固定储存，例如XML格式，可以理解的是，除可扩展标记语言(XML，extensiblemarkup language)外还可以是JSON等其他种类的储存格式，具体此处不做限定。该数据内容可以以某种格式固定存储，例如直译式脚本语言对象简谱(JSON，javaScript objectnotation)的格式，可以理解的是，除JSON外还可以是XML等其他种类的储存格式，具体此处不做限定。配置文件的保存形式的属性层级结构与数据内容的保存形式的属性层级结构保持一致。

可以理解的是，该数据内容可以是图表数据内容，可以是图形数据内容，还可以是其他类型的数据内容，具体此处不做限定。

2003、终端根据第一页面上的数据内容生成初始卡片。

第一页面上的数据内容存储形式为某种格式的字符串，例如JSON格式，还可以是其他格式，具体此处不做限定。该字符串所表示的信息里面包括了第一卡片的ID，名称以及第一卡片相关的属性，这些属性与初始化卡片的属性是能够一一对应的，所以开发好的第一卡片又能作为模板来使用。获取第一页面上的数据内容之后，会提取所有第一卡片相关的信息，把这些信息都结合成一个固定格式的字符串，这个格式可以是JSON格式，也可以是其他格式，具体此处不做限定。然后把这个字符串以键值对的方式在后台进行持久化。

2004、终端接收卡片扩展指令。

终端接收到卡片扩展指令，该扩展指令是基于用户的需求产生，指示对该初始卡片执行编辑、删除或复制的操作。

2005、该终端根据所述卡片扩展指令对该初始卡片执行相应的操作，以生成该第一卡片。

该终端根据所述卡片扩展指令对该初始卡片执行相应的操作，以生成该第一卡片。该扩展指令包括编辑指令、删除指令和\或复制指令。

当扩展指令为编辑指令时，该终端根据该编辑指令对该初始化卡片执行编辑操作，可以利用卡片上的数据编辑器对卡片进行编辑，数据编辑器可以是JS编辑器，JS编辑器如图3所示。编辑数据时，在图3所示的JS编辑器中编辑数据处对JS进行编写以实现对于卡片上数据的编写。

也可以利用卡片上的属性编辑器对卡片进行编辑，卡片上的属性编辑器中包括卡片中文字的大小和文字的颜色等属性，可以理解的是，卡片属性编辑器中不仅仅包括上述两种卡片内容参数，还可以是文字的字体样式和是否显示X轴及Y轴等其他卡片内容参数，具体此处不做限定。

编辑卡片时可以根据卡片内的动态展示界面观察卡片编辑的效果，卡片内的动态展示界面如图4所示，在数据编辑器上进行数据编辑，则卡片内的动态展示界面中会出现相应的数据的改变，在属性编辑器上对卡片进行编辑，则卡片内的动态展示界面中会出现相应的属性的改变，用户可以根据编辑之后卡片内的动态展示界面所展示出来的效果对卡片进行相应的修改，编辑之后生成的卡片为第一卡片。

当扩展指令为删除指令时，该终端根据该删除指令对该初始化卡片执行删除操作，删除后的初始化卡片则不会再向用户展示。

当扩展指令为复制操作时，该终端根据该复制指令对该初始化卡片执行复制操作，生成一张相同的卡片，该相同的卡片为第一卡片。

2006、终端将所述第一卡片保存至第一卡片库。

终端将第一卡片保存至第一卡片库，可以理解的是，若终端接收到的卡片扩展指令为编辑指令，则终端将编辑后生成的第一卡片保存至第一卡片库中。若终端接收到的卡片扩展指令为复制指令，则终端将复制后生成的相同的卡片保存至第一卡片库中。若终端接收的卡片扩展指令为删除指令，则终端将初始化卡片执行删除操作，被删除的初始化卡片不会保存到该第一卡片库中。

可以理解的是，上述步骤2002至2006可以执行，也可以不执行，若果不执行也可以完成其他步骤，具体此处不做赘述。

2007、终端生成单卡片页面。

单卡片页面是根据网页编辑器制作出来的一个空页面，可以是终端设计出的卡片的一个载体,这个是在新增一个空页面之后，在空页面渲染前的JS脚本中去提取相关卡片信息，然后使得卡片信息能够展示到页面中。单卡片页面是一个固定页面。

2008、终端根据该第一卡片的ID获取该卡片的前端属性及后台接口数据；

终端获取该数据内容的配置，如图5、6所示，该配置可以是JSON格式也可以是其他格式，具体配置方式此处不做限定。并且获取配置文件的配置，该配置的格式可以是XML也可以是其他格式，具体配置方式此处不做限定。该数据内容的配置与该配置文件的配置为卡片的前端属性。

终端调用生成卡片时所配置的后台数据接口获取后台接口数据。

2009、该终端根据该前端属性渲染该单卡片页面，生成该结合页面的界面模板。

终端解析前端属性中的配置文件的配置与数据内容的配置，如图5、6所示，终端将前端属性中的配置文件的配置与数据内容的配置进行合并生成模板配置属性，该模板配置属性可以是JSON配置属性，也可以是其他属性配置，终端根据该模板配置属性用于生成该结合页面的界面模板。

2010、该终端根据该后台接口修改该单卡片页面，生成该结合页面的界面数据。

终端调用生成卡片时所配置的后台数据接口获取后台接口数据，如图5、6所示，终端根据该后台接口数据修改该单卡片页面，生成该结合页面的界面数据。

2011、该终端根据该界面模板和该界面数据生成该结合页面。

终端将该界面模板与该界面数据进行合并，生成渲染前数据，对单卡片页面进行渲染，如图5、6所示，生成该结合页面。

2012、该终端将所述结合页面嵌入至第二页面。

结合页面以iframe方式嵌入到第二页面就可以完成其移植功能，例如以<iframesrc＝http://www.***.com></iframe>这种标签的方式***到超文本标签语言(HTML，hypertext markup language)里。当终端将该结合页面嵌入至第二页面之后，终端展示包括结合页面的第二页面时，如图7所示，网页编辑器中，引入已经渲染好的结合页面的地址，并且在网页编辑器中支持编辑、复制以及删除这些已经完成的卡片。

上述实施例中，终端通过该第一卡片将该第一页面上的数据内容以页面移植的方式移植到第二页面，在实际应用中，终端通过该第一卡片将该第一页面上的数据内容以页面控件的方式移植到第二页面，下面进行详细描述：

二、终端通过该第一卡片将该第一页面上的数据内容以页面控件的方式移植到第二页面：

3001、终端接收数据移植请求。

3002、终端获取该第一页面上的数据内容。

3003、终端根据第一页面上的数据内容生成初始卡片。

3004、终端接收卡片扩展指令。

3005、该终端根据所述卡片扩展指令对该初始卡片执行相应的操作，以生成该第一卡片。

3006、终端将所述第一卡片保存至第一卡片库。

本实施例中的步骤3001至3006与前述图2所示实施例中的步骤2001至2006类似，此处不再赘述。

3007、终端接收控件引入指令。

终端接收控件引入指令，该控件引入指令包括待引入控件的信息，该待引入控件的信息可以为控件的标识，该待引入控件的信息还可以是其他类型的与卡片相关的参数，具体此处不做限定。

3008、该终端根据该控件引入指令将面板控件引入第二页面，该面板控件包括第一卡片。

当终端编辑第二页面时，可以选择很多的控件，组件，和\或容器，当选择面板控件时，会有相应的面板配置展示出来，这个时候卡片库作为面板的一个属性展示到面板的配置信息中，终端设计好的卡片可以直接在面板的卡片配置里选择到，网页编辑器在设计网页时，可以直接采用终端设计好的卡片，如图9所示。

3009、终端接收卡片编辑指令。

终端接收到卡片编辑指令，该编辑指令是基于用户的需求产生，指示对该第一卡片执行编辑操作，如图9所示。

3010、终端根据该卡片编辑指令编辑该第一卡片生成第二卡片。

当终端接收到卡片编辑指令时，该终端根据该编辑指令对该第一卡片执行编辑操作，可以利用卡片上的数据编辑器对第一卡片进行编辑，也可以利用卡片上的属性编辑器对第一卡片进行编辑，编辑卡片时可以根据第一卡片内的动态展示界面观察第一卡片编辑的效果，编辑之后生成的卡片为第二卡片，如图9所示。

3011、该终端将该第二卡片保存至第二卡片库中。

终端将该第二卡片保存至第二卡片库中，可以理解的是该第二卡片库可以是第一卡片库，也可以是与第一卡片库不同的卡片库。

上述图2以及图8所示的实施例中，终端通过该第一卡片将该第一页面上的数据内容移植到第二页面，可以是终端通过该第一卡片将该第一页面上的数据内容以页面移植的方式移植到第二页面，也可以是终端通过该第一卡片将该第一页面上的数据内容以页面控件的方式移植到第二页面，可以理解的是，在实际应用中，还可以通过其他方式移植，具体此处不做限定。

上面对本申请实施例中的数据处理方法进行了描述，下面对本申请实施例中的终端进行描述，请参阅图10，本申请实施例中终端一个实施例包括：

接收单元4001，用于接收数据移植请求，所述数据移植请求包括待移植卡片的信息；

获取单元4002，用于根据所述待移植卡片的信息获取第一卡片，所述第一卡片包括第一页面上的数据内容；

移植单元4003，用于通过所述第一卡片将所述第一页面上的数据内容移植到第二页面。

本实施例中，终端中各单元所执行的操作与前述图1所示实施例中描述的类似，此处不再赘述。

本实施例中，接收单元4001接收数据移植请求，数据移植请求包括待移植卡片的信息，获取单元4002根据待移植卡片的信息获取第一卡片，第一卡片可以在不同的页面之间移植，具有移植性，移植单元4003通过所述第一卡片将所述第一页面上的数据内容移植到第二页面，使得用户不需要在第二页面再次开发，因此提升了开发效率。

下面对本申请实施例中的终端进行描述，请参阅图11，本申请实施例中终端一个实施例包括：

图11是本申请实施例提供的一种终端结构示意图，该终端5000可以包括一个或一个以***处理器(central processing units，CPU)5001和存储器5002，该存储器5005中存储有一个或一个以上的应用程序或数据。

其中，存储器1705可以是易失性存储或持久存储。存储在存储器5005的程序可以包括一个或一个以上模块，每个模块可以包括对终端中的一系列指令操作。更进一步地，中央处理器5001可以设置为与存储器5005通信，在终端5000上执行存储器5005中的一系列指令操作。

终端5000还可以包括一个或一个以上电源5002，一个或一个以上有线或无线网络接口5003，一个或一个以上输入输出接口5004，和/或，一个或一个以上操作***，例如Windows ServerTM，Mac OS XTM，UnixTM,LinuxTM，FreeBSDTM等。

该中央处理器5001可以执行前述图10所示实施例中终端所执行的操作，具体此处不再赘述。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的***，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

在本申请所提供的几个实施例中，应该理解到，所揭露的***，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个***，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，终端，或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，read-onlymemory)、随机存取存储器(RAM，random access memory)、磁碟或者光盘等各种可以存储程序代码的介质。

Claims (6)

1.一种数据移植的方法，其特征在于，包括：

终端接收数据移植请求，所述数据移植请求包括待移植卡片的信息；

所述终端根据所述待移植卡片的信息获取第一卡片，所述第一卡片包括第一页面上的数据内容；

所述终端通过所述第一卡片将所述第一页面上的数据内容移植到第二页面；

所述终端通过所述第一卡片将所述第一页面上的数据内容移植到第二页面包括：所述终端生成单卡片页面，所述单卡片页面是终端设计出的卡片的载体，是在新增一个空页面之后，在所述空页面渲染前的JS脚本中去提取卡片信息，使得所述卡片信息能够展示到页面中；所述终端将所述单卡片页面与所述第一卡片结合生成结合页面；所述终端将所述结合页面以iframe方式嵌入至第二页面；

所述终端将所述单卡片页面与所述第一卡片结合生成结合页面包括：所述终端根据所述第一卡片的身份标识号ID获取所述卡片的前端属性及后台接口；所述终端根据所述前端属性渲染所述单卡片页面，生成所述结合页面的界面模板；所述终端根据所述后台接口修改所述单卡片页面，生成所述结合页面的界面数据；所述终端根据所述界面模板和所述界面数据生成所述结合页面；

其中，所述终端根据所述前端属性渲染所述单卡片页面，生成所述结合页面的界面模板包括：所述终端将所述前端属性中的配置文件的配置与所述第一页面上的数据内容的配置进行合并生成模板配置属性；所述终端根据所述模板配置属性生成所述结合页面的界面模板。

2.根据权利要求1所述的数据移植方法，其特征在于，所述终端根据所述待移植卡片的信息获取第一卡片前，还包括：

所述终端获取所述第一页面上的数据内容；

所述终端根据所述第一页面上的数据内容生成所述第一卡片；

所述终端将所述第一卡片保存至第一卡片库。

3.根据权利要求2所述的数据移植方法，其特征在于，所述第一卡片包括属性编辑器、数据编辑器以及动态展示界面，所述动态展示界面用于展示卡片的编辑效果。

4.根据权利要求2所述的数据移植方法，其特征在于，所述终端根据所述第一页面上的数据内容生成所述第一卡片包括：

所述终端根据第一页面上的数据内容生成初始卡片；

所述终端接收卡片扩展指令，所述扩展指令用于指示对所述初始卡片执行编辑、删除或复制的操作；

所述终端根据所述卡片扩展指令对所述初始卡片执行相应的操作，以生成所述第一卡片。

5.一种数据移植的终端，其特征在于，包括：

接收单元，用于接收数据移植请求，所述数据移植请求包括待移植卡片的信息；

获取单元，用于根据所述待移植卡片的信息获取第一卡片，所述第一卡片包括第一页面上的数据内容；

移植单元，用于通过所述第一卡片将所述第一页面上的数据内容移植到第二页面；

所述移植单元，具体用于生成单卡片页面，所述单卡片页面是终端设计出的卡片的载体，是在新增一个空页面之后，在所述空页面渲染前的JS脚本中去提取卡片信息，使得所述卡片信息能够展示到页面中；将所述单卡片页面与所述第一卡片结合生成结合页面；将所述结合页面以iframe方式嵌入至第二页面；

所述将所述单卡片页面与所述第一卡片结合生成结合页面包括：根据所述第一卡片的身份标识号ID获取所述卡片的前端属性及后台接口；根据所述前端属性渲染所述单卡片页面，生成所述结合页面的界面模板；根据所述后台接口修改所述单卡片页面，生成所述结合页面的界面数据；根据所述界面模板和所述界面数据生成所述结合页面；

其中，所述根据所述界面模板和所述界面数据生成所述结合页面包括：将所述前端属性中的配置文件的配置与所述第一页面上的数据内容的配置进行合并生成模板配置属性；根据所述模板配置属性生成所述结合页面的界面模板。

6.一种计算机存储介质，其特征在于，所述计算机存储介质中存储有指令，所述指令在计算机上执行时，使得所述计算机执行如权利要求1至4中任一项所述的方法。

Images