页面生成方法及相关设备

技术领域

本发明属于互联网技术领域，尤其涉及一种页面生成方法及相关设备。

背景技术

店铺装修是电商系统必不可少的一个功能，在某些场景下，可能是广告页制作、活动页制作、微页面制作，但基本功能都是类似的。所谓店铺装修，就是用户进行网页页面的制作，属于用户高度自定义的功能，最终编辑的结果，可以在PC端、H5等平台进行展示推广，但网页页面的制作需要一定的编程基础，对于电商用户来说，编程难度较大，导致建站困难。

发明内容

本发明实施例提供一种广告投放方法，旨在解决现上述技术问题。

第一方面，本发明实施例提供一种页面生成方法，用于商城页面生成，包括步骤：

获取前端模板以及与后端模板；

根据所述前端模板对前端的页面进行配置，得到配置好的前端页面；

根据所述后端模板生成客户端的返回页面。

可选的，在所述获取前端模板以及与后端模板的步骤之前，所述方法还包括：

将预先准备的商城页面以积木的形式进行业务拆分，得到各个业务组件；

将各个所述业务组件的数据与视图进行解耦；

根据解耦后的各个所述业务组件，生成所述前端模板以及所述后端模板。

可选的，在所述根据解耦后的各个所述业务组件，生成前端模板以及后端模板的步骤之后，所述方法还包括：

将所述前端模板以及所述后端模板存储在预设类型的数据库中；

根据预设业务配置策略为所述前端模板以及所述后端模板配置业务数据。

可选的，所述根据所述前端模板对前端的页面进行配置，得到配置好的前端页面的步骤中包括：

将所述前端模板在前端进行解析并渲染，得到前端页面；

根据所述前端页面以及对应的业务数据，在后端对所述前端页面进行预览和配置，得到配置好的前端页面。

可选的，所述根据所述前端模板对前端的页面进行配置，得到配置好的前端页面的步骤之后，所述方法包括：

将配置好的前端页面进行保存；

根据目标网站的站点标识对配置好的前端页面进行数据持久化；

将所述目标网站进行部署更新，并建立域名访问。

可选的，所述根据所述后端模板生成客户端的返回页面的步骤包括：

对所述后端模板以及对应的业务数据进行解析，生成客户端的返回页面。

第二方面，提取一种页面请求方法，用于如本发明实施例中任一页面生成方法所生成的商城页面，包括步骤：

接收到客户端的访问请求时，根据后端模板以及对应的业务数据进行解析，得到html页面返回到所述客户端。

第三方面，提供一种页面生成装置，包括：

获取模块，用于获取前端模板以及与后端模板；

第一配置模块，用于根据所述前端模板对前端的页面进行配置，得到配置好的前端页面；

第一生成模块，用于根据所述后端模板生成客户端的返回页面。

第四方面，本发明实施例还提供一种计算机设备，包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如上任一项所述的页面生成方法中的步骤。

第五方面，一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如上任一项所述的页面生成方法中的步骤。

本发明实施例中，获取前端模板以及与后端模板；根据所述前端模板对前端的页面进行配置，得到配置好的前端页面；根据所述后端模板生成客户端的返回页面。通过前端模板和后端模板进行商城页面生成，用户可以在前端进行商城页面的配置，只需要通过在前端模板中进行简单的数据配置就可以实现页面的生成和编辑，降低商城页面制作的难度，结合后端模板，可以解决电商用户的建站困难，提高建站效率以及降低建站成本。

附图说明

所包括的附图用来提供对本申请实施例的进一步的理解，其构成了说明书的一部分，用于例示本申请的实施方式，并与文字描述一起来阐释本申请的原理。显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。在附图中：

图1是本发明实施例提供的一种页面生成方法的流程图；

图2是本发明提供的另一种实施例的流程图；

图3是本发明提供的另一种实施例的流程图；

图3a是本发明的组件数据代码示意图；

图3b是本发明的模板代码示意图；

图4是本发明另一实施例中步骤S302的子流程图；

图5是本发明提供的另一种实施例的流程图；

图6是本发明提供的一种页面生成装置的结构示意图；

图7是本发明提供的一种计算机设备的结构示意图。

具体实施方式

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

本申请的说明书和权利要求书及附图说明中的术语“包括”和“具有”以及它们的任何变形，意图在于覆盖不排他的包含。本申请的说明书和权利要求书或附图中的术语“第一”、“第二”等是用于区别不同对象，而不是用于描述特定顺序。在本文中提及“实施例”意味着，结合实施例描述的特定特征、结构或特性可以包含在本申请的至少一个实施例中。在说明书中的各个位置出现该短语并不一定均是指相同的实施例，也不是与其它实施例互斥的独立的或备选的实施例。本领域技术人员显式地和隐式地理解的是，本文所描述的实施例可以与其它实施例相结合。

如图1所示，图1为本发明实施例提供的一种页面生成方法的流程图，该方法包括步骤：

S101、获取前端模板以及与后端模板。

在本发明实施例中，上述前端模板用于前端的实时预览和渲染，上述前端可以是电商用户的PC设备或移动设备，电商用户可以通过PC设备或移动设备对自己的商城进行管理，传统的商城页面是由平台提供的模板来生成，用户只能根据平台提供的模板进行文字和图像的修改，当电商用户想要个性化的商城页面时，需要电商用户找平台专业人员进行定制。

上述后端模板用于后端的响应支持，主要用于在客户端访问商城页面时，由后端根据后端模板和对应的业务数据进行解析，得到html页面返回到客户端。上述客户端指的进入商城页面进行浏览的顾客终端。

上述前端模板与后端模板可以是预先存储在数据库中的，电商用户在对商城页面进行编辑时，可以在数据库中请求对应的前端模板和后端模板。具体的，当电商用户需要对自己店铺(网站)进行装修时，通过自己的前端到数据库中请求对应的前端模板和后端模板。

具体的，上述后端可以是portal管理后台，上述前端可以是front商城前端，其中，portal管理后台可以使用vue全家桶搭建，前后端分离的开发模式。front商城前端可以使用freemarker模板语法，在服务端进行渲染。

S102、根据所述前端模板对前端的页面进行配置，得到配置好的前端页面。

在本发明实施例中，可以将前端模板在前端实时预览和渲染，从而得到前端页面，电商用户在通过前端页面配置页面组件，从而得到配置好的前端页面。上述页面组件可以包括页头、页脚、轮播图等。

上述前端模板可以是art-template模板，art-template是一种模板引擎，用于编辑模板和渲染模板。

S103、根据所述后端模板生成客户端的返回页面。

在本发明实施例中，在客户端访问商城页面时，可以取出配置好的后端模板和数据进行解析，进而生成客户端的返回页面，将客户端的返回页面返回到客户端，以使顾客通过客户端通过该返回页面浏览所请求的内容。

上述商城页面可以是将配置好的前端页面部署到对应的网站或店铺中得到。

本发明实施例中，获取前端模板以及与后端模板；根据所述前端模板对前端的页面进行配置，得到配置好的前端页面；根据所述后端模板生成客户端的返回页面。通过前端模板和后端模板进行商城页面生成，用户可以在前端进行商城页面的配置，只需要通过在前端模板中进行简单的数据配置就可以实现页面的生成和编辑，降低商城页面制作的难度，结合后端模板，可以解决电商用户的建站困难，提高建站效率以及降低建站成本。

如图2所示，图2是本发明另一实施例的流程图，在本实施例中，在步骤S101之前还包括以下步骤：

S201、将预先准备的商城页面以积木的形式进行业务拆分，得到各个业务组件。

在本发明实施列中，可以基于front商城前端中Freemarker模板构建C端商城页面，得到预选准备的商城页面，上述C端指的是电商用户的前端。将商城页面以积木的形式拆分成各个业务组件，上述业务组件也可以称为页面组件，上述业务组件包括页头、页脚、轮播图等。

通过将上述商城页面以积木的形式进行拆分，可以使得各个业务组件以积木的形式进行拼接，从而拼接形成一个完整的商城页面。

S202、将各个所述业务组件的数据与视图进行解耦。

在本发明实施例中，上述业务组件可以包括组件视图和组件数据，由于上述预设的商城页面中组件视图与组件数据是相耦合的，使得组件视图只能实现组件数据对应的功能，因此，本发明实施例将各个业务组件进行数据与视图的解耦，使得业务组件的业务数据与业务视图分开来，则可以为各个业务组件添加配置新的业务数据，得到新的业务组件。

S203、根据解耦后的各个所述业务组件，生成所述前端模板以及所述后端模板。

在本发明实施例中，在解耦数据和视图后，可以将业务组件生成前端模板和后端模板。上述前端模板和后端模板包括页面组件，上述页面组件通过vue语法在前端进行编写。

具体的，可以使用vue语法对页面组件进行编写，在使用vue语法编写完页面组件后，打包生成前端模板和后端模板。art-template模板用于前端实时预览和渲染，freemarker模板则用于访问C端页面时，由后端解析成html返回到客户端。

本发明实施例中，通过将商城页面以积木的形式拆分成业务组件，将业务组件中的视图和数据进行解耦，从而可以利用vue语法对页面组件进行编写，再将编写后的页面组件打包生成前端模板和后端模板，通过前端模板和后端模板进行商城页面生成，用户可以在前端进行商城页面的配置，只需要通过在前端模板中进行简单的数据配置就可以实现页面的生成和编辑，降低商城页面制作的难度，结合后端模板，可以解决电商用户的建站困难，提高建站效率以及降低建站成本。

如图3所示，图3是本发明另一实施例的流程图，在本实施例中，在步骤S203之后还包括以下步骤：

S301、将所述前端模板以及所述后端模板存储在预设类型的数据库中。

在本发明实施例中，上述前端模板可以是art-template模板，上述后端模板可以是freemarker模板。上述预设类型的数据库可以是MySql数据库。

具体的，基于Freemarker模板构建C端商城页面，将页面以积木的形式拆分成各个业务组件(页头、页脚、轮播图等)，解耦数据和视图，将业务组件生成art-template模板和freemarker模板，并储存在MySql数据库。进一步的，上述组件数据可以如图3a所示，图3a是本发明的组件数据代码示意图。

S302、根据预设业务配置策略为所述前端模板以及所述后端模板配置业务数据。

在本发明实施例中，上述预设业务配置策略可以是通过JSON SCHEMA配置业务，JSON SCHEMA是描述你的JSON数据格式，可以使用JSON模式来构建用户界面使互动的内容生成除了用户输入检查或验证各种来源获取的数据。

在将art-template模板和freemarker模板储存在MySql数据库后，依据JSONSCHEMA配置业务数据，前端就可以通过解析并渲染art-template模板实现在后台配置前面页面的实时预览，所有的页面组件都可用前端页面配置完成。进一步的，模板如图3b所示，图3b是本发明的模板代码示意图。

本发明实施例中，通过将商城页面以积木的形式拆分成业务组件，将业务组件中的视图和数据进行解耦，从而可以利用vue语法对页面组件进行编写，再将编写后的页面组件打包生成前端模板和后端模板，通过数据库中的业务配置策略为生成的前端模板和后端模板配置业务数据，用户可以在前端进行商城页面的配置，只需要通过在前端模板中进行简单的数据配置就可以实现页面的生成和编辑，降低商城页面制作的难度，结合后端模板，可以解决电商用户的建站困难，提高建站效率以及降低建站成本。

如图4所示，图4是本发明另一实施例中步骤S302的子流程图，在本实施例中，上述步骤S302包括以下子步骤：

S401、将所述前端模板在前端进行解析并渲染，得到前端页面。

在本发明实施例中，在得到前端模板后，可以在前端对前端模板进行解析和渲染，得到前端页面，前端页面中包括前端模板中的页面组件，电商用户可以在前端页面中配置对应的页面组件。

S402、根据所述前端页面以及对应的业务数据，在后端对所述前端页面进行预览和配置，得到配置好的前端页面。

在本发明实施例中，在将art-template模板和freemarker模板储存在MySql数据库后，依据JSON SCHEMA配置业务数据，前端就可以通过解析并渲染art-template模板实现在后台配置前面页面的实时预览，所有的页面组件都可用前端页面配置完成。

具体的，电商用户可以通过前端页面进行页面组件的配置，可以删除页面组件、新增页面组件、修改页面组件的业务数据等。在电商用户通过前端配置好新的前端页面后，可以对配置好的前端页面进行保存，使得后端可以配置前面页面的实时预览。上述配置好的前端页面可以作为电商用户的商城页面。

本发明实施例中，通过通过数据库中的业务配置策略为生成的前端模板和后端模板配置业务数据，用户可以在前端进行商城页面的配置，只需要通过在前端模板中进行简单的数据配置就可以实现页面的生成和编辑，降低商城页面制作的难度，结合后端模板，可以解决电商用户的建站困难，提高建站效率以及降低建站成本。

如图5所示，图5是本发明另一实施例的流程图，在本实施例中，在步骤S102之后还包括以下步骤：

S501、将配置好的前端页面进行保存。

在本发明实施例中，当电商用户在前端配置好自己想的前端页面后，可以对配置好的前端页面进行保存。

S502、根据目标网站的站点标识对配置好的前端页面进行数据持久化。

在本发明实施例中，在电商用户对前端页面配置并保存后，配置并保存后的数据可以根据网站的站点标识进行数据持久化，以使商城页面保持为前端页面的样式。

S503、将所述目标网站进行部署更新，并建立域名访问。

在本发明实施例中，配置并保存后的数据就会根据站点id进行数据持久化，在后台配置完成后，可直接将网站部署更新，并建立域名访问，从而可直接通过域名访问，服务端会从数据库中取出配置的后端模板和数据进行解析，同时生成返回页面到客户端。

可选的，在步骤S103中，还可以对所述后端模板以及对应的业务数据进行解析，生成客户端的返回页面。上述返回页面可以是html页面，顾客可以通过客户端对html页面进行浏览。

本发明实施例中，通过通过数据库中的业务配置策略为生成的前端模板和后端模板配置业务数据，用户可以在前端进行商城页面的配置，只需要通过在前端模板中进行简单的数据配置就可以实现页面的生成和编辑，降低商城页面制作的难度，后端模板则用于访问C端页面时，由后端解析成html页面返回到客户端，可以解决电商用户的建站困难，提高建站效率以及降低建站成本。

本发明实施例还提供一种页面请求方法，用于上述页面生成方法所生成的商城页面，当接收到客户端的访问请求时，根据后端模板以及对应的业务数据进行解析，得到html页面返回到所述客户端。

在本发明实施例中，由于页面生成方法中通过后端模板进行商城页面的访问支持，在客户端访问C端页面时，由后端解析成html页面返回到客户端，不需要用户对访问过程进行编程开发，从而可以解决电商用户的建站困难，提高建站效率以及降低建站成本。

本发明实施例还提供一种页面生成装置，如图6所示，图6是本发明实施例提供的页面生成装置的结构示意图，所述页面生成装置600包括：

获取模块601，用于获取前端模板以及与后端模板；

第一配置模块602，用于根据所述前端模板对前端的页面进行配置，得到配置好的前端页面；

第一生成模块603，用于根据所述后端模板生成客户端的返回页面。

可选的，所述装置还包括：

拆分模块，用于将预先准备的商城页面以积木的形式进行业务拆分，得到各个业务组件；

解耦模块，用于将各个所述业务组件的数据与视图进行解耦；

第二生成模块，用于根据解耦后的各个所述业务组件，生成所述前端模板以及所述后端模板。

可选的，所述装置还包括：

存储模块，用于将所述前端模板以及所述后端模板存储在预设类型的数据库中；

第二配置模块，用于根据预设业务配置策略为所述前端模板以及所述后端模板配置业务数据。

可选的，所述第一配置模块602，用于包括：

渲染单元，用于将所述前端模板在前端进行解析并渲染，得到前端页面；

配置单元，用于根据所述前端页面以及对应的业务数据，在后端对所述前端页面进行预览和配置，得到配置好的前端页面。

可选的，所述装置包括：

保存模块，用于将配置好的前端页面进行保存；

处理模块，用于根据目标网站的站点标识对配置好的前端页面进行数据持久化；

部署模块，用于将所述目标网站进行部署更新，并建立域名访问。

可选的，所述第一生成模块603还用于对所述后端模板以及对应的业务数据进行解析，生成客户端的返回页面。

本发明实施例还提供一种计算机设备，如图7所示，图7是本发明实施例提供的一种计算机设备的结构示意图，该电子设备700包括：存储器702、处理器701、网络接口703及存储在存储器702上并可在处理器701上运行的计算机程序，处理器701执行计算机程序时实现如本发明实施例提供的页面生成方法中的步骤。

具体的，处理器701用于执行以下步骤：

获取前端模板以及与后端模板；

根据所述前端模板对前端的页面进行配置，得到配置好的前端页面；

根据所述后端模板生成客户端的返回页面。

可选的，在所述获取前端模板以及与后端模板的步骤之前，处理器701执行的所述方法还包括：

将预先准备的商城页面以积木的形式进行业务拆分，得到各个业务组件；

将各个所述业务组件的数据与视图进行解耦；

根据解耦后的各个所述业务组件，生成所述前端模板以及所述后端模板。

可选的，在所述根据解耦后的各个所述业务组件，生成前端模板以及后端模板的步骤之后，处理器701执行的所述方法还包括：

将所述前端模板以及所述后端模板存储在预设类型的数据库中；

根据预设业务配置策略为所述前端模板以及所述后端模板配置业务数据。

可选的，处理器701执行的所述根据所述前端模板对前端的页面进行配置，得到配置好的前端页面的步骤中包括：

将所述前端模板在前端进行解析并渲染，得到前端页面；

根据所述前端页面以及对应的业务数据，在后端对所述前端页面进行预览和配置，得到配置好的前端页面。

可选的，所述根据所述前端模板对前端的页面进行配置，得到配置好的前端页面的步骤之后，处理器701执行的所述方法包括：

将配置好的前端页面进行保存；

根据目标网站的站点标识对配置好的前端页面进行数据持久化；

将所述目标网站进行部署更新，并建立域名访问。

可选的，处理器701执行的所述根据所述后端模板生成客户端的返回页面的步骤包括：

对所述后端模板以及对应的业务数据进行解析，生成客户端的返回页面。

本发明实施例提供的计算机设备700能够实现页面生成方法的实施例中的各个实施方式，以及相应有益效果，为避免重复，这里不再赘述。

需要指出的是，图中仅示出了具有组件的701-703，但是应理解的是，并不要求实施所有示出的组件，可以替代的实施更多或者更少的组件。其中，本技术领域技术人员可以理解，这里的计算机设备700是一种能够按照事先设定或存储的指令，自动进行数值计算和/或信息处理的设备，其硬件包括但不限于微处理器、专用集成电路(ApplicationSpecific Integrated Circuit，ASIC)、可编程门阵列(Field－Programmable GateArray，FPGA)、数字处理器(Digital Signal Processor，DSP)、嵌入式设备等。

计算机设备700可以是桌上型计算机、笔记本及掌上电脑等计算设备。电子设备700可以与用户通过键盘、鼠标、遥控器、触摸板或声控设备等方式进行人机交互。

存储器702至少包括一种类型的可读存储介质，可读存储介质包括闪存、硬盘、多媒体卡、卡型存储器(例如，SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘等。在一些实施例中，存储器702可以是电子设备700的内部存储单元，例如该电子设备700的硬盘或内存。在另一些实施例中，存储器702也可以是电子设备700的外部存储设备，例如该电子设备700上配备的插接式硬盘，智能存储卡(SmartMedia Card,简称SMC)，安全数字(Secure Digital，简称SD)卡，闪存卡(Flash Card)等。当然，存储器702还可以既包括电子设备700的内部存储单元也包括其外部存储设备。本实施例中，存储器702通常用于存储安装于电子设备700的操作系统和各类应用软件，例如应用页面生成方法的程序代码等。此外，存储器702还可以用于暂时地存储已经输出或者将要输出的各类数据。

处理器701在一些实施例中可以是中央处理器(Central Processing Unit，简称CPU)、控制器、微控制器、微处理器、或其他数据处理芯片。该处理器701通常用于控制电子设备700的总体操作。本实施例中，处理器701用于运行存储器702中存储的程序代码或者处理数据，例如运行页面生成方法的程序代码。

网络接口703可包括无线网络接口或有线网络接口，该网络接口703通常用于在电子设备700与其他电子设备之间建立通信连接。

本发明实施例还提供一种计算机可读存储介质，计算机可读存储介质上存储有计算机程序，计算机程序被处理器701执行时实现实施例提供的页面生成方法中的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。

本领域普通技术人员可以理解实现实施例应用页面生成方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，的程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如各方法的实施例的流程。其中，存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory，ROM)或随机存取存储器(Random Access Memory，简称RAM)等。

以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。