CN106569800B - 前端界面生成方法及装置 - Google Patents

Abstract

本公开是关于一种前端界面生成方法及装置。该方法包括：接收来自应用平台的模板调用请求，所述模板调用请求包括模板的标识信息；获取与所述标识信息对应的JSON格式的前端界面模板；向所述应用平台发送所述JSON格式的前端界面模板，以使得所述应用平台能够采用第一模板解析器将所述JSON格式的前端界面模板解析得到第一可视化界面。本公开的前端界面生成方法，可以适用于各种类型的应用平台，操作简单方便。

Description

前端界面生成方法及装置

技术领域

本公开涉及网络技术领域，尤其涉及一种前端界面生成方法及装置。

背景技术

前端往往是指网站的前台部分，可以包括网站的表现层和结构层。相关技术中，前端界面的搭建方式可以包括，例如通过前端框架软件例如Bootstrap生成具有该前端框架风格的界面，或者通过模板网站生成以HTML(HyperText Markup Language，超级文本标记语言)格式存储的模板，在使用的时候进行调取。

但是，采用模板网站方式搭建的前端界面往往具有局限性，无法提供多组件之间的配合和交互，也无法实现跨平台使用。此外，以HTML格式存储的模板，如果后期进行模板修改，则需要对前期的模板一一修改，不方便使用。

发明内容

为克服相关技术中存在的问题，本公开提供一种前端界面生成方法及装置。

根据本公开实施例的第一方面，提供一种前端界面生成方法，包括：

接收来自应用平台的模板调用请求，所述模板调用请求包括模板的标识信息；

获取与所述标识信息对应的JSON格式的前端界面模板；

向所述应用平台发送所述JSON格式的前端界面模板，以使得所述应用平台能够采用第一模板解析器将所述JSON格式的前端界面模板解析得到第一可视化界面。

对于上述方法，在一种可能的实现方式中，还包括：

在模板编辑页面，根据用户选择的通用组件，生成超文本标记语言HTML格式的前端界面模板；

将所述HTML格式的前端界面模板转换为所述JSON格式的前端界面模板，并将所述JSON格式的前端界面模板及其对应的标识信息存储至数据库。

对于上述方法，在一种可能的实现方式中，还包括：

在模板编辑页面，对所述通用组件进行定义；或者

在调用所述JSON格式的前端界面模板之后，通过回调函数对所述通用组件进行定义。

对于上述方法，在一种可能的实现方式中，还包括：

在接收到所述应用平台的第一模板解析器获取请求的情况下，向所述应用平台发送所述第一模板解析器，以使得所述应用平台加载所述第一模板解析器。

对于上述方法，在一种可能的实现方式中，还包括：

将所述第一模板解析器修改为第二模板解析器；

在接收到所述应用平台的第二模板解析器获取请求的情况下，向所述应用平台发送第二模板解析器，以使得所述应用平台加载所述第二模板解析器，其中，所述第二模板解析器能够将所述JSON格式的前端界面模板解析为第二可视化界面。

根据本公开实施例的第二方面，提供一种前端界面生成方法，包括：

向前端自动化平台发送模板调用请求，所述模板调用请求包括模板的标识信息；

接收所述前端自动化平台发送的与所述标识信息对应的JSON格式的前端界面模板；

采用第一模板解析器将所述JSON格式的前端界面模板解析得到第一可视化界面。

对于上述方法，在一种可能的实现方式中，还包括：

向所述前端自动化平台发送第一模板解析器获取请求；

在接收到所述前端自动化平台发送的所述第一模板解析器的情况下，加载所述第一模板解析器。

对于上述方法，在一种可能的实现方式中，还包括：

向所述前端自动化平台发送第二模板解析器获取请求；

在接收到所述前端自动化平台发送的所述第二模板解析器的情况下，加载所述第二模板解析器，其中，所述第二模板解析器能够将所述JSON格式的前端界面模板解析为第二可视化界面。

根据本公开实施例的第三方面，提供一种前端界面生成装置，包括：

模板调用请求接收模块，用于接收来自应用平台的模板调用请求，所述模板调用请求包括模板的标识信息；

JSON格式的前端界面模板获取模块，用于获取与所述标识信息对应的JSON格式的前端界面模板；

JSON格式的前端界面模板发送模块，用于向所述应用平台发送所述JSON格式的前端界面模板，以使得所述应用平台能够采用第一模板解析器将所述JSON格式的前端界面模板解析得到第一可视化界面。

对于上述装置，在一种可能的实现方式中，还包括：

HTML格式的前端界面模板生成模块，用于在模板编辑页面，根据用户选择的通用组件，生成超文本标记语言HTML格式的前端界面模板；

JSON格式的前端界面模板生成模块，用于将所述HTML格式的前端界面模板转换为所述JSON格式的前端界面模板，并将所述JSON格式的前端界面模板及其对应的标识信息存储至数据库。

对于上述装置，在一种可能的实现方式中，还包括：

定义模块，用于在模板编辑页面，对所述通用组件进行定义；或者

在调用所述JSON格式的前端界面模板之后，通过回调函数对所述通用组件进行定义。

对于上述装置，在一种可能的实现方式中，还包括：

第一模板解析器发送模块，用于在接收到所述应用平台的第一模板解析器获取请求的情况下，向所述应用平台发送所述第一模板解析器，以使得所述应用平台加载所述第一模板解析器。

对于上述装置，在一种可能的实现方式中，还包括：

模板解析器修改模块，用于将所述第一模板解析器修改为第二模板解析器；

第二模板解析器发送模块，用于在接收到所述应用平台的第二模板解析器获取请求的情况下，向所述应用平台发送第二模板解析器，以使得所述应用平台加载所述第二模板解析器，其中，所述第二模板解析器能够将所述JSON格式的前端界面模板解析为第二可视化界面。

根据本公开实施例的第四方面，提供一种前端界面生成装置，包括：

模板调用请求发送模块，用于向前端自动化平台发送模板调用请求，所述模板调用请求包括模板的标识信息；

JSON格式的前端界面模板接收模块，用于接收所述前端自动化平台发送的与所述标识信息对应的JSON格式的前端界面模板；

JSON格式的前端界面模板解析模块，用于采用第一模板解析器将所述JSON格式的前端界面模板解析得到第一可视化界面。

对于上述装置，在一种可能的实现方式中，还包括：

第一模板解析器获取请求发送模块，用于向所述前端自动化平台发送第一模板解析器获取请求；

第一模板解析器加载模块，用于在接收到所述前端自动化平台发送的所述第一模板解析器的情况下，加载所述第一模板解析器。

对于上述装置，在一种可能的实现方式中，还包括：

第二模板解析器获取请求发送模块，用于向所述前端自动化平台发送第二模板解析器获取请求；

第二模板解析器加载模块，在接收到所述前端自动化平台发送的所述第二模板解析器的情况下，加载所述第二模板解析器，其中，所述第二模板解析器能够将所述JSON格式的前端界面模板解析为第二可视化界面。

根据本公开实施例的第五方面，提供一种前端界面生成装置，包括：

处理器；

用于存储处理器可执行指令的存储器；

其中，所述处理器被配置为：

接收来自应用平台的模板调用请求，所述模板调用请求包括模板的标识信息；

获取与所述标识信息对应的JSON格式的前端界面模板；

向所述应用平台发送所述JSON格式的前端界面模板，以使得所述应用平台能够采用第一模板解析器将所述JSON格式的前端界面模板解析得到第一可视化界面。

根据本公开实施例的第六方面，提供一种前端界面生成装置，包括：

处理器；

用于存储处理器可执行指令的存储器；

其中，所述处理器被配置为：

向前端自动化平台发送模板调用请求，所述模板调用请求包括模板的标识信息；

接收所述前端自动化平台发送的与所述标识信息对应的JSON格式的前端界面模板；

采用第一模板解析器将所述JSON格式的前端界面模板解析得到第一可视化界面。

本公开的实施例提供的技术方案可以包括以下有益效果：通过本公开的前端界面生成方法及装置，应用平台可以调取JSON格式的前端界面模板，并通过模板解析器将JSON格式的前端界面模板解析得到可视化界面。本公开的前端界面生成方法及装置，可以适用于各种类型的应用平台，操作简单方便。

进一步地，本公开的前端界面生成方法及装置，用户可以根据自身的开发需求，在前端自动化平台中制作HTML格式的前端界面模板。前端自动化平台进一步将HTML格式的前端界面模板转换为JSON格式的前端界面模板，并存储在数据库，方便模板保存和用户调用，能够提高开发效率和用户体验。

进一步地，本公开的前端界面生成方法及装置，可以通过对模板解析器的修改，实现对前端界面模板的统一修改。例如，可以通过对模板解析器的升级，美化前端界面模板。此外，还可以通过编写多个模板解析器，实现针对同一个前端界面模板可以具有多种可视化界面的形式。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

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

图1是根据一示例性实施例示出的一种前端界面生成方法的流程图。

图2是根据一示例性实施例示出的一种前端界面生成方法的前端自动化平台和应用平台的示意图。

图3是根据一示例性实施例示出的一种前端界面生成方法的实现流程图。

图4是根据一示例性实施例示出的一种前端界面生成方法的实现流程图。

图5是根据一示例性实施例示出的一种前端界面生成方法的实现流程图。

图6是根据一示例性实施例示出的一种前端界面生成方法的流程图。

图7是根据一示例性实施例示出的一种前端界面生成方法的实现流程图。

图8是根据一示例性实施例示出的一种前端界面生成方法的实现流程图。

图9是根据一示例性实施例示出的一种前端界面生成装置的框图。

图10是根据一示例性实施例示出的一种前端界面生成装置的框图。

图11是根据一示例性实施例示出的一种前端界面生成装置的框图。

图12是根据一示例性实施例示出的一种前端界面生成装置的另一框图。

图13是根据一示例性实施例示出的一种前端界面生成装置的另一框图。

图14是根据一示例性实施例示出的一种用于前端界面生成的装置800的框图。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

图1是根据一示例性实施例示出的一种前端界面生成方法的流程图。如图1所示，该前端界面生成方法，可以包括以下步骤。

在步骤S101中，接收来自应用平台的模板调用请求，模板调用请求包括模板的标识信息。

其中，应用平台可以是各种类型的网站搭建平台，在此不做限定。本实施例不限定模板的标识信息的类型，例如可以包括模板名称(Name)、模板编号(ID，Identification)等，在此不做限定。

在步骤S102中，获取与标识信息对应的JSON格式的前端界面模板。

在本实施例中，模板的标识信息和模板具有对应关系(或称为映射关系)。通过模板的标识信息，可以从数据库中查找得到与该模板标识信息对应的JSON格式的前端界面模板。其中，数据库可以用于存储模板的标识信息和对应的JSON格式的前端界面模板。

在本实施例中，前端界面模板可以通过JSON格式的数据存储。其中，JSON(JavaScript Object Notation，JavaScript对象表示法)可以是一种轻量级的数据交换格式。JSON格式易于阅读和编写，同时也易于模板解析器解析成可视化界面，能够提升解析速率。此外，JSON格式比HTML(Hyper Text Markup Language，超文本标记语言)格式更有利于存储和传输。

在步骤S103中，向应用平台发送JSON格式的前端界面模板，以使得应用平台能够采用第一模板解析器将JSON格式的前端界面模板解析得到第一可视化界面。

本实施例的模板解析器可以采用JS(JavaScript)语言编写得到。模板解析器可以读取变量值并解析模板语句，从而将抽象的JSON数据转换为可视化界面。在前端界面模板要修改时，可以通过对模板解析器的修改实现对前端界面模板的修改。

作为本实施例的一个示例，网站后台开发人员使用本实施例的前端自动化平台进行网站搭建。如图2所示，前端自动化平台接收到来自应用平台的模板调用请求，该模板调用请求包括模板ID(模板的标识信息)(步骤S101)。前端自动化平台根据模板ID，从数据库中查找得到与模板ID对应的模板JSON(即JSON格式的前端界面模板)(步骤S102)，并向应用平台发送该模板JSON(步骤S103)。应用平台在接收到该模板JSON之后，采用例如版本号为V1.1的模板解析器(第一模板解析器的示例)解析该模板JSON，生成对应的可视化界面。

通过本实施例的前端界面生成方法，应用平台可以调取JSON格式的前端界面模板，并通过模板解析器将JSON格式的前端界面模板解析得到可视化界面。本实施例的前端界面生成方法，可以适用于各种类型的应用平台，操作简单方便，能够提高页面的复用性，从而提高开发效率和降低维护成本。

图3是根据一示例性实施例示出的一种前端界面生成方法的实现流程图。如图3所示，该前端界面生成方法，可以包括以下步骤。

在步骤S301中，在模板编辑页面，根据用户选择的通用组件，生成HTML格式的前端界面模板。

本实施例的模板编辑页面可以是提供给开发人员进行模板编辑的页面。举例而言，模板编辑页面可以具有预览区和功能区。功能区可以具有预先设定的可供开发人员选择的多个通用组件。通过通用组件可以对通用的数据和方法进行简单封装，例如可以是功能选择框等。

开发人员可以从功能区选择通用组件，并将通用组件拖拽到预览区，从而生成HTML格式的前端界面模板。作为本实施例的一个示例，开发人员开发一个前端界面模板，其中，前端界面模板中有一个地区选择框，开发人员可以从功能栏中选择地区选择框的通用组件，并将该通用组件拖拽到预览区。

在步骤S302中，将HTML格式的前端界面模板转换为JSON格式的前端界面模板，并将JSON格式的前端界面模板及其对应的标识信息存储至数据库。

如图2所示，前端自动化平台可以包括模板编辑模块、解析器模块、组件HTML-JSON映射包模块和数据库模块。其中，模板编辑板块可以提供模板编辑页面，开发人员可以在模板编辑页面中进行模板编辑。

进一步地，在完成HTML格式的前端界面模板之后，通过组件HTML-JSON映射包模块，可以将已完成的HTML格式的前端界面模板转换为JSON格式的前端界面模板，并将转换得到的JSON格式的前端界面模板存储至数据库。其中，数据库可以用于存储模板的标识信息和对应的JSON格式的前端界面模板。

通过模板的标识信息，可以从数据库中查找得到与该模板标识信息对应的JSON格式的前端界面模板。应用平台可以调取JSON格式的前端界面模板，并通过模板解析器将JSON格式的前端界面模板解析得到可视化界面。本实施例的前端界面生成方法，可以适用于各种类型的应用平台，操作简单方便。

通过本实施例的前端界面生成方法，开发人员可以在模板编辑页面中，通过拖拽通用组件等操作，生成HTML格式的前端界面模板。进一步地，前端自动化平台可以将前端界面模板从HTML格式转换为JSON格式，并将前端界面模板以JSON格式存储在数据库中，通过自制的模板解析器将JSON数据解析为最终的HTML数据。并且，当模板需要统一修改时，可以通过修改模板解析器来达到对各模板的一改全改。

进一步地，应用平台可以根据模板的标识信息进行调取，操作简单方便。其中，前端自动化平台可以被多个应用平台使用，能够释放前端开发资源，提高项目开发速度，使得非前端开发人员，也可以进行前端界面(Form表单)的开发。

图4是根据一示例性实施例示出的一种前端界面生成方法的实现流程图。如图4所示，该前端界面生成方法，可以包括以下步骤。

在步骤S401中，在接收到应用平台的第一模板解析器获取请求的情况下，向应用平台发送第一模板解析器，以使得应用平台加载第一模板解析器。

作为本实施例的一个示例，如图2所示，如果应用平台中尚未安装用于解析某一模板JSON的模板解析器，并且假设该模板解析器的版本号为V1.1。应用平台可以向前端自动化平台发送模板解析器获取请求，其中可以包括上述的版本号V1.1。前端自动化平台在接收到该请求后，可以向应用平台发送版本号为V1.1的模板解析器对应的JS文件。进一步地，应用平台在接收到前端自动化平台返回该JS文件时，可以将该JS文件加载在自己的程序中，以实现解析JSON格式的前端界面模板的功能。

在步骤402中，接收来自应用平台的模板调用请求，模板调用请求包括模板的标识信息。对该步骤的描述可以参见步骤S101。

在步骤403中，获取与标识信息对应的JSON格式的前端界面模板。对该步骤的描述可以参见步骤S102。

在步骤404中，向应用平台发送JSON格式的前端界面模板，以使得应用平台能够采用第一模板解析器将JSON格式的前端界面模板解析得到第一可视化界面。对该步骤的描述可以参见步骤S103。

在一种可能的实现方式中，所述方法还包括：对通用组件进行定义。

本实施例不限定对通用组件的定义方式，例如可以在模板编辑页面，对通用组件进行定义；还可以通过模板解析器对外暴露的接口对交互行为进行自定义，例如在调用前端界面模板之后，通过回调函数对通用组件进行定义。其中，对通用组件进行定义可以是对通用组件的内容例如文本、属性等进行限定。此外，还可以通过模板解析器提供组件之间的交互行为。

作为本实施例的一个示例，开发人员开发一个前端界面模板，其中，前端界面模板中有一个地区选择框。开发人员在开发的时候并不知道该地区选择框可以有几个选项，例如可以是东城区、西城区、海淀区等，也可以是北京市、上海市、天津市等。开发人员可以对通用组件进行进一步地定义，以使得可视化界面具有一定的操作含义。

在一种可能的实现方式中，如图5所示，所述方法还包括：

在步骤S400中，将第一模板解析器修改为第二模板解析器。

在步骤S401’中，在接收到应用平台的第二模板解析器获取请求的情况下，向应用平台发送第二模板解析器，以使得应用平台加载第二模板解析器。

其中，第二模板解析器能够将JSON格式的前端界面模板解析为第二可视化界面。

然后执行步骤S402和S403。

最后，在步骤404’中，向应用平台发送JSON格式的前端界面模板，以使得应用平台能够采用第二模板解析器将JSON格式的前端界面模板解析得到第二可视化界面。

在本实施例中，第二模板解析器可以与第一模板解析器具有关联性。例如第二模板解析器可以是第一模板解析器升级后的模板解析器。此外，第二模板解析器也可以与第一模板解析器不具有关联性，在此不做限定。

进一步地，可以在前端自动化平台中存储多个模板解析器。通过书写多个模板解析器，可以使得同一个JSON格式的前端界面模板具有多种表现形式。开发人员可以根据自己的开发需求例如界面风格需求，自主选择不同版本的模板解析器。此外，在模板解析器升级的过程中，如果开发人员还想要原来的模板样式，只需引用原来的模板解析器即可。

本实施例的前端界面生成方法，可以通过对模板解析器的修改，实现对前端界面模板的统一修改。例如，可以通过对模板解析器的升级，美化前端界面模板。此外，还可以通过编写多个模板解析器，实现针对同一个前端界面模板可以具有多种可视化界面的形式。

图6是根据一示例性实施例示出的一种前端界面生成方法的流程图。如图6所示，该前端界面生成方法，可以包括以下步骤。

在步骤S601中，向前端自动化平台发送模板调用请求，模板调用请求包括模板的标识信息。

本实施例的前端界面生成方法可以适用于应用平台。其中，应用平台可以是各种类型的网站搭建平台，在此不做限定。本实施例不限定模板的标识信息的类型，例如可以包括模板名称(Name)、模板编号(ID，Identification)等，在此不做限定。

在步骤S602中，接收前端自动化平台发送的与标识信息对应的JSON格式的前端界面模板。

如图2所示，前端自动化平台可以包括模板编辑模块、解析器模块、组件HTML-JSON映射包模块和数据库模块。模板的标识信息和模板具有对应关系(或称为映射关系)。通过模板的标识信息，前端自动化平台可以从数据库中查找得到与该模板标识信息对应的JSON格式的前端界面模板，并将JSON格式的前端界面模板发送给应用平台。

在步骤S603中，采用第一模板解析器将JSON格式的前端界面模板解析得到第一可视化界面。

作为本实施例的一个示例，网站后台开发人员使用本实施例的前端自动化平台进行网站搭建，其中待搭建的网站可以称为应用平台。如图2所示，应用平台向前端自动化平台发送模板调用请求，该模板调用请求包括模板ID(模板的标识信息)(步骤S601)。前端自动化平台接收到来自应用平台的模板调用请求(步骤S101)。然后，前端自动化平台根据模板ID，从数据库中查找得到与模板ID对应的模板JSON(即JSON格式的前端界面模板)(步骤S102)，并向应用平台发送该模板JSON(步骤S103)。应用平台接收该模板JSON(步骤S602)，并采用例如版本号为V1.1的模板解析器(第一模板解析器的示例)解析该模板JSON，生成对应的可视化界面(步骤S603)。

通过本实施例的前端界面生成方法，应用平台可以调取JSON格式的前端界面模板，并通过模板解析器将JSON格式的前端界面模板解析得到可视化界面。本实施例的前端界面生成方法，可以适用于各种类型的应用平台，操作简单方便，能够提高页面的复用性，从而提高开发效率和降低维护成本。

图7是根据一示例性实施例示出的一种前端界面生成方法的实现流程图。如图7所示，该前端界面生成方法，可以包括以下步骤。

在步骤S701中，向前端自动化平台发送第一模板解析器获取请求。

在步骤S702中，在接收到前端自动化平台发送的第一模板解析器的情况下，加载第一模板解析器。

在步骤S703中，向前端自动化平台发送模板调用请求，模板调用请求包括模板的标识信息。对该步骤的描述可以参见步骤S601。

在步骤S704中，接收前端自动化平台发送的与标识信息对应的JSON格式的前端界面模板。对该步骤的描述可以参见步骤S602。

在步骤S705中，采用第一模板解析器将JSON格式的前端界面模板解析得到第一可视化界面。对该步骤的描述可以参见步骤S603。

在一种可能的实现方式中，如图8所示，所述方法还包括：

在步骤S701’中，向前端自动化平台发送第二模板解析器获取请求。

在步骤S702’中，在接收到前端自动化平台发送的第二模板解析器的情况下，加载第二模板解析器。

其中，第二模板解析器能够将JSON格式的前端界面模板解析为第二可视化界面。

然后执行步骤S703和S704。

最后，在步骤S705’中，采用第二模板解析器将JSON格式的前端界面模板解析得到第二可视化界面。

在本实施例中，第二模板解析器可以与第一模板解析器具有关联性。例如第二模板解析器可以是第一模板解析器升级后的模板解析器。此外，第二模板解析器也可以与第一模板解析器不具有关联性，在此不做限定。

进一步地，可以在前端自动化平台中存储多个模板解析器。通过书写多个模板解析器，可以使得同一个JSON格式的前端界面模板具有多种表现形式。开发人员可以根据自己的开发需求例如界面风格需求，自主选择不同版本的模板解析器。此外，在模板解析器升级的过程中，如果开发人员还想要原来的模板样式，只需引用原来的模板解析器即可。

本实施例的前端界面生成方法，可以通过对模板解析器的修改，实现对前端界面模板的统一修改。例如，可以通过对模板解析器的升级，美化前端界面模板。此外，还可以通过编写多个模板解析器，实现针对同一个前端界面模板可以具有多种可视化界面的形式。

图9是根据一示例性实施例示出的一种前端界面生成装置的框图。参照图9，该装置包括模板调用请求接收模块11，JSON格式的前端界面模板获取模块13和JSON格式的前端界面模板发送模块15。

其中，该模板调用请求接收模块11被配置为接收来自应用平台的模板调用请求，所述模板调用请求包括模板的标识信息。该JSON格式的前端界面模板获取模块13被配置为获取与所述标识信息对应的JSON格式的前端界面模板。该JSON格式的前端界面模板发送模块15被配置为向所述应用平台发送所述JSON格式的前端界面模板，以使得所述应用平台能够采用第一模板解析器将所述JSON格式的前端界面模板解析得到第一可视化界面。

图10是根据一示例性实施例示出的一种前端界面生成装置的框图。参照图10，该装置包括模板调用请求接收模块11，JSON格式的前端界面模板获取模块13和JSON格式的前端界面模板发送模块15。

在一种可能的实现方式中，该装置还包括HTML格式的前端界面模板生成模块21和JSON格式的前端界面模板生成模块23。该HTML格式的前端界面模板生成模块21被配置为在模板编辑页面，根据用户选择的通用组件，生成超文本标记语言HTML格式的前端界面模板。JSON格式的前端界面模板生成模块23被配置为将所述HTML格式的前端界面模板转换为所述JSON格式的前端界面模板，并将所述JSON格式的前端界面模板及其对应的标识信息存储至数据库。

在一种可能的实现方式中，该装置还包括定义模块25。该定义模块25被配置为在模板编辑页面，对所述通用组件进行定义；或者在调用所述JSON格式的前端界面模板之后，通过回调函数对所述通用组件进行定义。

在一种可能的实现方式中，该装置还包括第一模板解析器发送模块31。该第一模板解析器发送模块31被配置为在接收到所述应用平台的第一模板解析器获取请求的情况下，向所述应用平台发送所述第一模板解析器，以使得所述应用平台加载所述第一模板解析器。

在一种可能的实现方式中，该装置还包括模板解析器修改模块33和第二模板解析器发送模块35。该模板解析器修改模块33被配置为将所述第一模板解析器修改为第二模板解析器。该第二模板解析器发送模块35被配置为在接收到所述应用平台的第二模板解析器获取请求的情况下，向所述应用平台发送第二模板解析器，以使得所述应用平台加载所述第二模板解析器，其中，所述第二模板解析器能够将所述JSON格式的前端界面模板解析为第二可视化界面。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

通过本实施例的前端界面生成装置，应用平台可以调取JSON格式的前端界面模板，并通过模板解析器将JSON格式的前端界面模板解析得到可视化界面。本实施例的前端界面生成装置，可以适用于各种类型的应用平台，操作简单方便。

本实施例的前端界面生成方法及装置，可以通过对模板解析器的修改，实现对前端界面模板的统一修改。例如，可以通过对模板解析器的升级，美化前端界面模板。此外，还可以通过编写多个模板解析器，实现针对同一个前端界面模板可以具有多种可视化界面的形式。

图11是根据一示例性实施例示出的一种前端界面生成装置的框图。参照图11，该装置包括模板调用请求发送模块41、JSON格式的前端界面模板接收模块43和JSON格式的前端界面模板解析模块45。

其中，该模板调用请求发送模块41被配置为向前端自动化平台发送模板调用请求，所述模板调用请求包括模板的标识信息。该JSON格式的前端界面模板接收模块43被配置为接收所述前端自动化平台发送的与所述标识信息对应的JSON格式的前端界面模板。该JSON格式的前端界面模板解析模块45被配置为采用第一模板解析器将所述JSON格式的前端界面模板解析得到第一可视化界面。

在一种可能的实现方式中，参照图12，该装置还包括第一模板解析器获取请求发送模块51和第一模板解析器加载模块53。该第一模板解析器获取请求发送模块51被配置为向所述前端自动化平台发送第一模板解析器获取请求。该第一模板解析器加载模块53被配置为在接收到所述前端自动化平台发送的所述第一模板解析器的情况下，加载所述第一模板解析器。

在一种可能的实现方式中，参照图13，该装置还包括第二模板解析器获取请求发送模块61和第二模板解析器加载模块63。该第二模板解析器获取请求发送模块61被配置为向所述前端自动化平台发送第二模板解析器获取请求。该第二模板解析器加载模块63被配置为在接收到所述前端自动化平台发送的所述第二模板解析器的情况下，加载所述第二模板解析器，其中，所述第二模板解析器能够将所述JSON格式的前端界面模板解析为第二可视化界面。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

通过本实施例的前端界面生成装置，应用平台可以调取JSON格式的前端界面模板，并通过模板解析器将JSON格式的前端界面模板解析得到可视化界面。本实施例的前端界面生成装置，可以适用于各种类型的应用平台，操作简单方便。

进一步地，本实施例的前端界面生成装置，可以通过对模板解析器的修改，实现对前端界面模板的统一修改。例如，可以通过对模板解析器的升级，美化前端界面模板。此外，还可以通过编写多个模板解析器，实现针对同一个前端界面模板可以具有多种可视化界面的形式。

图14是根据一示例性实施例示出的一种用于前端界面生成的装置800的框图。例如，装置800可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理等。

参照图14，装置800可以包括以下一个或多个组件：处理组件802，存储器804，电源组件806，多媒体组件808，音频组件810，输入/输出(I/O)的接口812，传感器组件814，以及通信组件816。

处理组件802通常控制装置800的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理组件802可以包括一个或多个处理器820来执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件802可以包括一个或多个模块，便于处理组件802和其他组件之间的交互。例如，处理组件802可以包括多媒体模块，以方便多媒体组件808和处理组件802之间的交互。

存储器804被配置为存储各种类型的数据以支持在装置800的操作。这些数据的示例包括用于在装置800上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图片，视频等。存储器804可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。

电源组件806为装置800的各种组件提供电力。电源组件806可以包括电源管理***，一个或多个电源，及其他与为装置800生成、管理和分配电力相关联的组件。

多媒体组件808包括在所述装置800和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件808包括一个前置摄像头和/或后置摄像头。当装置800处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜***或具有焦距和光学变焦能力。

音频组件810被配置为输出和/或输入音频信号。例如，音频组件810包括一个麦克风(MIC)，当装置800处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器804或经由通信组件816发送。在一些实施例中，音频组件810还包括一个扬声器，用于输出音频信号。

I/O接口812为处理组件802和***接口模块之间提供接口，上述***接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。

传感器组件814包括一个或多个传感器，用于为装置800提供各个方面的状态评估。例如，传感器组件814可以检测到装置800的打开/关闭状态，组件的相对定位，例如所述组件为装置800的显示器和小键盘，传感器组件814还可以检测装置800或装置800一个组件的位置改变，用户与装置800接触的存在或不存在，装置800方位或加速/减速和装置800的温度变化。传感器组件814可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件814还可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件814还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。

通信组件816被配置为便于装置800和其他设备之间有线或无线方式的通信。装置800可以接入基于通信标准的无线网络，如WiFi，2G或3G，或它们的组合。在一个示例性实施例中，通信组件816经由广播信道接收来自外部广播管理***的广播信号或广播相关信息。在一个示例性实施例中，所述通信组件816还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。

在示例性实施例中，装置800可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述方法。

在示例性实施例中，还提供了一种包括指令的非临时性计算机可读存储介质，例如包括指令的存储器804，上述指令可由装置800的处理器820执行以完成上述方法。例如，所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。

应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (10)

1.一种前端界面生成方法，其特征在于，包括：

在接收到应用平台的第一模板解析器获取请求的情况下，向所述应用平台发送第一模板解析器，以使得所述应用平台加载所述第一模板解析器，所述第一模板解析器用于读取变量值并解析模板语句；

接收来自所述应用平台的模板调用请求，所述模板调用请求包括模板的标识信息；

获取与所述标识信息对应的JSON格式的前端界面模板；

向所述应用平台发送所述JSON格式的前端界面模板，以使得所述应用平台能够采用所述第一模板解析器将所述JSON格式的前端界面模板解析得到第一可视化界面；

所述方法还包括：

将所述第一模板解析器修改为第二模板解析器；

在接收到所述应用平台的第二模板解析器获取请求的情况下，向所述应用平台发送所述第二模板解析器，以使得所述应用平台加载所述第二模板解析器，所述第二模板解析器能够将所述JSON格式的前端界面模板解析为第二可视化界面，所述第一可视化界面和所述第二可视化界面为所述JSON格式的前端界面模板不同的表现形式。

2.根据权利要求1所述的方法，其特征在于，还包括：

在模板编辑页面，根据用户选择的通用组件，生成超文本标记语言HTML格式的前端界面模板；

将所述HTML格式的前端界面模板转换为所述JSON格式的前端界面模板，并将所述JSON格式的前端界面模板及其对应的标识信息存储至数据库。

3.根据权利要求2所述的方法，其特征在于，还包括：

在模板编辑页面，对所述通用组件进行定义；或者

在调用所述JSON格式的前端界面模板之后，通过回调函数对所述通用组件进行定义。

4.一种前端界面生成方法，其特征在于，包括：

向前端自动化平台发送第一模板解析器获取请求；

在接收到所述前端自动化平台发送的第一模板解析器的情况下，加载所述第一模板解析器，所述第一模板解析器用于读取变量值并解析模板语句；

向所述前端自动化平台发送模板调用请求，所述模板调用请求包括模板的标识信息；

接收所述前端自动化平台发送的与所述标识信息对应的JSON格式的前端界面模板；

采用所述第一模板解析器将所述JSON格式的前端界面模板解析得到第一可视化界面；

所述方法还包括：

向所述前端自动化平台发送第二模板解析器获取请求；

在接收到所述前端自动化平台发送的第二模板解析器的情况下，加载所述第二模板解析器，所述第二模板解析器能够将所述JSON格式的前端界面模板解析为第二可视化界面，所述第一可视化界面和所述第二可视化界面为所述JSON格式的前端界面模板不同的表现形式。

5.一种前端界面生成装置，其特征在于，包括：

第一模板解析器发送模块，用于在接收到应用平台的第一模板解析器获取请求的情况下，向所述应用平台发送第一模板解析器，以使得所述应用平台加载所述第一模板解析器，所述第一模板解析器用于读取变量值并解析模板语句；

模板调用请求接收模块，用于接收来自所述应用平台的模板调用请求，所述模板调用请求包括模板的标识信息；

JSON格式的前端界面模板获取模块，用于获取与所述标识信息对应的JSON格式的前端界面模板；

JSON格式的前端界面模板发送模块，用于向所述应用平台发送所述JSON格式的前端界面模板，以使得所述应用平台能够采用所述第一模板解析器将所述JSON格式的前端界面模板解析得到第一可视化界面；

所述装置还包括：

模板解析器修改模块，用于将所述第一模板解析器修改为第二模板解析器；

第二模板解析器发送模块，用于在接收到所述应用平台的第二模板解析器获取请求的情况下，向所述应用平台发送第二模板解析器，以使得所述应用平台加载所述第二模板解析器，所述第二模板解析器能够将所述JSON格式的前端界面模板解析为第二可视化界面，所述第一可视化界面和所述第二可视化界面为所述JSON格式的前端界面模板不同的表现形式。

6.根据权利要求5所述的装置，其特征在于，还包括：

HTML格式的前端界面模板生成模块，用于在模板编辑页面，根据用户选择的通用组件，生成超文本标记语言HTML格式的前端界面模板；

JSON格式的前端界面模板生成模块，用于将所述HTML格式的前端界面模板转换为所述JSON格式的前端界面模板，并将所述JSON格式的前端界面模板及其对应的标识信息存储至数据库。

7.根据权利要求6所述的装置，其特征在于，还包括：

定义模块，用于在模板编辑页面，对所述通用组件进行定义；或者

在调用所述JSON格式的前端界面模板之后，通过回调函数对所述通用组件进行定义。

8.一种前端界面生成装置，其特征在于，包括：

第一模板解析器获取请求发送模块，用于向前端自动化平台发送第一模板解析器获取请求；

第一模板解析器加载模块，用于在接收到所述前端自动化平台发送的第一模板解析器的情况下，加载所述第一模板解析器，所述第一模板解析器用于读取变量值并解析模板语句；

模板调用请求发送模块，用于向所述前端自动化平台发送模板调用请求，所述模板调用请求包括模板的标识信息；

JSON格式的前端界面模板接收模块，用于接收所述前端自动化平台发送的与所述标识信息对应的JSON格式的前端界面模板；

JSON格式的前端界面模板解析模块，用于采用所述第一模板解析器将所述JSON格式的前端界面模板解析得到第一可视化界面；

所述装置还包括：

第二模板解析器获取请求发送模块，用于向所述前端自动化平台发送第二模板解析器获取请求；

第二模板解析器加载模块，在接收到所述前端自动化平台发送的第二模板解析器的情况下，加载所述第二模板解析器，所述第二模板解析器能够将所述JSON格式的前端界面模板解析为第二可视化界面，所述第一可视化界面和所述第二可视化界面为所述JSON格式的前端界面模板不同的表现形式。

9.一种前端界面生成装置，其特征在于，包括：

处理器；

用于存储处理器可执行指令的存储器；

其中，所述处理器被配置为：

在接收到应用平台的第一模板解析器获取请求的情况下，向所述应用平台发送第一模板解析器，以使得所述应用平台加载所述第一模板解析器，所述第一模板解析器用于读取变量值并解析模板语句；

接收来自所述应用平台的模板调用请求，所述模板调用请求包括模板的标识信息；

获取与所述标识信息对应的JSON格式的前端界面模板；

向所述应用平台发送所述JSON格式的前端界面模板，以使得所述应用平台能够采用所述第一模板解析器将所述JSON格式的前端界面模板解析得到第一可视化界面；

所述处理器还被配置为：

将所述第一模板解析器修改为第二模板解析器；

在接收到所述应用平台的第二模板解析器获取请求的情况下，向所述应用平台发送所述第二模板解析器，以使得所述应用平台加载所述第二模板解析器，所述第二模板解析器能够将所述JSON格式的前端界面模板解析为第二可视化界面，所述第一可视化界面和所述第二可视化界面为所述JSON格式的前端界面模板不同的表现形式。

10.一种前端界面生成装置，其特征在于，包括：

处理器；

用于存储处理器可执行指令的存储器；

其中，所述处理器被配置为：

向前端自动化平台发送第一模板解析器获取请求；

在接收到所述前端自动化平台发送的第一模板解析器的情况下，加载所述第一模板解析器，所述第一模板解析器用于读取变量值并解析模板语句；

向所述前端自动化平台发送模板调用请求，所述模板调用请求包括模板的标识信息；

接收所述前端自动化平台发送的与所述标识信息对应的JSON格式的前端界面模板；

采用所述第一模板解析器将所述JSON格式的前端界面模板解析得到第一可视化界面；

所述处理器还被配置为：

向所述前端自动化平台发送第二模板解析器获取请求；

在接收到所述前端自动化平台发送的第二模板解析器的情况下，加载所述第二模板解析器，所述第二模板解析器能够将所述JSON格式的前端界面模板解析为第二可视化界面，所述第一可视化界面和所述第二可视化界面为所述JSON格式的前端界面模板不同的表现形式。

Images