CN115718600A - 一种可视化界面的生成方法和装置 - Google Patents

Abstract

本发明公开了一种可视化界面的生成方法和装置，涉及计算机技术领域。该方法的一具体实施方式包括：响应于可视化界面的生成请求，获取待生成可视化界面的界面标识；根据所述界面标识，获取所述待生成可视化界面所包括的至少一个有序的模版，每个所述模版包括样式数据和业务数据，所述样式数据包括分割样式数据；对每个所述模版，根据所述模版包括的样式数据和业务数据得到模版可视化界面；按照模版的顺序，根据每个所述模版的分割样式数据将至少一个所述模版的模版可视化界面进行组合，生成可视化界面。该实施方式不仅实现了灵活、多样的可视化界面，而且节约了开发资源，提升了开发效率。

Description

一种可视化界面的生成方法和装置

技术领域

本发明涉及计算机技术领域，尤其涉及一种可视化界面的生成方法和装置。

背景技术

随着科技的发展进步，各类数字媒体已经成为日常生活中不可或缺的传播媒介，不同形式的数字化媒体产品的出现给人们带来了便捷、快速且丰富的信息体验，可视化界面作为用户获取信息、调用资源、控制设备运作的入口界面，逐渐显示出其重要性，目前可视化界面的开发主要是由开发人员参照UI(User Interface用户界面)设计图进行各种单页面固定样式和相关逻辑的开发。

在实现本发明过程中，发明人发现现有技术中存在如下问题：

对于功能复杂的界面开发需求，或者在不同场景下需要展现不同的可视化界面的情况下，采用传统的固定样式的开发方法会占用大量的开发资源，且效率低下，不能很好的满足实际需求。

发明内容

有鉴于此，本发明实施例提供一种可视化界面的生成方法和装置，根据接收到的生成请求，确定待生成可视化界面所包括的模版，以及分割样式，进而得到每个模版的可视化界面，再将各个模版的可视化界面按序根据分割样式进行组合，生成可视化界面，不仅实现了灵活、多样的可视化界面，而且节约了开发资源，提升了开发效率。

为实现所述目的，根据本发明实施例的一个方面，提供了一种可视化界面的生成方法，包括：

响应于可视化界面的生成请求，获取待生成可视化界面的界面标识；

根据所述界面标识，获取所述待生成可视化界面所包括的至少一个有序的模版，每个所述模版包括样式数据和业务数据，所述样式数据包括分割样式数据；

对每个所述模版，根据所述模版包括的样式数据和业务数据得到模版可视化界面；

按照模版的顺序，根据每个所述模版的分割样式数据将至少一个所述模版的模版可视化界面进行组合，生成可视化界面。

可选地，所述模版具有模版模型类；在根据所述模版包括的样式数据和业务数据得到模版可视化界面之前，还包括：根据所述样式数据和所述业务数据对所述模版的模版模型类进行实例化处理，生成所述模版。

可选地，所述样式数据还包括显示样式数据；根据所述模版包括的样式数据和业务数据得到模版可视化界面，包括：根据所述显示样式数据和所述业务数据得到模版可视化界面。

可选地，所述模版具有业务模型类；根据所述显示样式数据和所述业务数据得到模版可视化界面，包括：使用所述业务模型类，根据所述显示样式数据和所述业务数据进行界面渲染，得到模版可视化界面。

可选地，所述样式数据还包括模版定位数据，所述模版定位数据以所述模版可视化界面到达所述待生成可视化界面的顶部和左边界的距离来表示；按照模版的顺序，根据每个所述模版的分割样式数据将至少一个所述模版的模版可视化界面进行组合，包括：按照模版的顺序，根据每个所述模版的分割样式数据和模版定位数据，将至少一个所述模版的模版可视化界面进行组合。

可选地，所述模版还包括模版标识，且样式数据具有样式标识；通过建立模版标识和样式标识的关联关系来设置模版包括的样式数据。

根据本发明实施例的第二方面，提供一种可视化界面的生成装置，包括：

界面标识获取模块，用于响应于可视化界面的生成请求，获取待生成可视化界面的界面标识；

模版获取模块，用于根据所述界面标识，获取所述待生成可视化界面所包括的至少一个有序的模版，每个所述模版包括样式数据和业务数据，所述样式数据包括分割样式数据；

模版处理模块，用于对每个所述模版，根据所述模版包括的样式数据和业务数据得到模版可视化界面；

模版组合模块，用于按照模版的顺序，根据每个所述模版的分割样式数据将至少一个所述模版的模版可视化界面进行组合，生成可视化界面。

可选地，所述模版具有模版模型类；所述可视化界面的生成装置还包括实例化处理模块，用于：在根据所述模版包括的样式数据和业务数据得到模版可视化界面之前，根据所述样式数据和所述业务数据对所述模版的模版模型类进行实例化处理，生成所述模版。

根据本发明实施例的第三方面，提供一种可视化界面的电子设备，其特征在于，包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序，

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现本发明实施例第一方面提供的方法。

根据本发明实施例的第四方面，提供一种计算机可读介质，其上存储有计算机程序，所述程序被处理器执行时实现本发明实施例第一方面提供的方法。

所述发明中的一个实施例具有如下优点或有益效果：通过响应于可视化界面的生成请求，获取待生成可视化界面的界面标识；根据界面标识，获取待生成可视化界面所包括的至少一个有序的模版，每个模版包括样式数据和业务数据，样式数据包括分割样式数据；对每个模版，根据模版包括的样式数据和业务数据得到模版可视化界面；按照模版的顺序，根据每个模版的分割样式数据将至少一个模版的模版可视化界面进行组合，生成可视化界面的技术方案，实现了根据接收到的生成请求，确定待生成可视化界面所包括的模版，以及分割样式，进而得到每个模版的可视化界面，再将各个模版的可视化界面按序根据分割样式进行组合，生成可视化界面，不仅实现了灵活、多样的可视化界面，而且节约了开发资源，提升了开发效率。

附图说明

附图用于更好地理解本发明，不构成对本发明的不当限定。其中：

图1是根据本发明实施例的可视化界面的生成方法的主要流程示意图；

图2是本发明实施例生成可视化界面的详细流程示意图；

图3是根据本发明实施例的可视化界面的生成装置的主要模块示意图；

图4是本发明实施例可以应用于其中的示例性系统架构图；

图5是适于用来实现本发明实施例的终端设备或服务器的计算机系统的结构示意图。

具体实施方式

需要说明的是，本发明技术方案中对数据的获取、存储、使用、处理等均符合国家法律法规的相关规定，且不违背公序良俗。

以下结合附图对本发明的示范性实施例做出说明，其中包括本发明实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本发明的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

目前对于可视化界面的开发，当面对功能复杂的界面开发需求，或者在不同场景下需要展现不同的可视化界面时，采用传统的固定样式的开发方法会占用大量的开发资源，且效率低下，不能很好的满足实际需求。

为了解决现有技术中存在的上述问题，本发明提出一种可视化界面的生成方法，根据接收到的生成请求，确定待生成可视化界面所包括的模版，以及分割样式，进而得到每个模版的可视化界面，再将各个模版的可视化界面按序根据分割样式进行组合，生成可视化界面，不仅实现了灵活、多样的可视化界面，而且节约了开发资源，提升了开发效率。

在本发明的实施例介绍中，所涉及的名词及其含义如下：

模版模型类：基于模版数据的数据模型类；

业务模型类：基于业务场景的数据模型类；

JSON：是一种轻量级的数据交换格式；

UI：User Interface，即用户界面，也叫用户界面设计，是指对软件人机交互、操作逻辑、界面美观的整体设计；

Flutter：是Google开源的构建用户界面(UI)工具包，帮助开发者通过一套代码库高效构建多平台精美应用，支持移动、Web、桌面和嵌入式平台。

图1是根据本发明实施例的可视化界面的生成方法的主要流程示意图，如图1所示，本发明实施例的可视化界面方法包括如下的步骤S101至步骤S104。

步骤S101、响应于可视化界面的生成请求，获取待生成可视化界面的界面标识。

具体地，本发明基于Flutter跨平台开发框架，通过接口接收到可视化界面的生成请求，得到待生成可视化界面的界面标识，这个过程中可以基于预先分配的接口号所对应的待生成可视化界面的界面标识，根据接收到生成请求的接口的接口号，得到待生成可视化界面的界面标识。

步骤S102、根据所述界面标识，获取所述待生成可视化界面所包括的至少一个有序的模版，每个所述模版包括样式数据和业务数据，所述样式数据包括分割样式数据。

根据本发明的一个实施例，所述模版还包括模版标识，且样式数据具有样式标识；通过建立模版标识和样式标识的关联关系来设置模版包括的样式数据。

根据本发明的另一个实施例，所述模版具有模版模型类。

具体地，在生成可视化界面之前，需要对可视化界面的涉及到的UI设计图进行汇总和分析，确定可以覆盖各种业务需求的多个模版，并建立与模版对应的模版模型类。根据上述获取的待生成可视化界面的界面标识，获取待生成可视化界面的配置数据，配置数据主要包括了待生成可视化界面所包括的模版组成列表，以及模版组成列表中每个模版对应的模版标识、模版样式数据和业务数据，为了便于数据的调用和管理，对模版样式数据进行打标处理，得到与模版样式数据对应的样式标识，通过建立模版标识和样式标识的关联关系来管理模版样式数据。另外，此中的模版组成列表既表征了可视化界面的模版组成，又体现了模版的顺序，通过可视化界面的模版组成以及模版之间的顺序，可以生成满足需求的可视化界面。

通过建立模版标识和样式标识之间的关联关系，使得模版样式数据保持了相对独立性，既便于单独管理，又可以灵活应用，也实现了模版界面样式的多元化。

步骤S103、对每个所述模版，根据所述模版包括的样式数据和业务数据得到模版可视化界面。

根据本发明的一个实施例，在根据所述模版包括的样式数据和业务数据得到模版可视化界面之前，还包括：根据所述样式数据和所述业务数据对所述模版的模版模型类进行实例化处理，生成所述模版。

具体地，考虑到配置数据的数据格式为JSON，为了便于后续处理，对上述获取的配置数据进行解析处理，遍历所有的配置数据，根据配置数据中的模版标识，将具有样式数据和业务数据的JSON配置数据映射到与模版标识对应的模版模型类中，实现了模版模型类的实例化，生成可视化界面的组成模版。进一步地，为了提升后续模版的处理效率，可以将解析处理后的样式数据中的分割样式数据和模版标识数据分别交由分割样式管理类和模版标识管理类进行存储管理，此中的分割样式数据指代的是模版和模版之间的分割展示效果，可以是线条、空格、图形等。

根据本发明的另一个实施例，所述样式数据还包括显示样式数据；根据所述模版包括的样式数据和业务数据得到模版可视化界面，包括：根据所述显示样式数据和所述业务数据得到模版可视化界面。

具体地，上述对配置数据解析得到的样式数据中既有分割样式数据也有显示样式数据，显示样式数据指代模版的显示效果，可以是一个按钮、一个对话框等。对待生成可视化界面中的每个模版，根据显示样式数据和业务数据可以得到每个模版的可视化界面。

根据本发明的再一个实施例，所述模版具有业务模型类；根据所述显示样式数据和所述业务数据得到模版可视化界面，包括：使用所述业务模型类，根据所述显示样式数据和所述业务数据进行界面渲染，得到模版可视化界面。

具体地，在生成可视化界面之前，可以根据各种业务场景提前定义各种通用的业务模型类并存储在模版管理类中。对上述待生成可视化界面中的每个模版，根据每个模版的模版标识，从模版管理类中获取与模版标识相对应的业务模型类，再根据该模版的样式数据中的显示样式数据和业务数据进行界面渲染，得到每个模版的模版可视化界面。

步骤S104、按照模版的顺序，根据每个所述模版的分割样式数据将至少一个所述模版的模版可视化界面进行组合，生成可视化界面。

具体地，在得到待生成可视化界面所需要的所有模版的模版可视化界面后，按照配置数据中模版的顺序，通过每个模版的模版标识与样式标识之间的关联关系，得到每个模版的样式数据，进而获取对应的分割样式数据，根据每个模版的分割样式数据，依次加载组合各个模版的模版可视化界面，最终生成符合配置数据的可视化界面。

根据本发明的一个实施例，所述样式数据还包括模版定位数据，所述模版定位数据以所述模版可视化界面到达所述待生成可视化界面的顶部和左边界的距离来表示；按照模版的顺序，根据每个所述模版的分割样式数据将至少一个所述模版的模版可视化界面进行组合，包括：按照模版的顺序，根据每个所述模版的分割样式数据和模版定位数据，将至少一个所述模版的模版可视化界面进行组合。

具体地，在模版的样式数据中除了显示样式数据和分割样式数据外，还包括模版定位数据，在可视化界面的开发中，通常以界面在显示设备的顶部左上角为坐标原点，对于每个模版的模版可视化界面，以该模版可视化界面到达待生成可视化界面的顶部和左边界的距离来表示该模版的定位数据，也就是绝对定位。鉴于获取到的待生成的可视化界面所包括的多个模版之间，不可避免会有模版重叠的情况，这种重叠可以是一个模版嵌入在另一个模版之中，也可以是多个模版之间有重叠的位置关系，所以对所有模版的分割样式数据的加载均采用绝对定位。同时，考虑到相对定位在执行效率上的优势，本发明实施例中，基于Flutter跨平台开发框架采用相对定位的形式得到绝对定位的定位数据，即按照模版的顺序，对待生成可视化界面的模版，根据当前模版的前一个模版的模版可视化界面的绝对定位信息，得到当前模版的绝对定位数据，根据当前模版的绝对定位数据，将当前模版的分割样式数据加载在当前模版的可视化界面中，并按序依次将带有分割样式数据的模版可视化界面进行组合，得到符合配置数据的可视化界面。

上述模版分割样式与模版相对独立，相同的模版也可以根据场景、业务需要加载不同的分割样式，从而保证了可视化界面的灵活性和多样性，另外采用上述绝对定位的方式来加载模版的分割样式数据，统一了模版之间常规位置关系和重叠位置关系的加载，在保证了加载位置的正确性的前提下，也优化了加载效率。

图2是本发明实施例生成可视化界面的详细流程示意图，接口接收到可视化界面的生成请求，获取待生成可视化界面的界面标识，根据界面标识得到待生成可视化界面的线上配置数据，此配置数据中具有待生成可视化界面所包括的模版列表信息；接口配置处理类对配置数据进行解析，以实例化预先创建的模版模型类，得到待生成可视化界面所包括的所有模版，并把解析后得到的模版的样式数据中的分割样式数据存储于分割样式管理类、解析后得到模版的标识数据存储于模版标识管理类，同时建立模版标识和样式标识的关联关系；模版渲染加载处理类用于驱动渲染加载待生成可视化界面的各个组成模版，对于每个模版，根据模版标识从模版管理类中获取与模版标识对应的模版的业务模型类，使用该业务模型类，根据模版样式数据中的显示样式数据和业务数据进行界面渲染，得到该模版的模版可视化界面；按照配置数据中的模版的顺序，根据模版标识和样式标识的关联关系得到当前模版的分割样式数据，结合样式数据中的定位数据，将分割样式数据加载在当前模版的可视化界面中，再将带有分割样式数据的模版可视化界面按序进行组合，得到模版1的可视化界面UI1到模版N的可视化界面UIN的组合界面展示，即生成可视化界面。

本发明实施例基于Flutter跨平台开发框架，不依赖于外部解释器，在稳定的可视化界面表达效果的前提下，根据接收到的生成请求获取到的配置数据，确定待生成可视化界面所包括的模版，以及需要的个性化的分割样式，进而得到每个组成模版的可视化界面，再将各个模版的可视化界面按序根据分割样式进行组合，生成可视化界面，不仅实现了灵活、多样的可视化界面，而且节约了开发资源，提升了开发效率。

图3是根据本发明实施例的可视化界面的生成装置的主要模块示意图。如图3所示，可视化界面的生成装置300主要包括界面标识获取模块301、模版获取模块302、模版处理模块303和模版组合模块304。

界面标识获取模块301，用于响应于可视化界面的生成请求，获取待生成可视化界面的界面标识；

模版获取模块302，用于根据所述界面标识，获取所述待生成可视化界面所包括的至少一个有序的模版，每个所述模版包括样式数据和业务数据，所述样式数据包括分割样式数据；

模版处理模块303，用于对每个所述模版，根据所述模版包括的样式数据和业务数据得到模版可视化界面；

模版组合模块304，用于按照模版的顺序，根据每个所述模版的分割样式数据将至少一个所述模版的模版可视化界面进行组合，生成可视化界面。

根据本发明的一个实施例，所述模版具有模版模型类；所述可视化界面的生成装置300还包括实例化处理模块(图中未示出)，用于：在根据所述模版包括的样式数据和业务数据得到模版可视化界面之前，根据所述样式数据和所述业务数据对所述模版的模版模型类进行实例化处理，生成所述模版。

根据本发明的另一个实施例，所述样式数据还包括显示样式数据；所述模版处理模块303，还可以用于：根据所述显示样式数据和所述业务数据得到模版可视化界面。

根据本发明的再一个实施例，所述模版具有业务模型类；所述模版处理模块303，还可以用于：使用所述业务模型类，根据所述显示样式数据和所述业务数据进行界面渲染，得到模版可视化界面。

根据本发明的又一个实施例，所述样式数据还包括模版定位数据，所述模版定位数据以所述模版可视化界面到达所述待生成可视化界面的顶部和左边界的距离来表示；所述模版组合模块304，还可以用于：按照模版的顺序，根据每个所述模版的分割样式数据和模版定位数据，将至少一个所述模版的模版可视化界面进行组合。

根据本发明的另一个实施例，所述模版还包括模版标识，且样式数据具有样式标识；通过建立模版标识和样式标识的关联关系来设置模版包括的样式数据。

图4是本发明实施例可以应用于其中的示例性系统架构图。

如图4所示，系统架构400可以包括终端设备401、402、403，网络404和服务器405。网络404用以在终端设备401、402、403和服务器405之间提供通信链路的介质。网络404可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。

用户可以使用终端设备401、402、403通过网络404与服务器405交互，以接收或发送消息等。终端设备401、402、403上可以安装有各种通讯客户端应用，例如可视化界面应用等(仅为示例)。

终端设备401、402、403可以是具有显示屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。

服务器405可以是提供各种服务的服务器，例如对用户利用终端设备401、402、403所进行的可视化界面提供支持的后台管理服务器(仅为示例)。后台管理服务器可以响应于可视化界面的生成请求，获取待生成可视化界面的界面标识；根据所述界面标识，获取所述待生成可视化界面所包括的至少一个有序的模版，每个所述模版包括样式数据和业务数据，所述样式数据包括分割样式数据；对每个所述模版，根据所述模版包括的样式数据和业务数据得到模版可视化界面；按照模版的顺序，根据每个所述模版的分割样式数据将至少一个所述模版的模版可视化界面进行组合，生成可视化界面等处理，并将处理结果(例如可视化界面等--仅为示例)反馈给终端设备。

需要说明的是，本发明实施例所提供的可视化界面的生成方法一般由服务器405执行，相应地，可视化界面的生成装置一般设置于服务器405中。

应该理解，图4中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。

下面参考图5，其示出了适于用来实现本发明实施例的终端设备或服务器的计算机系统500的结构示意图。图5示出的终端设备或服务器仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。

如图5所示，计算机系统500包括中央处理单元(CPU)501，其可以根据存储在只读存储器(ROM)502中的程序或者从存储部分508加载到随机访问存储器(RAM)503中的程序而执行各种适当的动作和处理。在RAM 503中，还存储有系统500操作所需的各种程序和数据。CPU 501、ROM 502以及RAM 503通过总线504彼此相连。输入/输出(I/O)接口505也连接至总线504。

以下部件连接至I/O接口505：包括键盘、鼠标等的输入部分506；包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分507；包括硬盘等的存储部分508；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分509。通信部分509经由诸如因特网的网络执行通信处理。驱动器510也根据需要连接至I/O接口505。可拆卸介质511，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器510上，以便于从其上读出的计算机程序根据需要被安装入存储部分508。

特别地，根据本发明公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本发明公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分509从网络上被下载和安装，和/或从可拆卸介质511被安装。在该计算机程序被中央处理单元(CPU)501执行时，执行本发明的系统中限定的上述功能。

需要说明的是，本发明所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是所述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者所述的任意合适的组合。在本发明中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本发明中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或所述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、RF等等，或者所述的任意合适的组合。

附图中的流程图和框图，图示了按照本发明各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，所述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本发明实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的单元也可以设置在处理器中，例如，可以描述为：一种处理器包括：界面标识获取模块、模版获取模块、模版处理模块和模版组合模块。

其中，这些模块的名称在某种情况下并不构成对该模块本身的限定，例如，界面标识获取模块还可以被描述为“用于响应于可视化界面的生成请求，获取待生成可视化界面的界面标识的模块”。

另一方面，本发明还提供了一种计算机可读介质，该计算机可读介质可以是所述实施例中描述的设备中所包含的；也可以是单独存在，而未装配入该设备中。所述计算机可读介质承载有一个或者多个程序，当所述一个或者多个程序被一个该设备执行时，使得该设备包括：响应于可视化界面的生成请求，获取待生成可视化界面的界面标识；根据所述界面标识，获取所述待生成可视化界面所包括的至少一个有序的模版，每个所述模版包括样式数据和业务数据，所述样式数据包括分割样式数据；对每个所述模版，根据所述模版包括的样式数据和业务数据得到模版可视化界面；按照模版的顺序，根据每个所述模版的分割样式数据将至少一个所述模版的模版可视化界面进行组合，生成可视化界面。

根据本发明实施例的技术方案，具有如下优点或有益效果：通过响应于可视化界面的生成请求，获取待生成可视化界面的界面标识；根据界面标识，获取待生成可视化界面所包括的至少一个有序的模版，每个模版包括样式数据和业务数据，样式数据包括分割样式数据；对每个模版，根据模版包括的样式数据和业务数据得到模版可视化界面；按照模版的顺序，根据每个模版的分割样式数据将至少一个模版的模版可视化界面进行组合，生成可视化界面的技术方案，实现了根据接收到的生成请求，确定待生成可视化界面所包括的模版，以及分割样式，进而得到每个模版的可视化界面，再将各个模版的可视化界面按序根据分割样式进行组合，生成可视化界面，不仅实现了灵活、多样的可视化界面，而且节约了开发资源，提升了开发效率。

所述具体实施方式，并不构成对本发明保护范围的限制。本领域技术人员应该明白的是，取决于设计要求和其他因素，可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明保护范围之内。

Claims (10)

1.一种可视化界面的生成方法，其特征在于，包括：

响应于可视化界面的生成请求，获取待生成可视化界面的界面标识；

根据所述界面标识，获取所述待生成可视化界面所包括的至少一个有序的模版，每个所述模版包括样式数据和业务数据，所述样式数据包括分割样式数据；

对每个所述模版，根据所述模版包括的样式数据和业务数据得到模版可视化界面；

按照模版的顺序，根据每个所述模版的分割样式数据将至少一个所述模版的模版可视化界面进行组合，生成可视化界面。

2.根据权利要求1所述的方法，其特征在于，所述模版具有模版模型类；

在根据所述模版包括的样式数据和业务数据得到模版可视化界面之前，还包括：

根据所述样式数据和所述业务数据对所述模版的模版模型类进行实例化处理，生成所述模版。

3.根据权利要求1所述的方法，其特征在于，所述样式数据还包括显示样式数据；

根据所述模版包括的样式数据和业务数据得到模版可视化界面，包括：

根据所述显示样式数据和所述业务数据得到模版可视化界面。

4.根据权利要求3所述的方法，其特征在于，所述模版具有业务模型类；

根据所述显示样式数据和所述业务数据得到模版可视化界面，包括：

使用所述业务模型类，根据所述显示样式数据和所述业务数据进行界面渲染，得到模版可视化界面。

5.根据权利要求1所述的方法，其特征在于，所述样式数据还包括模版定位数据，所述模版定位数据以所述模版可视化界面到达所述待生成可视化界面的顶部和左边界的距离来表示；

按照模版的顺序，根据每个所述模版的分割样式数据将至少一个所述模版的模版可视化界面进行组合，包括：

按照模版的顺序，根据每个所述模版的分割样式数据和模版定位数据，将至少一个所述模版的模版可视化界面进行组合。

6.根据权利要求1所述的方法，其特征在于，所述模版还包括模版标识，且样式数据具有样式标识；

通过建立模版标识和样式标识的关联关系来设置模版包括的样式数据。

7.一种可视化界面的生成装置，其特征在于，包括：

界面标识获取模块，用于响应于可视化界面的生成请求，获取待生成可视化界面的界面标识；

模版获取模块，用于根据所述界面标识，获取所述待生成可视化界面所包括的至少一个有序的模版，每个所述模版包括样式数据和业务数据，所述样式数据包括分割样式数据；

模版处理模块，用于对每个所述模版，根据所述模版包括的样式数据和业务数据得到模版可视化界面；

模版组合模块，用于按照模版的顺序，根据每个所述模版的分割样式数据将至少一个所述模版的模版可视化界面进行组合，生成可视化界面。

8.根据权利要求7所述的装置，其特征在于，所述模版具有模版模型类，所述可视化界面的生成装置还包括实例化处理模块，用于：

在根据所述模版包括的样式数据和业务数据得到模版可视化界面之前，根据所述样式数据和所述业务数据对所述模版的模版模型类进行实例化处理，生成所述模版。

9.一种移动电子设备终端，其特征在于，包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序，

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-6中任一所述的方法。

10.一种计算机可读介质，其上存储有计算机程序，其特征在于，所述程序被处理器执行时实现如权利要求1-6中任一所述的方法。

Images