一种用户界面设计系统及方法与流程

本发明属于移动端技术领域，特别涉及一种用户界面设计系统及方法。

背景技术：

现有技术中，如图1所示，应用在不同界面都需要重新定义一个适配器类型，从而需要单独维护其所对应的界面；应用在同一个界面不同列表需要重新定义一个适配器类型，从而需要单独维护其所对应的界面；同一个界面不同数据需要单独对数据进行转换，导致多重业务逻辑耦合。

针对不同数据、不同活动界面、不同列表容器，研发人员都需要维护一份或者多份适配器及其过对应的各个类型的界面，一方面导致研发维护成本过高，另一方面导致相同类型的界面在跨活动界面或者跨数据的情况下不能被重复使用。

例如：

a、在频道页、片库页，现有的技术要求研发人员针对每个列表容器都需要定义或者分别实现各自适配器，并且对这些适配器所定义的界面类型进行维护。

b、在频道页，此时需要增加界面模板类型，但是这个界面模版类型已经在搜索结果页面已经定义了，频道页需要实现这套界面模板时，就需要重新在频道页的适配器定义它，然而本质上它和搜索结果页是一个东西,造成重复造轮子。

c、在频道页，列表数据可能由多个不同业务接口下发回来，他们各自下发的数据模型不一样，但是他们又使用同一套界面，造成业务逻辑耦合。

技术实现要素：

本发明的目的在于，针对上述现有技术的不足，提供一种用户界面设计系统及方法，将基础数据和业务数据分离，研发时无适配器，研发人员面向数据编程，从而实现研发人员配置化界面框架，降低业务逻辑耦合，降低研发维护成本，防止重复造轮子，提高研发效率，易扩展。

为解决上述技术问题，本发明所采用的技术方案是：

一种用户界面设计系统，包括基础数据库和列表容器，其中基础数据库用于接收外部数据，列表容器中具有界面模型；其特点是还包括设置单元和卡片式引擎，所述卡片式引擎包括转换单元、业务数据库和内置适配器，其中：

转换单元：用于根据转换规则将基础数据库中的基础数据转换为对应的业务数据，并将业务数据发送至业务数据库；

业务数据库：用于接收转换单元发送的业务数据，并将业务数据发送至内置适配器；

内置适配器：用于接收业务数据库发送的业务数据，以及接收列表容器发送的界面模型，并结合业务数据和界面模型，依据展示规则，生成界面展示信息并输送至用户界面展示；

设置单元：用于设置转换规则及展示规则。

进一步地，所述设置单元还用于对卡片式引擎设置唯一标记。

基于同一个发明构思，本发明还提供了一种用户界面设计方法，其特点是包括：

步骤a，基础数据库接收外部数据；

其特征在于，

在步骤a之前还包括步骤a1，通过设置单元在转换单元内设置转换规则，在内置适配器内设置展示规则；

在步骤a之后还包括：

步骤b，转换单元接收基础数据库发送的基础数据，并根据转换规则将基础数据转换为对应的业务数据，并将业务数据发送至业务数据库；

步骤c，业务数据库接收转换单元发送的业务数据，并将业务数据发送至内置适配器；

步骤d，业务数据根据设置单元匹配界面模型并发送至内置适配器；

步骤e，内置适配器结合接收到的业务数据和界面模型，依据展示规则，生成界面展示信息并输送至用户界面展示。

作为一种优选方式优选方式，所述外部数据来源于客户端本地数据库或服务器端。

进一步地，还包括通过设置单元对卡片式引擎设置唯一标记。

与现有技术相比，本发明将基础数据和业务数据分离，研发时无适配器，研发人员面向数据编程，从而实现研发人员配置化界面框架，降低业务逻辑耦合，降低研发维护成本，防止重复造轮子，提高研发效率，易扩展。

附图说明

图1为现有技术中用户界面设计系统原理图。

图2为本发明中用户界面设计系统原理图。

图3为卡片式引擎原理图。

具体实施方式

如图2至图3所示，用户界面设计系统包括基础数据库和列表容器，其中基础数据库用于接收外部数据，列表容器中具有界面模型；其特点是还包括设置单元和卡片式引擎，所述卡片式引擎包括转换单元、业务数据库和内置适配器，其中：

转换单元：用于根据转换规则将基础数据库中的基础数据转换为对应的业务数据，并将业务数据发送至业务数据库；

业务数据库：用于接收转换单元发送的业务数据，并将业务数据发送至内置适配器；

内置适配器：用于接收业务数据库发送的业务数据，以及接收列表容器发送的界面模型，并结合业务数据和界面模型，依据展示规则，生成界面展示信息并输送至用户界面展示；

设置单元：用于设置转换规则及展示规则，还用于对卡片式引擎设置唯一标记。

本发明还提供了一种用户界面设计方法，包括以下步骤：

步骤a1，研发人员配置卡片式引擎，即：通过设置单元在转换单元内设置转换规则，在内置适配器内设置展示规则；通过设置单元设置卡片式引擎的类型，对卡片式引擎设置唯一标记。

步骤a，基础数据库接收外部数据，其中外部数据来源于客户端本地数据库或服务器端。

步骤b，外部传入需要展示视图的列表容器，列表容器将界面模型发送至内置适配器。

步骤c，转换单元接收基础数据库发送的基础数据，并根据转换规则将基础数据转换为对应的业务数据，使得基础数据模型和业务数据模型分离，到此数据模型封装已经完成，并将业务数据发送至业务数据库。

步骤d，业务数据库接收转换单元发送的业务数据，并将业务数据发送至内置适配器。

步骤e，内置适配器结合接收到的业务数据和界面模型，依据展示规则，生成界面展示信息并输送至用户界面展示，实现向用户展示不同风格的界面。

综上，本发明的卡片式引擎从外部受到对应的数据以及数据对应的类型后，根据数据类型将基础数据转换为对应的业务数据并形成数据列表，卡片式引擎的内置适配器通过业务数据列表找到对应的界面，并呈现给用户。

在频道页、片库页，研发人员只需要将这两个页面的基础数据转换成业务数据，卡片式引擎的内部适配器通过研发人员配置的展示规则，将经过处理的界面展示给用户，研发人员只需要关心外来数据以及卡片式引擎的配置。

在频道页，研发人员只需要将下发数据转换为对应的卡片类型的业务数据，每个卡片界面均只需要配置一次，应用中任何界面中都可以通用，即，一次配置，项目通用。

在频道页，研发人员只需要将不同业务接口下发的数据转换为对应的卡片类型的业务数据，卡片式引擎的内部适配器就可以将对应的卡片界面呈现给用户。

上面结合附图对本发明的实施例进行了描述，但是本发明并不局限于上述的具体实施方式，上述的具体实施方式仅仅是示意性的，而不是局限性的，本领域的普通技术人员在本发明的启示下，在不脱离本发明宗旨和权利要求所保护的范围情况下，还可做出很多形式，这些均属于本发明的保护范围之内。

技术特征：

技术总结
本发明公开了一种用户界面设计系统及方法，其中用户界面设计系统包括基础数据库、列表容器、设置单元和卡片式引擎，卡片式引擎包括转换单元、业务数据库和内置适配器，转换单元用于根据转换规则将基础数据库中的基础数据转换为业务数据，并将其发送至业务数据库；业务数据库用于将业务数据发送至内置适配器；内置适配器用于接收业务数据和界面模型，并结合二者，依据展示规则，生成界面展示信息并输送至用户界面展示；设置单元用于设置转换规则及展示规则。本发明将基础数据和业务数据分离，研发时无适配器，研发人员面向数据编程，从而实现研发人员配置化界面框架，降低业务逻辑耦合和研发维护成本，防止重复造轮子，提高研发效率，易扩展。

技术研发人员：刘淑;罗叶飞
受保护的技术使用者：湖南快乐阳光互动娱乐传媒有限公司
技术研发日：2019.05.08
技术公布日：2019.08.06