CN111984359A - 一种控件的动态生成和渲染方法及装置 - Google Patents

Abstract

本申请提供了一种控件的动态生成和渲染方法及装置，在本申请中，在APP运行时，通过接口获取服务器动态构建的控件描述文件，基于所述控件描述文件，生成控件及所述控件的绑定器，所述绑定器中包含数据来源路径，在接收到控件渲染请求时，运行所述控件的绑定器，基于所述数据来源路径，确定待展示业务数据，并在所述控件中展示所述待展示业务数据的生成及渲染方式，可以实现在服务器动态构建出不同的控件描述文件的情况下，生成不同的控件，及进行不同的渲染，使控件的生成及渲染更加灵活。

Description

一种控件的动态生成和渲染方法及装置

技术领域

本申请涉及计算机技术领域，特别涉及一种控件的动态生成和渲染方法。

背景技术

目前，在移动app开发中，一般会将创建控件(包括生成及渲染)的相关代码预置在APP安装文件中，当APP运行到创建控件的相关代码时，创建控件。

但是，由于创建控件的相关代码预置在APP安装文件后，其不易更新，因此，依赖预置代码创建控件的方式，存在创建不灵活的问题。

发明内容

为解决上述技术问题，本申请实施例提供一种控件的动态生成和渲染方法及装置，以达到使控件的生成及渲染更加灵活的目的，技术方案如下：

一种控件的动态生成和渲染方法，包括：

在APP运行时，若到达生成控件的时机，则通过预先设定的接口获取服务器动态构建的控件描述文件；

基于所述控件描述文件，生成控件及所述控件的绑定器，所述绑定器中包含数据来源路径；

在接收到控件渲染请求时，运行所述控件的绑定器，基于所述数据来源路径，确定待展示业务数据，并在所述控件中展示所述待展示业务数据。

所述通过预先设定的接口获取服务器动态构建的控件描述文件，包括：

确定所述APP当前处于的应用场景；

通过预先设定的接口向服务器发送查询请求，以使所述服务器查询与所述APP当前处于的应用场景对应的控件描述文件，若查询到，将查询到的控件描述文件返回给所述APP，若未查询到，则动态构建所述APP当前处于的应用场景对应的控件描述文件，并返回给所述APP；

通过预先设定的接口，接收所述服务器返回的所述APP当前处于的应用场景对应的控件描述文件。

所述基于所述控件描述文件，生成控件及所述控件的绑定器，所述绑定器中包含数据来源路径，包括：

对所述控件描述文件进行解析，得到解析结果，并基于所述解析结果构建控件结构模型，所述控件结构模型包括对应各级控件的内存对象，及各级所述控件的数据来源字符串；

分别基于对应各级控件的内存对象，生成各级控件，并将各级所述控件的数据来源字符串转换为数据来源路径，对各级所述控件，生成包含所述控件对应的数据来源路径的绑定器。

所述基于所述数据来源路径，确定待展示业务数据，包括：

若所述数据来源路径的类型为直接值类型，则将所述数据来源路径作为待展示业务数据；

或，

若所述数据来源路径的类型为相对路径类型，则基于所述数据来源路径，在业务数据库中查找业务数据，将查找到的业务数据展示在所述控件中。

所述在所述控件中展示所述待展示业务数据，包括：

确定所述控件的类型，并以所述控件的类型对应的展示方式，在所述控件中展示所述待展示业务数据。

一种控件的动态生成和渲染装置，包括：

获取模块，用于在APP运行时，若到达生成控件的时机，则通过预先设定的接口获取服务器动态构建的控件描述文件；

生成模块，用于基于所述控件描述文件，生成控件及所述控件的绑定器，所述绑定器中包含数据来源路径；

渲染模块，用于在接收到控件渲染请求时，运行所述控件的绑定器，基于所述数据来源路径，确定待展示业务数据，并在所述控件中展示所述待展示业务数据。

所述获取模块，具体用于：

确定所述APP当前处于的应用场景；

通过预先设定的接口向服务器发送查询请求，以使所述服务器查询与所述APP当前处于的应用场景对应的控件描述文件，若查询到，将查询到的控件描述文件返回给所述APP，若未查询到，则动态构建所述APP当前处于的应用场景对应的控件描述文件，并返回给所述APP；

通过预先设定的接口，接收所述服务器返回的所述APP当前处于的应用场景对应的控件描述文件。

所述生成模块，具体用于：

对所述控件描述文件进行解析，得到解析结果，并基于所述解析结果构建控件结构模型，所述控件结构模型包括对应各级控件的内存对象，及各级所述控件的数据来源字符串；

分别基于对应各级控件的内存对象，生成各级控件，并将各级所述控件的数据来源字符串转换为数据来源路径，对各级所述控件，生成包含所述控件对应的数据来源路径的绑定器。

所述渲染模块，具体用于：

若所述数据来源路径的类型为直接值类型，则将所述数据来源路径作为待展示业务数据；

或，

若所述数据来源路径的类型为相对路径类型，则基于所述数据来源路径，在业务数据库中查找业务数据，将查找到的业务数据展示在所述控件中。

所述渲染模块，具体用于：

确定所述控件的类型，并以所述控件的类型对应的展示方式，在所述控件中展示所述待展示业务数据。

与现有技术相比，本申请的有益效果为：

在本申请中，在APP运行时，通过接口获取服务器动态构建的控件描述文件，基于所述控件描述文件，生成控件及所述控件的绑定器，所述绑定器中包含数据来源路径，在接收到控件渲染请求时，运行所述控件的绑定器，基于所述数据来源路径，确定待展示业务数据，并在所述控件中展示所述待展示业务数据的生成及渲染方式，可以实现在服务器动态构建出不同的控件描述文件的情况下，生成不同的控件，及进行不同的渲染，使控件的生成及渲染更加灵活。

附图说明

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

图1是本申请实施例1提供的一种控件的动态生成和渲染方法的流程图；

图2是本申请实施例2提供的一种控件的动态生成和渲染方法的流程图；

图3是本申请提供的一种控件的动态生成和渲染装置的逻辑结构示意图。

具体实施方式

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

为使本发明的上述目的、特征和优点能够更加明显易懂，下面结合附图和具体实施方式对本发明作进一步详细的说明。

参照图1，为本申请实施例1提供的一种控件的动态生成和渲染方法的流程图，如图1所示，该方法可以包括但并不局限于以下步骤：

步骤S11、在APP运行时，若到达生成控件的时机，则通过预先设定的接口获取服务器动态构建的控件描述文件。

本实施例中，控件描述文件可以采用xml语法进行描述,xml语法的控件描述文件中的元素可以代表控件，元素的子元素可以代表该控件的子控件。

xml语法的控件描述文件中元素的标签,可以用来区分控件类型。例如Label代表文本控件,ImageView代表图片控件。

xml语法的控件描述文件中元素的内容可以表征该控件需要渲染的数据的存储路径或该控件需要渲染的数据。例如，若元素的内容为使用$符号开头的数据存储路径，则可以根据该元素的内容查找该控件需要渲染的数据。该元素的内容如果有多层,可以用.表示目录层级。例如$content.title表示将来要从待渲染的数据对象中查找content属性,在该属性对应值为一个对象的情况下,继续查找该对象title属性的值。

本实施例中，服务器动态构建控件描述文件，可以理解为：针对不同的控件创建要求，构建不同的控件描述文件。

步骤S12、基于所述控件描述文件，生成控件及所述控件的绑定器，所述绑定器中包含数据来源路径。

本实施例中，基于所述控件描述文件，生成控件及所述控件的绑定器，可以包括：

S121、对所述控件描述文件进行解析，得到解析结果，并基于所述解析结果构建控件结构模型，所述控件结构模型包括对应各级控件的内存对象，及各级所述控件的数据来源字符串。

本实施例中，数据来源字符串可以包括两类字符串，分别为：DirectValue(直接值)和，RelativePathList(相对路径)。

DirectValue表征数据来源为一个常量。该DirectValue可以直接作为控件中展示的数据。

RelativePathList表征数据来源为业务数据库。基于RelativePathList，可以在业务数据库中查找控件需要展示的业务数据。

S122、分别基于对应各级控件的内存对象，生成各级控件，并将各级所述控件的数据来源字符串转换为数据来源路径，对各级所述控件，生成包含所述控件对应的数据来源路径的绑定器。

在数据来源字符串的类型为直接值时，相应地，数据来源路径的类型为直接值类型。

在数据来源字符串的类型为相对路径类型时，相应地，数据来源路径的类型为相对路径类型。

步骤S13、在接收到控件渲染请求时，运行所述控件的绑定器，基于所述数据来源路径，确定待展示业务数据，并在所述控件中展示所述待展示业务数据。

本实施例中，基于所述数据来源路径，确定待展示业务数据，并在所述控件中展示所述待展示业务数据，可以理解为：对所述控件进行渲染的过程。

基于所述数据来源路径，确定待展示业务数据，可以包括：

S131、若所述数据来源路径的类型为直接值类型，则将所述数据来源路径作为待展示业务数据。

当然，基于所述数据来源路径，确定待展示业务数据，也可以包括：

S132、若所述数据来源路径的类型为相对路径类型，则基于所述数据来源路径，在业务数据库中查找业务数据，将查找到的业务数据展示在所述控件中。

现举例对步骤S11-S13进行说明，例如：控件描述文件描述的是一个文本控件,需要展示业务数据库中的user字段对应的对象的name字段。控件描述文件中，通过<Label>标签定义这是一个文本控件。在其元素内容中,$符号开头代表数据路径.例如$user.name代表后续从业务数据库中取值的路径。其中，小数点代表在业务数据库中的访问属性，例如.name代表取name属性对应的值。

APP通过预先设定的接口获取到上述控件描述文件，对控件描述文件进行解析,生成内存中的控件结构模型，该控件结构模型包含控件的内存对象，及控件的数据来源字符串。APP将数据来源字符串转换为数据来源路径，并生成包含该数据来源路径(如，user.name)的绑定器。可以通过tag方式将绑定器设置给控件。

根据控件的内存对象，生成文本控件(即TextView)。

通过标签形式取出文本控件内部的绑定器,并运行绑定器，基于数据来源路径查找业务数据，将查找到的业务数据展示在文本控件中：

先获取业务数据库中user对应的数据,作为Json对象；

基于Json对象继续从业务数据库中获取name字段,作为字符串；

将获取到的字符串作为文本控件的展示内容,使用setText方法进行显示。

在所述控件中展示所述待展示业务数据，可以包括：

确定所述控件的类型，并以所述控件的类型对应的展示方式，在所述控件中展示所述待展示业务数据。

本实施例中，可以在控件描述文件中查找控件的类型，完成控件类型的确定。

在本申请中，在APP运行时，通过接口获取服务器动态构建的控件描述文件，基于所述控件描述文件，生成控件及所述控件的绑定器，所述绑定器中包含数据来源路径，在接收到控件渲染请求时，运行所述控件的绑定器，基于所述数据来源路径，确定待展示业务数据，并在所述控件中展示所述待展示业务数据的生成及渲染方式，可以实现在服务器动态构建出不同的控件描述文件的情况下，生成不同的控件，及进行不同的渲染，使控件的生成及渲染更加灵活。

并且，采用本申请提供的控件的生成及渲染方式，可以减少客户端存储的用于对控件进行生成及渲染的代码，减少客户端的存储空间。

作为本申请另一可选实施例，参照图2，为本申请提供的一种控件的动态生成和渲染方法实施例2的流程图，本实施例主要是对上述实施例1描述的控件的动态生成和渲染方法的细化方案，如图2所示，该方法可以包括但并不局限于以下步骤：

步骤S21、在APP运行时，若到达生成控件的时机，确定所述APP当前处于的应用场景。

本实施例中，在APP运行时，若到达生成控件的时机，APP可以确定APP当前处于的应用场景。例如，在APP检测到终端采用数据网络连接时，可以确定APP当前处于数据网络连接的应用场景；在APP检测到终端采用无线网络连接时，可以确定APP当前处于无线网络连接的应用场景。

步骤S22、通过预先设定的接口向服务器发送查询请求，以使服务器查询与所述APP当前处于的应用场景对应的控件描述文件，若查询到，将查询到的控件描述文件返回给所述APP，若未查询到，则动态构建所述APP当前处于的应用场景对应的控件描述文件，并返回给所述APP。

服务器在接收到查询请求后，查询与所述APP当前处于的应用场景对应的控件描述文件，若查询到，则说明服务器预先构建了APP在不同应用场景下的控件描述文件，并将查询到的控件描述文件返回给所述APP，若未查询到，则动态构建所述APP当前处于的应用场景对应的控件描述文件，并返回给所述APP，实现对控件描述文件的查询或动态构建。

服务器预先构建的APP在不同应用场景下的控件描述文件，可以指示APP生成不同的控件，和/或，在控件中展示不同的数据。例如，在APP当前处于的应用场景为数据网络连接的应用场景的情况下，控件描述文件可以为指示控件中仅展示文本信息，不展示图片或视频的文件；在APP当前处于的应用场景为无线网络连接的应用场景的情况下，控件描述文件可以为指示控件能展示文本信息及图片及视频的文件。

步骤S23、通过预先设定的接口，接收所述服务器返回的所述APP当前处于的应用场景对应的控件描述文件。

在确定APP当前处于的应用场景之后，通过预先设定的接口向服务器发送查询请求，实现从服务器获取到与APP当前处于的应用场景对应的控件描述文件。

步骤S21-S23可以理解为实施例1中步骤S11的一种具体实施方式。

步骤S24、基于所述控件描述文件，生成控件及所述控件的绑定器，所述绑定器中包含数据来源路径。

步骤S25、在接收到控件渲染请求时，运行所述控件的绑定器，基于所述数据来源路径，确定待展示业务数据，并在所述控件中展示所述待展示业务数据。

步骤S24-S25的详细过程可以参见实施例1中步骤S12-S13的相关介绍，在此不再赘述。

在本实施例中，客户端通过确定APP当前处于的应用场景，并向服务器查询APP当前处于的应用场景对应的控件描述文件，基于APP当前处于的应用场景对应的控件描述文件，生成控件，及对控件进行渲染，使生成的控件及控件的渲染更适用于当前处于的应用场景，提高APP的质量，改善用户体验。

接下来对本申请提供的一种控件的动态生成和渲染装置进行介绍，下文介绍的控件的动态生成和渲染装置与上文介绍的控件的动态生成和渲染方法可相互对应参照。

请参见图3，控件的动态生成和渲染装置包括：获取模块100、生成模块200及渲染模块300。

获取模块100，用于在APP运行时，若到达生成控件的时机，则通过预先设定的接口获取服务器动态构建的控件描述文件；

生成模块200，用于基于所述控件描述文件，生成控件及所述控件的绑定器，所述绑定器中包含数据来源路径；

渲染模块300，用于在接收到控件渲染请求时，运行所述控件的绑定器，基于所述数据来源路径，确定待展示业务数据，并在所述控件中展示所述待展示业务数据。

本实施例中，所述获取模块100，具体可以用于：

确定所述APP当前处于的应用场景；

通过预先设定的接口向服务器发送查询请求，以使所述服务器查询与所述APP当前处于的应用场景对应的控件描述文件，若查询到，将查询到的控件描述文件返回给所述APP，若未查询到，则动态构建所述APP当前处于的应用场景对应的控件描述文件，并返回给所述APP；

通过预先设定的接口，接收所述服务器返回的所述APP当前处于的应用场景对应的控件描述文件。

本实施例中，所述生成模块200，具体可以用于：

对所述控件描述文件进行解析，得到解析结果，并基于所述解析结果构建控件结构模型，所述控件结构模型包括对应各级控件的内存对象，及各级所述控件的数据来源字符串；

分别基于对应各级控件的内存对象，生成各级控件，并将各级所述控件的数据来源字符串转换为数据来源路径，对各级所述控件，生成包含所述控件对应的数据来源路径的绑定器。

本实施例中，所述渲染模块300，具体可以用于：

若所述数据来源路径的类型为直接值类型，则将所述数据来源路径作为待展示业务数据；

或，

若所述数据来源路径的类型为相对路径类型，则基于所述数据来源路径，在业务数据库中查找业务数据，将查找到的业务数据展示在所述控件中。

本实施例中，所述渲染模块300，具体可以用于：

确定所述控件的类型，并以所述控件的类型对应的展示方式，在所述控件中展示所述待展示业务数据。

需要说明的是，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似的部分互相参见即可。对于装置类实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

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

为了描述的方便，描述以上装置时以功能分为各种单元分别描述。当然，在实施本申请时可以把各单元的功能在同一个或多个软件和/或硬件中实现。

通过以上的实施方式的描述可知，本领域的技术人员可以清楚地了解到本申请可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本申请各个实施例或者实施例的某些部分所述的方法。

以上对本申请所提供的一种针对跨站脚本攻击的防御方法及装置进行了详细介绍，本文中应用了具体个例对本申请的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本申请的方法及其核心思想；同时，对于本领域的一般技术人员，依据本申请的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本申请的限制。

Claims (10)

1.一种控件的动态生成和渲染方法，其特征在于，包括：

在APP运行时，若到达生成控件的时机，则通过预先设定的接口获取服务器动态构建的控件描述文件；

基于所述控件描述文件，生成控件及所述控件的绑定器，所述绑定器中包含数据来源路径；

在接收到控件渲染请求时，运行所述控件的绑定器，基于所述数据来源路径，确定待展示业务数据，并在所述控件中展示所述待展示业务数据。

2.根据权利要求1所述的方法，其特征在于，所述通过预先设定的接口获取服务器动态构建的控件描述文件，包括：

确定所述APP当前处于的应用场景；

通过预先设定的接口向服务器发送查询请求，以使所述服务器查询与所述APP当前处于的应用场景对应的控件描述文件，若查询到，将查询到的控件描述文件返回给所述APP，若未查询到，则动态构建所述APP当前处于的应用场景对应的控件描述文件，并返回给所述APP；

通过预先设定的接口，接收所述服务器返回的所述APP当前处于的应用场景对应的控件描述文件。

3.根据权利要求1所述的方法，其特征在于，所述基于所述控件描述文件，生成控件及所述控件的绑定器，所述绑定器中包含数据来源路径，包括：

对所述控件描述文件进行解析，得到解析结果，并基于所述解析结果构建控件结构模型，所述控件结构模型包括对应各级控件的内存对象，及各级所述控件的数据来源字符串；

分别基于对应各级控件的内存对象，生成各级控件，并将各级所述控件的数据来源字符串转换为数据来源路径，对各级所述控件，生成包含所述控件对应的数据来源路径的绑定器。

4.根据权利要求1所述的方法，其特征在于，所述基于所述数据来源路径，确定待展示业务数据，包括：

若所述数据来源路径的类型为直接值类型，则将所述数据来源路径作为待展示业务数据；

或，

若所述数据来源路径的类型为相对路径类型，则基于所述数据来源路径，在业务数据库中查找业务数据，将查找到的业务数据展示在所述控件中。

5.根据权利要求1所述的方法，其特征在于，所述在所述控件中展示所述待展示业务数据，包括：

确定所述控件的类型，并以所述控件的类型对应的展示方式，在所述控件中展示所述待展示业务数据。

6.一种控件的动态生成和渲染装置，其特征在于，包括：

获取模块，用于在APP运行时，若到达生成控件的时机，则通过预先设定的接口获取服务器动态构建的控件描述文件；

生成模块，用于基于所述控件描述文件，生成控件及所述控件的绑定器，所述绑定器中包含数据来源路径；

渲染模块，用于在接收到控件渲染请求时，运行所述控件的绑定器，基于所述数据来源路径，确定待展示业务数据，并在所述控件中展示所述待展示业务数据。

7.根据权利要求6所述的装置，其特征在于，所述获取模块，具体用于：

确定所述APP当前处于的应用场景；

通过预先设定的接口向服务器发送查询请求，以使所述服务器查询与所述APP当前处于的应用场景对应的控件描述文件，若查询到，将查询到的控件描述文件返回给所述APP，若未查询到，则动态构建所述APP当前处于的应用场景对应的控件描述文件，并返回给所述APP；

通过预先设定的接口，接收所述服务器返回的所述APP当前处于的应用场景对应的控件描述文件。

8.根据权利要求6所述的装置，其特征在于，所述生成模块，具体用于：

对所述控件描述文件进行解析，得到解析结果，并基于所述解析结果构建控件结构模型，所述控件结构模型包括对应各级控件的内存对象，及各级所述控件的数据来源字符串；

分别基于对应各级控件的内存对象，生成各级控件，并将各级所述控件的数据来源字符串转换为数据来源路径，对各级所述控件，生成包含所述控件对应的数据来源路径的绑定器。

9.根据权利要求6所述的装置，其特征在于，所述渲染模块，具体用于：

若所述数据来源路径的类型为直接值类型，则将所述数据来源路径作为待展示业务数据；

或，

若所述数据来源路径的类型为相对路径类型，则基于所述数据来源路径，在业务数据库中查找业务数据，将查找到的业务数据展示在所述控件中。

10.根据权利要求6所述的装置，其特征在于，所述渲染模块，具体用于：

确定所述控件的类型，并以所述控件的类型对应的展示方式，在所述控件中展示所述待展示业务数据。

Images