一种多端设备动态视图渲染实现方法和系统

摘要

本发明涉及一种多端设备动态视图渲染实现方法和系统，方法包括以下步骤：获取需要进行视图渲染的一个或多个终端类型，选择对应的视图渲染器；根据预先设置的视图组件配置标准模板进行标准视图配置，生成视图配置数据；将视图配置数据传入对应的视图渲染器中，对视图配置数据与对应的终端类型进行映射转换后，在终端上进行视图渲染。与现有技术相比，本发明实现利用同一套视图配置数据，进行跨终端的动态渲染，扩展性强，提高了工作效率和质量。

说明书

技术领域

本发明涉及视图渲染技术领域，尤其是涉及一种多端设备动态视图渲染实现方法和系统。

背景技术

近年来，新一代的数字化新基建兴起，如何高效、快捷、安全可靠的实现企业的数字化建设，成为各行各业关注的焦点。数字化硬件是数字化基建的骨骼，那么企业数字化过程中的软件系统则是灵魂所在，不管底层硬件设计人员如何努力，各种变化的应用场景，无限扩大的学习范围，都成为软件设计人员的智力、体力的巨大障碍。尤其是在强调人机交互的今天，软件需要运行在不同的终端设备(PC,平板，手机)，兼容不同的渲染视图的方式，所以软件的跨终端视图渲染，尤其是复杂场景的动态视图渲染，极大的增加了软件开发周期和运维的复杂度。

aPaas平台多端的动态视图渲染场景一直都是软件渲染领域最复杂的场景，它的复杂度主要体现在视图数据管理复杂，视图值转换逻辑复杂(数据传输格式不一致)，同步和异步值逻辑复杂，跨页面视图通信，视图状态管理复杂，视图的场景化复用，复杂的查询视图、场景化弹窗/抽屉视图。

现阶段aPaas平台的动态视图渲染的实现方案，主要包含以下几类实现方式：

1、动态生成代码方式渲染；

2、自定义代码碎片渲染；

3、基于协议的固定组件渲染；

以上这些方式在面对一般的视图渲染场景时，是能够满足的，但面对一些比较复杂的需要扩展的视图渲染需求时，无法很好地满足，例如：

1)视图渲染支持跨终端设备时，由于各个终端动态渲染的组件，样式，交互的不统一，无法满足多终端视图提供符合各自终端特性的人机交互场景；

2)视图渲染的数据关联逻辑复杂，事件触发方式多种多样，跨视图的数据通信规则不统一时，无法提供标准功能支持；

3)视图动态渲染述求很强烈，需要字段配置化，让非专业前端也能快速搭建复杂视图，并且描述各种复杂布局的场景，无法提供标准功能支持；

4)针对视图组件的动态注册和扩展，尤其是多端复杂布局常见的扩展，无法提供标准功能的支持。

以上列举的各类场景，以及未来可能存在更多未知的场景中，aPaaS平台产品是无法提供标准的视图渲染方式来满足的。因此，迫切需要具备很强的扩展性的aPaaS平台中的动态视图渲染方案，可以针对这些不同的场景，进行扩展企业自己的特定场景的渲染方案，极大提高aPaaS平台的满足各类常见的交互和需求。

发明内容

本发明的目的就是为了克服上述现有技术存在的缺陷而提供一种具备很强的扩展性的多端设备动态视图渲染实现方法和系统。

本发明的目的可以通过以下技术方案来实现：

一种多端设备动态视图渲染实现方法，包括以下步骤：

获取需要进行视图渲染的一个或多个终端类型，选择对应的视图渲染器；

根据预先设置的视图组件配置标准模板进行标准视图配置，生成视图配置数据；

将所述视图配置数据传入对应的视图渲染器中，对视图配置数据与对应的终端类型进行映射转换后，在终端上进行视图渲染。

进一步地，所述视图组件配置标准模板包括：

视图渲染标准配置模块，用于配置标准的组件样式，该标准的组件样式包括名称、默认值、校验器、样式、数据来源和扩展组件的特殊功能配置项；

视图基于规则的动态渲染逻辑配置模块，用于关联视图上的数据规则，配置数据渲染逻辑，该数据渲染逻辑包括基于数据规则的样式配置、校验配置、渲染逻辑配置和关联数据配置；

视图动态渲染事件配置模块，用于配置标准事件，进行跨视图、跨模型的数据交互和传递，所述标准事件包括标准事件的事件交互配置和自定义事件的交互配置；

视图动态渲染组件扩展配置模块，用于提供上传至终端的扩展组件包，进行自定义扩展配置。

进一步地，所述映射转换的过程包括：

根据预先建立的终端映射关系，将所述标准的组件样式渲染为适合当前终端的组件样式；

通过获取与当前终端对应的规则引擎动态执行所述数据渲染逻辑；

将所述标准事件中的触发逻辑和执行逻辑，转化为适配当前终端的触发逻辑和执行逻辑；

若存在扩展组件包，则将扩展组件包注册到渲染器中，进行扩展配置。

进一步地，所述多个终端类型包括PC端、移动端和平板。

本发明还提供一种多端设备动态视图渲染实现系统，包括业务应用集成平台和终端；

所述业务应用集成平台被配置为：

根据需要进行视图渲染的一个或多个终端类型，选择对应的视图渲染器；

根据预先设置的视图组件配置标准模板进行标准视图配置，生成视图配置数据；

将所述视图配置数据传入对应的视图渲染器中，对视图配置数据与对应的终端类型进行映射转换后，进行视图渲染，并将渲染后的视图传输到对应的终端；

所述终端被配置为：接收视图数据，进行显示。

进一步地，所述视图组件配置标准模板包括：

视图渲染标准配置模块，用于配置标准的组件样式，该标准的组件样式包括名称、默认值、校验器、样式、数据来源和扩展组件的特殊功能配置项；

视图基于规则的动态渲染逻辑配置模块，用于关联视图上的数据规则，配置数据渲染逻辑，该数据渲染逻辑包括基于数据规则的样式配置、校验配置、渲染逻辑配置和关联数据配置；

视图动态渲染事件配置模块，用于配置标准事件，进行跨视图、跨模型的数据交互和传递，所述标准事件包括标准事件的事件交互配置和自定义事件的交互配置；

视图动态渲染组件扩展配置模块，用于提供上传至终端的扩展组件包，进行自定义扩展配置。

进一步地，所述映射转换的过程包括：

根据预先建立的终端映射关系，将所述标准的组件样式渲染为适合当前终端的组件样式；

通过获取与当前终端对应的规则引擎动态执行所述数据渲染逻辑；

将所述标准事件中的触发逻辑和执行逻辑，转化为适配当前终端的触发逻辑和执行逻辑；

若存在扩展组件包，则将扩展组件包注册到渲染器中，进行扩展配置。

进一步地，所述多个终端类型包括PC端、移动端和平板。

进一步地，所述业务应用集成平台为aPaaS平台。

进一步地，所述aPaaS平台通过Devops组件将视图发布到对应终端的应用中。

与现有技术相比，本发明具有以下优点：

(1)本发明可以通过视图组件配置标准模板来生成视图配置数据，统一了数据格式和标准，然后在各终端对应的视图渲染器中，对视图配置数据进行映射转换，得到与终端相适配的视图渲染结果，由此利用同一套视图配置数据，在不同的终端均能进行渲染，实现跨终端的动态渲染。

(2)本发明视图组件配置标准模板具有以下优势：

可以配置不同的布局视图满足各种渲染场景，实现更全，更灵活的布局场景；

可以通过视图规则动态的渲染样式，校验，渲染逻辑，关联数据等视图逻辑，实现更为复杂的动态业务逻辑的场景；

可以通过标准事件和注册自定义事件的方式来进行逻辑的动态处理和操作，实现更为灵活的视图内事件触发机制；

可以根据不同的终端上传指定的组件来实现不同终端的渲染差异，实现更符合终端交互模式的组件渲染方式；

整体上具有扩展性强，配置方便效率高等优点。

(3)本发明对视图配置数据进行映射转换与视图组件配置标准模板相配合，针对视图组件配置标准模板中的标准的组件样式、数据渲染逻辑、标准事件和扩展组件包的扩展配置分别进行映射装换，相比于常规的整体数据映射，效率更高，装换准确率更高。

附图说明

图1为本发明实施例中提出的一种多端设备动态视图渲染实现系统的数据处理流程图。

具体实施方式

为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本发明实施例的组件可以以各种不同的配置来布置和设计。

因此，以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围，而是仅仅表示本发明的选定实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

实施例1

本实施例提供一种多端设备动态视图渲染实现系统，包括业务应用集成平台和终端；

业务应用集成平台被配置为：

根据需要进行视图渲染的一个或多个终端类型，选择对应的视图渲染器；

根据预先设置的视图组件配置标准模板进行标准视图配置，生成视图配置数据；

将视图配置数据传入对应的视图渲染器中，对视图配置数据与对应的终端类型进行映射转换后，进行视图渲染，并将渲染后的视图传输到对应的终端；

终端被配置为：接收视图数据，进行显示；终端类型包括PC端、移动端和平板。

本实施例中，视图组件配置标准模板包括：

视图渲染标准配置模块，用于配置标准的组件样式，该标准的组件样式包括名称、默认值、校验器、样式、数据来源和扩展组件的特殊功能配置项；

视图基于规则的动态渲染逻辑配置模块，用于关联视图上的数据规则，配置数据渲染逻辑，该数据渲染逻辑包括基于数据规则的样式配置、校验配置、渲染逻辑配置和关联数据配置；

视图动态渲染事件配置模块，用于配置标准事件，进行跨视图、跨模型的数据交互和传递，标准事件包括标准事件的事件交互配置和自定义事件的交互配置；

视图动态渲染组件扩展配置模块，用于提供上传至终端的扩展组件包，进行自定义扩展配置。

映射转换的过程包括：

根据预先建立的终端映射关系，将标准的组件样式渲染为适合当前终端的组件样式；

通过获取与当前终端对应的规则引擎动态执行数据渲染逻辑；

将标准事件中的触发逻辑和执行逻辑，转化为适配当前终端的触发逻辑和执行逻辑；

若存在扩展组件包，则将扩展组件包注册到渲染器中，进行扩展配置。

本实施例中，业务应用集成平台为aPaaS平台。

下面对本实施例的执行过程进行具体描述。

如图1所示，为本实施例aPaaS平台动态视图渲染的具体流程，对应的实现步骤如下：

在步骤100中，用户根据终端需要创建指定的终端视图；

在步骤101中，根据步骤100中创建的终端视图，配置指定终端视图的标准配置，包含默认值，校验器，样式，数据来源，以及其他扩展组件的特殊功能的配置项的配置；

在步骤102中，根据101中的终端视图，通过视图规则动态的渲染样式，校验，渲染逻辑，关联数据等视图逻辑，实现更为复杂的动态业务逻辑的场景；

在步骤103中，根据102中的终端视图，配置指定终端的标准事件和自定义事件，来进行不同维度和操作方式的事件触发；

在步骤104中，根据103中的终端视图，判断是否需要自定义组件

在步骤105中，根据104中的判断逻辑，如果该终端视图需要响应特定的终端逻辑，上传指定终端的组件，并完成相关特定的配置；

在步骤106中，根据101～105步骤之后，发布视图到指定的应用；

在步骤107中，通过106的步骤完成相关的视图应用逻辑，基于视图渲染配置来动态渲染指定的视图，完成业务场景的操作。

其中，渲染器的执行流程如下：

在用户访问的时候，基于视图的渲染配置来获取指定的渲染器，渲染视图，执行如下步骤：

1.根据当前所处的终端来获取视图对应的渲染器；

2.将访问的视图配置传入到对应的渲染器；

3.渲染器根据终端配置和平台标准做映射转换；

a)将视图内的标准配置按照渲染器内实现的终端映射关系，将标准配置渲染成适合当前终端的界面；

b)将视图内视图规则动态的渲染样式，校验，渲染逻辑，关联数据等视图逻辑按照渲染器内的动态执行规则逻辑；根据渲染器差异获取不同的规则引擎动态执行业务规则逻辑；

c)将视图内的定终端的标准事件和自定义事件，根据渲染器的设置进行转化成终端适配的标准事件触发，进行不同终端场景的事件执行逻辑；

d)如果需要自定义组件，需要按规则格式编写的将自定义组件注册到不同的渲染器，渲染器会根据自定义组件的扩展配置，支持更为丰富的业务场景。

实施例2

本实施例提供一种多端设备动态视图渲染实现方法，包括以下步骤：

获取需要进行视图渲染的一个或多个终端类型，选择对应的视图渲染器；

根据预先设置的视图组件配置标准模板进行标准视图配置，生成视图配置数据；

将视图配置数据传入对应的视图渲染器中，对视图配置数据与对应的终端类型进行映射转换后，在终端上进行视图渲染。

本实施例中，视图组件配置标准模板包括：

视图渲染标准配置模块，用于配置标准的组件样式，该标准的组件样式包括名称、默认值、校验器、样式、数据来源和扩展组件的特殊功能配置项；

视图基于规则的动态渲染逻辑配置模块，用于关联视图上的数据规则，配置数据渲染逻辑，该数据渲染逻辑包括基于数据规则的样式配置、校验配置、渲染逻辑配置和关联数据配置；

视图动态渲染事件配置模块，用于配置标准事件，进行跨视图、跨模型的数据交互和传递，标准事件包括标准事件的事件交互配置和自定义事件的交互配置；

视图动态渲染组件扩展配置模块，用于提供上传至终端的扩展组件包，进行自定义扩展配置。

映射转换的过程包括：

根据预先建立的终端映射关系，将标准的组件样式渲染为适合当前终端的组件样式；

通过获取与当前终端对应的规则引擎动态执行数据渲染逻辑；

将标准事件中的触发逻辑和执行逻辑，转化为适配当前终端的触发逻辑和执行逻辑；

若存在扩展组件包，则将扩展组件包注册到渲染器中，进行扩展配置。

以上详细描述了本发明的较佳具体实施例。应当理解，本领域的普通技术人员无需创造性劳动就可以根据本发明的构思做出诸多修改和变化。因此，凡本技术领域中技术人员依本发明的构思在现有技术的基础上通过逻辑分析、推理或者有限的实验可以得到的技术方案，皆应在由权利要求书所确定的保护范围内。