CN111930381A - 一种支持SaaS多租户系统的个性化页面配置方法 - Google Patents

Abstract

本发明提供了一种支持SaaS多租户系统的个性化页面配置方法，包括：获取组件以及组件对应的组件信息，将组件和组件信息向组件库传输；用户按照需求通过容器画布布局引擎基于画布选择组件库中的组件进行页面配置，并通过容器画布配置引擎对画布中组件对应的组件信息进行配置，获取配置数据，并将配置数据转化为JSON格式提交；通过容器画布渲染引擎根据JSON格式的配置数据进行渲染处理，生成可视化配置页面向用户显示；解决了传统技术中通过硬编码的方式设计页面的问题，当用户需求变化时，用户根据需求通过容器画布布局引擎选择组件库中的组件进行个性化设计页面，从而实现了根据不同用户的需求，对多个个性化、差异化的页面的配置。

Description

一种支持SaaS多租户系统的个性化页面配置方法

技术领域

本发明涉及计算机应用技术领域，特别涉及一种支持SaaS多租户系统的个性化页面配置方法。

背景技术

SaaS（Software-as-a-Service的缩写名称）为软件即服务，即通过网络提供软件服务。SaaS平台供应商将应用软件统一部署在自己的服务器上，客户可以根据工作实际需求，通过互联网向厂商定购所需的应用软件服务，并通过互联网获得Saas平台供应商提供的服务。

目前，通过硬编码的方式实现根据用户需求对页面的设计，而当用户需要变化时，则需要重新进行页面布局开发，浪费较多时间和人力资源。

因此，急需一种支持SaaS多租户系统的个性化页面配置方法。

发明内容

为解决上述技术问题，本发明提供一种支持SaaS多租户系统的个性化页面配置方法，用以解决当用户需求变化时，需要重新进行编码设计页面的问题。

本发明实施例中提供了一种支持SaaS多租户系统的个性化页面配置方法，其特征在于，所述方法，包括：

获取组件以及所述组件对应的组件信息，将所述组件和所述组件信息向组件库传输；

用户按照需求通过容器画布布局引擎基于画布选择所述组件库中的所述组件进行页面配置，并通过容器画布配置引擎对所述画布中所述组件对应的所述组件信息进行配置，获取配置数据，并将所述配置数据转化为JSON格式提交；

通过容器画布渲染引擎根据JSON格式的所述配置数据进行渲染处理，生成可视化配置页面向用户显示。

在一个实施例中，所述组件信息，包括组件属性、组件数据和组件样式；

所述组件属性，用于表示所述组件的可扩展程度；所述组件属性，包括可配置项、配置项控件、可选值、默认值和配置值；所述可配置项，用于表示所述组件可以配置的内容；所述配置项控件，用于表示所述组件可配置项的显示方式；所述可选值，用于提供选项供用户进行选择配置；所述默认值，用于表示所述组件可配置项的默认数据；所述配置值，用于表示用户对所述组件可配置项的最终配置数据；

所述组件数据，用于表示所述组件显示的数据内容；

所述组件样式，用于表示所述组件的最终渲染效果的参数；还用于用户在渲染处理之前，对所述组件样式进行自定义配置，以使改变所述组件的渲染效果。

在一个实施例中，获取组件以及所述组件对应的组件信息，将所述组件和所述组件信息向组件库传输之前，还包括：

对所述组件的开发；所述组件，包括：基础组件、布局组件、元数据组件和业务组件；

所述基础组件，用于向所述组件库提供用户配置页面时所需的基本组件；

所述布局组件，用于向所述组件库提供用户配置页面时布局所需的组件；

所述元数据组件，用于向所述组件库提供用户配置页面时所述组件之间的连接组件；

所述业务组件，用于向所述组件库提供用户根据特定需求配置页面所需的组件；所述业务组件，包括工艺工程组件、电子工程组件、机械工程组件、流程图组件以及网络工程组件；

获取所述组件对应的所述组件信息，并将所述组件和所述组件信息向所述组件库传输；

所述组件库，用于存储所述组件和所述组件对应的所述组件信息；所述组件库，还用于记录访问所述组件库的用户以及用户的操作行为；当访问所述组件库的用户的操作行为存在对所述组件库中所述组件或所述组件信息的修改时，则对所述组件库中的所述组件和所述组件信息进行初始化配置，并切断与用户连接，将用户加入黑名单。

在一个实施例中，用户按照需求通过容器画布布局引擎基于画布选择所述组件库中的所述组件进行页面配置，并通过容器画布配置引擎对所述画布中所述组件对应的所述组件信息进行配置，获取配置数据，并将所述配置数据转化为JSON格式提交包括：

获取空白的画布；

用户通过从所述组件库中拖拽所述组件放入所述画布中，其包括：

用户通过鼠标将所述组件拖拽到所述画布时，判断鼠标落点是否为空白区域；当判断鼠标落点为空白区域时，判断所述空白区域是否满足所述组件的大小；当判断所述空白区域满足所述组件的大小时，确定所述组件的放置位置，并将所述组件放置到所述画布中确定的所述放置位置；当判断鼠标落点不为空白区域时，向用户提示鼠标落点的位置处已包含有原组件，并向用户传输是否覆盖原组件的信息；当接收到用户传输的确认覆盖原组件的信息时，确定所述组件的放置位置，并将所述组件放置到所述画布中确定的所述放置位置；当未接收到用户传输的确认覆盖原组件的信息或接收到用户传输的拒绝覆盖原组件的信息时，将所述组件放回到所述组件库中；

读取所述画布中所述组件的可配置内容；

用户根据所述可配置内容，通过容器画布配置引擎对所述画布中的所述组件信息进行配置，生成所述配置数据；

将所述配置数据转化为JSON格式提交。

在一个实施例中，当判断所述空白区域满足所述组件的大小时，确定所述组件的放置位置，并将所述组件放置到所述画布中确定的所述放置位置包括：

当判断所述空白区域满足所述组件的大小时，确定所述组件的放置位置；

根据确定所述组件的放置位置，基于所述画布在所述放置位置向四周查找空余的格子，将所述组件在所述画布中的空余的格子中进行填充；

用户通过调整所述组件对应的所述组件信息，调整所述组件在所述画布中的大小。

在一个实施例中，用户按照需求通过容器画布布局引擎基于画布选择所述组件库中的所述组件进行页面配置，并通过容器画布配置引擎对所述画布中所述组件对应的所述组件信息进行配置，获取配置数据，并将所述配置数据转化为JSON格式提交的过程中，还包括：

根据用户需求，从页面模板库中获取页面配置模板；

用户基于所述页面配置模板，对所述页面配置模板中的所述组件进行添加、删除或修改操作；通过容器画布配置引擎对所述页面配置模板中的所述组件的所述组件信息进行配置，获取配置数据，并转换为JSON格式；

所述页面模板库，包含有根据业务类型配置的多个页面配置模板；用户根据业务需求对所述页面模板库中的所述页面配置模板进行修改和调整；或者，用户根据业务需求自行设计页面配置模板，并将所述页面配置模板向所述页面模板库传输进行存储，以方便用户后续工作中从所述页面模板中调用自身根据业务需求设计所述页面配置模板。

在一个实施例中，通过容器画布渲染引擎根据JSON格式的所述配置数据进行渲染处理，生成可视化配置页面向用户显示包括：

读取JSON格式的所述配置数据；

通过所述容器画布渲染引擎对JSON格式的所述配置数据进行解析处理，将JSON格式的所述配置数据解析为包含组件布局信息、组件配置信息的数据对象数组；

获取用户操作的用户端类型；

通过遍历所述数据对象数组，并根据所述组件布局信息对用户配置后的所述画布划分页面区域，再根据所述组件信息以及所述用户端类型共同渲染所述组件，生成可视化配置页面，并向用户显示；

所述用户端类型，包括PC端和手机端。

在一个实施例中，通过容器画布渲染引擎根据JSON格式的所述配置数据进行渲染处理，生成可视化配置页面向用户显示之后，还包括：

获取基于SaaS多租户系统操作的用户端的用户标识；

根据所述用户端的所述用户标识，建立用户对应的操作数据库；

所述操作数据库，用于存储用户通过容器画布布局引擎基于画布选择所述组件库中的所述组件进行配置后的配置页面、所述配置数据和所述可视化配置页面；所述操作数据库，还用于获取所述组件库的副本进行保存，并接收用户根据需求对所述操作数据库中的所述组件库的副本中的所述组件对应的所述组件信息的修改和调整；

所述组件库中的所述组件和所述组件信息与所述操作数据库中所述组件库的副本中的所述组件和所述组件信息进行同步处理，其包括：

当所述组件库中包含有所述组件库的副本中不包含的所述组件和所述组件对应的所述组件信息时，则将所述组件和所述组件对应的所述组件信息向所述组件库的副本传输进行存储；

当所述组件库中包含有所述组件库的副本中不包含的所述组件信息时，则向用户传输组件信息更新请求；当用户同意进行组件信息更新时，将所述组件库中的所述组件信息同步到所述组件库的副本中。

在一个实施例中，获取基于SaaS多租户系统操作的用户端的用户标识包括：

向所述用户端传输页面配置认证指令；

所述用户端，用于根据所述页面配置认证指令将存储于所述用户端的用户信息向所述系统传输；

所述系统，用于根据所述用户端传输的所述用户信息，判断所述用户端对应的用户是否符合配置页面的权限；当判断所述用户端对应的用户符合配置页面的权限时，向所述用户端传输用户标识获取指令；所述用户端，用于接收到所述用户标识获取指令时，将所述用户标识向所述系统传输；

当判断所述用户端对应的用户不符合配置页面的权限时，向所述用户端传输权限不符信息和权限申请流程信息；所述用户端，用于将所述权限不符信息和所述权限申请流程信息向用户显示；所述用户端，还用于接收用户根据所述权限不符信息和所述权限申请流程信息向所述系统传输的权限申请信息，并将所述权限申请信息向所述系统传输；所述系统，用于接收到所述用户端传输对的所述权限申请信息时，向所述用户端传输配置页面所需的必要文件；用户根据所述用户端接收到的所述必要文件，安装配置页面所需的程序；待安装完成后，检测所述用户端是否可以正常进行配置页面操作，当检测所述用户端可以正常进行配置页面操作时，获取对所述用户端的必要访问权限，并获取所述用户端的所述用户标识；当检测所述用户端不可以正常进行配置页面操作时，向所述用户端传输提示信息，以提醒用户的所述用户端不可以正常进行配置页面操作，需对所述必要文件重新安装。

在一个实施例中，通过容器画布配置引擎对所述画布中的所述组件的所述组件信息进行配置，获取配置数据的过程中，还包括：

获取所述组件对应的组件子库，同时，确定从所述组件子库中调取所述组件需要的所有目标配置件的配置信息，所述配置信息包括：所述目标配置件待配置的画布种类、所述目标配置件在配置过程中的基于画布的画面显示占比值w1、所述目标配置件基于所述画布的权重值w4；

根据所述配置信息以及配置需求，计算每个所述目标配置件的综合配置值Z；

；

其中，s1所述目标配置件基于所述画布的位置参数；s0表示所述画布的中心位置参数；k1表示所述目标配置件基于所述画布的颜色参数；k2表示所述目标配置件基于所述画布的纹理参数；w2表示所述目标配置件与对应的其他配置件基于待配置的画布种类的种类关联值；w3表示所述目标配置件与对应的其他配置件之间的配置关联值；p1表示所述目标配置件在配置过程中被访问概率；p2表示所述目标配置件在配置过程中被拒绝概率；

根据所述综合配置值，从配置数据库中，调取与所述综合配置相关的每个目标配置件的数据，并构成待验证数据，且在获取到待验证数据之后，根据所述待验证数据构建待调整画布；

对所述待调整画布进行多层扫描处理，确定每层扫描构成的扫描层中是否存在区域残缺；

若存在，对所有扫描层存在的区域残缺进行分类，并对不同类型的区域残缺构建不同的索引；

基于残缺数据库，对所述区域残缺进行识别，并根据识别结果，获取待修补指令，并将同类型的区域残缺对应的所述待修补指令添加到对应的待存储区域中；

根据所述索引，从所述待存储区域中获取对应的待修补指令，对对应的同类型的区域残缺进行并行修补处理，直到不存在区域残缺，获得最终画布。

本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。

下面通过附图和实施例，对本发明的技术方案做进一步的详细描述。

附图说明

图1为本发明所提供了一种支持SaaS多租户系统的个性化页面配置方法的结构示意图。

具体实施方式

以下结合附图对本发明的优选实施例进行说明，应当理解，此处所描述的优选实施例仅用于说明和解释本发明，并不用于限定本发明。

本发明实施例提供了一种支持SaaS多租户系统的个性化页面配置方法，如图1所示，方法，包括：

获取组件以及组件对应的组件信息，将组件和组件信息向组件库传输；

用户按照需求通过容器画布布局引擎基于画布选择组件库中的组件进行页面配置，并通过容器画布配置引擎对画布中组件对应的组件信息进行配置，获取配置数据，并将配置数据转化为JSON格式提交；

通过容器画布渲染引擎根据JSON格式的配置数据进行渲染处理，生成可视化配置页面向用户显示。

上述方法的工作原理在于：将获取的组件和组件信息向组件库传输；用户按照需求通过容器画布布局引擎基于画布选择组件库中的组件进行页面配置，并通过容器画布配置引擎对画布中组件对应的组件信息进行配置，获取配置数据，并将配置数据转化为JSON格式提交；再通过容器画布渲染引擎根据JSON格式的配置数据进行渲染处理，生成可视化配置页面向用户显示。

上述方法的有益效果在于：通过将组件和组件信息向组件库传输；用户按照需求通过容器画布布局引擎基于画布选择组件库中的组件实现对页面的配置，并通过容器画布配置引擎对画布中组件对应的组件信息进行配置，实现对配置数据的获取，并将配置数据转化为JSON格式提交；并通过容器画布渲染引擎根据JSON格式的配置数据进行渲染处理，实现对可视化配置页面的获取并向用户显示；与传统技术相比，上述方法用户通过容器画布布局引擎基于画布选择组件库中的组件实现对页面的配置，并通过容器画布配置引擎对画布中组件对应的组件信息进行配置，获取配置数据，并将配置数据转化为JSON格式提交；再通过容器画布渲染引擎根据JSON格式的配置数据进行渲染处理，实现对可视化配置页面的获取；解决了传统技术中通过硬编码的方式设计页面的问题，当用户需求变化时，用户根据需求通过容器画布布局引擎选择组件库中的组件进行个性化设计页面，避免了传统技术中用户需求发生变化时，需要重新进行页面布局开发的缺陷，同时节省了设计页面所需的时间和人力资源；进一步地，也满足了对SaaS多租户系统中多个用户的个性化页面的设计需求，从而实现了根据不同用户的需求，对多个个性化、差异化的页面的配置。

在一个实施例中，组件信息，包括组件属性、组件数据和组件样式；

组件属性，用于表示组件的可扩展程度；组件属性，包括可配置项、配置项控件、可选值、默认值和配置值；可配置项，用于表示组件可以配置的内容；配置项控件，用于表示组件可配置项的显示方式；可选值，用于提供选项供用户进行选择配置；默认值，用于表示组件可配置项的默认数据；配置值，用于表示用户对组件可配置项的最终配置数据；

组件数据，用于表示组件显示的数据内容；

组件样式，用于表示组件的最终渲染效果的参数；还用于用户在渲染处理之前，对组件样式进行自定义配置，以使改变组件的渲染效果。上述技术方案中用户通过调整组件信息，实现了用户根据需求对组件以及组件的最终渲染效果的调整。

在一个实施例中，获取组件以及组件对应的组件信息，将组件和组件信息向组件库传输之前，还包括：

对组件的开发；组件，包括：基础组件、布局组件、元数据组件和业务组件；

基础组件，用于向组件库提供用户配置页面时所需的基本组件；

布局组件，用于向组件库提供用户配置页面时布局所需的组件；

元数据组件，用于向组件库提供用户配置页面时组件之间的连接组件；

业务组件，用于向组件库提供用户根据特定需求配置页面所需的组件；业务组件，包括工艺工程组件、电子工程组件、机械工程组件、流程图组件以及网络工程组件；

获取组件对应的组件信息，并将组件和组件信息向组件库传输；

组件库，用于存储组件和组件对应的组件信息；组件库，还用于记录访问组件库的用户以及用户的操作行为；当访问组件库的用户的操作行为存在对组件库中组件或组件信息的修改时，则对组件库中的组件和组件信息进行初始化配置，并切断与用户连接，将用户加入黑名单。上述技术方案中工作人员对组件进行开发，并将开发后的组件和对应的组件信息向组件库传输；并且通过上述技术方案中的基础组件、布局组件、元数据组件和业务组件，实现了对用户配置页面所需的组件的获取；并且通过组件库记录访问组件库的用户以及用户的操作行为；当访问组件库的用户的操作行为存在对组件库中组件或组件信息的修改时，则对组件库中的组件和组件信息进行初始化配置，并切断与用户连接，将用户加入黑名单，从而实现了对组件库中的组件和组件信息的保护，并将对组件库中组件或组件信息进行修改的用户加入黑名单，避免用户对组件库中的组件和组件信息进行非法修改。

在一个实施例中，用户按照需求通过容器画布布局引擎基于画布选择组件库中的组件进行页面配置，并通过容器画布配置引擎对画布中组件对应的组件信息进行配置，获取配置数据，并将配置数据转化为JSON格式提交包括：

获取空白的画布；

用户通过从组件库中拖拽组件放入画布中；具体包括：

用户通过鼠标将组件拖拽到画布时，判断鼠标落点是否为空白区域；当判断鼠标落点为空白区域时，判断空白区域是否满足组件的大小；当判断空白区域满足组件的大小时，确定组件的放置位置，并将组件放置到画布中确定的放置位置；当判断鼠标落点不为空白区域时，向用户提示鼠标落点的位置处已包含有原组件，并向用户传输是否覆盖原组件的信息；当接收到用户传输的确认覆盖原组件的信息时，确定组件的放置位置，并将组件放置到画布中确定的放置位置；当未接收到用户传输的确认覆盖原组件的信息或接收到用户传输的拒绝覆盖原组件的信息时，将组件放回到组件库中；

读取画布中组件的可配置内容；

用户根据可配置内容，通过容器画布配置引擎对画布中的组件信息进行配置，生成配置数据；

将配置数据转化为JSON格式提交。上述技术方案中用户通过鼠标将组件拖拽到空白的画布时，判断鼠标落点是否为空白区域；当判断鼠标落点为空白区域时，判断空白区域是否满足组件的大小；当判断空白区域满足组件的大小时，确定组件的放置位置，并将组件放置到画布中确定的放置位置；当判断鼠标落点不为空白区域时，向用户提示鼠标落点的位置处已包含有原组件，并向用户传输是否覆盖原组件的信息；当接收到用户传输的确认覆盖原组件的信息时，确定组件的放置位置，并将组件放置到画布中确定的放置位置；当未接收到用户传输的确认覆盖原组件的信息或接收到用户传输的拒绝覆盖原组件的信息时，将组件放回到组件库中，从而实现了用户基于画布选择组件进行配置页面的操作，并且通过读取画布中组件的可配置内容，用户通过容器画布配置引擎对画布中的组件信息进行配置，从而实现了对配置数据的获取。

在一个实施例中，当判断空白区域满足组件的大小时，确定组件的放置位置，并将组件放置到画布中确定的放置位置包括：

当判断空白区域满足组件的大小时，确定组件的放置位置；

根据确定组件的放置位置，基于画布在放置位置向四周查找空余的格子，将组件在画布中的空余的格子中进行填充；

用户通过调整组件对应的组件信息，调整组件在画布中的大小。上述技术方案中在确定组件的放置位置后，基于画布在放置位置向四周查找空余的格子，将组件在画布中的空余的格子中进行填充，从而实现了对用户选择的组件基于画布的放置，并且用户通过调整组件对应的组件信息，实现了对组件在画布中的大小的调整。

在一个实施例中，用户按照需求通过容器画布布局引擎基于画布选择组件库中的组件进行页面配置，并通过容器画布配置引擎对画布中组件对应的组件信息进行配置，获取配置数据，并将配置数据转化为JSON格式提交的过程中，还包括：

根据用户需求，从页面模板库中获取页面配置模板；

用户基于页面配置模板，对页面配置模板中的组件进行添加、删除或修改操作；通过容器画布配置引擎对页面配置模板中组件对应组件信息进行配置，获取配置数据，并转换为JSON格式；

页面模板库，包含有根据业务类型配置的多个页面配置模板；用户根据业务需求对页面模板库中的页面配置模板进行修改和调整；或者，用户根据业务需求自行设计页面配置模板，并将页面配置模板向页面模板库传输进行存储，以方便用户后续工作中从页面模板中调用自身根据业务需求设计页面配置模板。上述技术方案中用户可根据需求从页面模板库中获取页面配置模板，并通过对页面模板库中的组件进行添加、删除或修改操作，从而实现了用户通过容器画布布局引擎对页面的配置操作；用户还可根据需求，对页面模板库中的页面配置模板进行修改和调整以及自行设计页面配置模板，进一步方便用户在后续工作中从页面模板库中调用页面配置模板进行配置页面操作，从而有效地提高工作效率。

在一个实施例中，通过容器画布渲染引擎根据JSON格式的配置数据进行渲染处理，生成可视化配置页面向用户显示包括：

读取JSON格式的配置数据；

通过容器画布渲染引擎对JSON格式的配置数据进行解析处理，将JSON格式的配置数据解析为包含组件布局信息、组件配置信息的数据对象数组；

获取用户操作的用户端类型；

通过遍历数据对象数组，并根据组件布局信息对用户配置后的画布划分页面区域，再根据组件信息以及用户端类型共同渲染组件，生成可视化配置页面，并向用户显示；

用户端类型，包括PC端和手机端。上述技术方案中通过读取JSON格式的配置数据；并通过容器画布渲染引擎对JSON格式的配置数据进行解析处理，将JSON格式的配置数据解析为包含组件布局信息、组件配置信息的数据对象数组；再通过遍历数据对象数组，并根据组件布局信息对用户配置后的画布划分页面区域，再根据组件信息以及用户端类型共同渲染组件，从而实现了对可视化配置页面的生成，并将可视化配置页面向用户显示；并且通过上述技术方案中对配置数据的解析处理，实现了对配置页面的差异化的渲染和展示效果。

在一个实施例中，通过容器画布渲染引擎根据JSON格式的配置数据进行渲染处理，生成可视化配置页面向用户显示之后，还包括：

获取基于SaaS多租户系统操作的用户端的用户标识；

根据用户端的用户标识，建立用户对应的操作数据库；

操作数据库，用于存储用户通过容器画布布局引擎基于画布选择组件库中的组件进行配置后的配置页面、配置数据和可视化配置页面；操作数据库，还用于获取组件库的副本进行保存，并接收用户根据需求对操作数据库中的组件库的副本中的组件对应的组件信息的修改和调整；

组件库中的组件和组件信息与操作数据库中组件库的副本中的组件和组件信息进行同步处理，其包括：

当组件库中包含有组件库的副本中不包含的组件和组件对应的组件信息时，则将组件和组件对应的组件信息向组件库的副本传输进行存储；

当组件库中包含有组件库的副本中不包含的组件信息时，则向用户传输组件信息更新请求；当用户同意进行组件信息更新时，将组件库中的组件信息同步到组件库的副本中。上述技术方案中根据用户端的用户标识，建立用户对应的操作数据库；并将用户通过容器画布布局引擎基于画布选择组件库中的组件进行配置后的配置页面、配置数据和可视化配置页面存储于操作数据库中；操作数据库还获取组件库的副本进行保存，并且实现用户根据需求对操作数据库中的组件库的副本中的组件对应的组件信息的修改和调整，从而实现了用户根据需求，对组件库的副本中的组件以及对应的组件信息的调整，使得更加方便于用户配置页面的操作；并根据组件库中的组件和组件信息，实现对操作数据库中的组件库的副本中的组件和组件信息的同步处理，当组件库中包含有组件库的副本中不包含的组件和组件对应的组件信息时，则将组件和组件对应的组件信息向组件库的副本传输进行存储；当组件库中包含有组件库的副本中不包含的组件信息时，则向用户传输组件信息更新请求；当用户同意进行组件信息更新时，将组件库中的组件信息同步到组件库的副本中，从而实现了组件库与操作数据库中组件库的副本中的组件和组件信息同步处理。

在一个实施例中，获取基于SaaS多租户系统操作的用户端的用户标识包括：

向用户端传输页面配置认证指令；

用户端，用于根据页面配置认证指令将存储于用户端的用户信息向系统传输；

系统，用于根据用户端传输的用户信息，判断用户端对应的用户是否符合配置页面的权限；当判断用户端对应的用户符合配置页面的权限时，向用户端传输用户标识获取指令；用户端，用于接收到用户标识获取指令时，将用户标识向系统传输；

当判断用户端对应的用户不符合配置页面的权限时，向用户端传输权限不符信息和权限申请流程信息；用户端，用于将权限不符信息和权限申请流程信息向用户显示；用户端，还用于接收用户根据权限不符信息和权限申请流程信息向系统传输的权限申请信息，并将权限申请信息向系统传输；系统，用于接收到用户端传输对的权限申请信息时，向用户端传输配置页面所需的必要文件；用户根据用户端接收到的必要文件，安装配置页面所需的程序；待安装完成后，检测用户端是否可以正常进行配置页面操作，当检测用户端可以正常进行配置页面操作时，获取对用户端的必要访问权限，并获取用户端的用户标识；当检测用户端不可以正常进行配置页面操作时，向用户端传输提示信息，以提醒用户的用户端不可以正常进行配置页面操作，需对必要文件重新安装。上述技术方案中通过向用户端传输页面配置认证指令，用户端将用户信息向系统传输；系统根据用户信息，判断用户端对应的用户是否符合配置页面的权限，从而实现了对用户端是否符合配置页面权限的判断；当判断用户端对应的用户符合配置页面的权限时，向用户端传输用户标识获取指令；用户端将用户标识向系统传输，从而实现了对用户标识的获取；当判断用户端对应的用户不符合配置页面的权限时，向用户端传输权限不符信息和权限申请流程信息；用户端将权限不符信息和权限申请流程信息向用户显示；用户端接收用户根据权限不符信息和权限申请流程信息向系统传输的权限申请信息，并将权限申请信息向系统传输；系统接收到用户端传输对的权限申请信息时，向用户端传输配置页面所需的必要文件；用户根据用户端接收到的必要文件，安装配置页面所需的程序；待安装完成后，检测用户端是否可以正常进行配置页面操作，当检测用户端可以正常进行配置页面操作时，获取对用户端的必要访问权限，并获取用户端的用户标识，从而实现了对不符合配置页面权限的用户端分配权限的功能，以实现用户基于用户端配置页面的操作；当检测用户端不可以正常进行配置页面操作时，向用户端传输提示信息，以提醒用户的用户端不可以正常进行配置页面操作，需对必要文件重新安装，从而通过在安装完成后对用户端是否可以正常进行配置页面操作进行检测，当检测不通过后，对用户提示进行再次安装，以确保用户基于用户端进行配置页面的操作。

在一个实施例中，通过容器画布配置引擎对画布中组件对应的组件信息进行配置，获取配置数据的过程中，还包括：

获取组件对应的组件子库，同时，确定从组件子库中调取组件需要的所有目标配置件的配置信息，配置信息包括：目标配置件待配置的画布种类、目标配置件在配置过程中的基于画布的画面显示占比值w1、目标配置件基于画布的权重值w4；

根据配置信息，计算每个目标配置件的综合配置值Z；

；

其中，s1目标配置件基于画布的位置参数；s0表示画布的中心位置参数；k1表示目标配置件基于画布的颜色参数；k2表示目标配置件基于画布的纹理参数；w2表示目标配置件与对应的其他配置件基于待配置的画布种类的种类关联值；w3表示目标配置件与对应的其他配置件之间的配置关联值；p1表示目标配置件在配置过程中被访问概率；p2表示目标配置件在配置过程中被拒绝概率；

根据综合配置值，从配置数据库中，调取与综合配置相关的每个目标配置件的数据，并构成待验证数据，且在获取到待验证数据之后，根据待验证数据构建待调整画布；

对待调整画布进行多层扫描处理，确定每层扫描构成的扫描层中是否存在区域残缺；

若存在，对所有扫描层存在的区域残缺进行分类，并对不同类型的区域残缺构建不同的索引；

基于残缺数据库，对区域残缺进行识别，并根据识别结果，获取待修补指令，并将同类型的区域残缺对应的待修补指令添加到对应的待存储区域中；

根据索引，从待存储区域中获取对应的待修补指令，对对应的同类型的区域残缺进行并行修补处理，直到不存在区域残缺，获得最终画布。

上述技术方案中，待验证数据即为配置数据。

上述技术方案的有益效果是：通过获取组件的组件子库，并调取配置信息，并根据公式，计算获取目标配置件的综合配置值，然后从数据库中，调取数据构成待验证数据，便于初步智能化获取配置参数，随后通过初次构建画布，对画布进行扫描，便于寻找到残缺区域，进而继续对画布进行优化，其通过获取同类型的待修补指令对同类型的残缺区域进行并行修补处理，来获得最终画布，保证画布的显示的有效性，提高视觉效果，提高画面配置的视觉性。

显然，本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样，倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。

Claims (10)

1.一种支持SaaS多租户系统的个性化页面配置方法，其特征在于，所述方法，包括：

获取组件以及所述组件对应的组件信息，将所述组件和所述组件信息向组件库传输；

用户按照需求通过容器画布布局引擎基于画布选择所述组件库中的组件进行页面配置，并通过容器画布配置引擎对所述画布中所述组件对应的所述组件信息进行配置，获取配置数据，并将所述配置数据转化为JSON格式提交；

通过容器画布渲染引擎根据JSON格式的所述配置数据进行渲染处理，生成可视化配置页面向用户显示。

2.如权利要求1所述的方法，其特征在于，

所述组件信息，包括组件属性、组件数据和组件样式；

所述组件属性，用于表示所述组件的可扩展程度；所述组件属性，包括可配置项、配置项控件、可选值、默认值和配置值；所述可配置项，用于表示所述组件可以配置的内容；所述配置项控件，用于表示所述组件可配置项的显示方式；所述可选值，用于提供选项供用户进行选择配置；所述默认值，用于表示所述组件可配置项的默认数据；所述配置值，用于表示用户对所述组件可配置项的最终配置数据；

所述组件数据，用于表示所述组件显示的数据内容；

所述组件样式，用于表示所述组件的最终渲染效果的参数；还用于用户在渲染处理之前，对所述组件样式进行自定义配置，以使改变所述组件的渲染效果。

3.如权利要求1所述的方法，其特征在于，获取组件以及所述组件对应的组件信息，将所述组件和所述组件信息向组件库传输之前，还包括：

对所述组件的开发；所述组件，包括：基础组件、布局组件、元数据组件和业务组件；

所述基础组件，用于向所述组件库提供用户配置页面时所需的基本组件；

所述布局组件，用于向所述组件库提供用户配置页面时布局所需的组件；

所述元数据组件，用于向所述组件库提供用户配置页面时所述组件之间的连接组件；

所述业务组件，用于向所述组件库提供用户根据特定需求配置页面所需的组件；所述业务组件，包括工艺工程组件、电子工程组件、机械工程组件、流程图组件以及网络工程组件；

获取所述组件对应的所述组件信息，并将所述组件和所述组件信息向所述组件库传输；

所述组件库，用于存储所述组件和所述组件对应的所述组件信息；所述组件库，还用于记录访问所述组件库的用户以及用户的操作行为；当访问所述组件库的用户的操作行为存在对所述组件库中所述组件或所述组件信息的修改时，则对所述组件库中的所述组件和所述组件信息进行初始化配置，并切断与用户连接，将用户加入黑名单。

4.如权利要求1所述的方法，其特征在于，用户按照需求通过容器画布布局引擎基于画布选择所述组件库中的所述组件进行页面配置，并通过容器画布配置引擎对所述画布中所述组件对应的所述组件信息进行配置，获取配置数据，并将所述配置数据转化为JSON格式提交包括：

获取空白的画布；

用户通过从所述组件库中拖拽所述组件放入所述画布中，其包括：

用户通过鼠标将所述组件拖拽到所述画布时，判断鼠标落点是否为空白区域；当判断鼠标落点为空白区域时，判断所述空白区域是否满足所述组件的大小；当判断所述空白区域满足所述组件的大小时，确定所述组件的放置位置，并将所述组件放置到所述画布中确定的所述放置位置；当判断鼠标落点不为空白区域时，向用户提示鼠标落点的位置处已包含有原组件，并向用户传输是否覆盖原组件的信息；当接收到用户传输的确认覆盖原组件的信息时，确定所述组件的放置位置，并将所述组件放置到所述画布中确定的所述放置位置；当未接收到用户传输的确认覆盖原组件的信息或接收到用户传输的拒绝覆盖原组件的信息时，将所述组件放回到所述组件库中；

读取所述画布中所述组件的可配置内容；

用户根据所述可配置内容，通过容器画布配置引擎对所述画布中的所述组件信息进行配置，生成所述配置数据；

将所述配置数据转化为JSON格式提交。

5.如权利要求4所述的方法，其特征在于，当判断所述空白区域满足所述组件的大小时，确定所述组件的放置位置，并将所述组件放置到所述画布中确定的所述放置位置包括：

当判断所述空白区域满足所述组件的大小时，确定所述组件的放置位置；

根据确定所述组件的放置位置，基于所述画布在所述放置位置向四周查找空余的格子，将所述组件在所述画布中的空余的格子中进行填充；

用户通过调整所述组件对应的所述组件信息，调整所述组件在所述画布中的大小。

6.如权利要求4所述的方法，其特征在于，用户按照需求通过容器画布布局引擎基于画布选择所述组件库中的所述组件进行页面配置，并通过容器画布配置引擎对所述画布中所述组件对应的所述组件信息进行配置，获取配置数据，并将所述配置数据转化为JSON格式提交过程中还包括：

根据用户需求，从页面模板库中获取页面配置模板；

用户基于所述页面配置模板，对所述页面配置模板中的所述组件进行添加、删除或修改操作；通过容器画布配置引擎对所述页面配置模板中的所述组件的所述组件信息进行配置，获取配置数据，并转换为JSON格式；

所述页面模板库，包含有根据业务类型配置的多个页面配置模板；用户根据业务需求对所述页面模板库中的所述页面配置模板进行修改和调整；或者，用户根据业务需求自行设计页面配置模板，并将所述页面配置模板向所述页面模板库传输进行存储，以方便用户后续工作中从所述页面模板中调用自身根据业务需求设计所述页面配置模板。

7.如权利要求1所述的方法，其特征在于，通过容器画布渲染引擎根据JSON格式的所述配置数据进行渲染处理，生成可视化配置页面向用户显示包括：

读取JSON格式的所述配置数据；

通过所述容器画布渲染引擎对JSON格式的所述配置数据进行解析处理，将JSON格式的所述配置数据解析为包含组件布局信息、组件配置信息的数据对象数组；

获取用户操作的用户端类型；

通过遍历所述数据对象数组，并根据所述组件布局信息对用户配置后的所述画布划分页面区域，再根据所述组件信息以及所述用户端类型共同渲染所述组件，生成可视化配置页面，并向用户显示；

所述用户端类型，包括PC端和手机端。

8.如权利要求1所述的方法，其特征在于，通过容器画布渲染引擎根据JSON格式的所述配置数据进行渲染处理，生成可视化配置页面向用户显示之后，还包括：

获取基于SaaS多租户系统操作的用户端的用户标识；

根据所述用户端的所述用户标识，建立用户对应的操作数据库；

所述操作数据库，用于存储用户通过容器画布布局引擎基于画布选择所述组件库中的所述组件进行配置后的配置页面、所述配置数据和所述可视化配置页面；所述操作数据库，还用于获取所述组件库的副本进行保存，并接收用户根据需求对所述操作数据库中的所述组件库的副本中的所述组件对应的所述组件信息的修改和调整；

所述组件库中的所述组件和所述组件信息与所述操作数据库中所述组件库的副本中的所述组件和所述组件信息进行同步处理，其包括：

当所述组件库中包含有所述组件库的副本中不包含的所述组件和所述组件对应的所述组件信息时，则将所述组件和所述组件对应的所述组件信息向所述组件库的副本传输进行存储；

当所述组件库中包含有所述组件库的副本中不包含的所述组件信息时，则向用户传输组件信息更新请求；当用户同意进行组件信息更新时，将所述组件库中的所述组件信息同步到所述组件库的副本中。

9.如权利要求8所述的方法，其特征在于，获取基于SaaS多租户系统操作的用户端的用户标识包括：

向所述用户端传输页面配置认证指令；

所述用户端，用于根据所述页面配置认证指令将存储于所述用户端的用户信息向所述系统传输；

所述系统，用于根据所述用户端传输的所述用户信息，判断所述用户端对应的用户是否符合配置页面的权限；当判断所述用户端对应的用户符合配置页面的权限时，向所述用户端传输用户标识获取指令；所述用户端，用于接收到所述用户标识获取指令时，将所述用户标识向所述系统传输；

当判断所述用户端对应的用户不符合配置页面的权限时，向所述用户端传输权限不符信息和权限申请流程信息；所述用户端，用于将所述权限不符信息和所述权限申请流程信息向用户显示；所述用户端，还用于接收用户根据所述权限不符信息和所述权限申请流程信息向所述系统传输的权限申请信息，并将所述权限申请信息向所述系统传输；所述系统，用于接收到所述用户端传输对的所述权限申请信息时，向所述用户端传输配置页面所需的必要文件；用户根据所述用户端接收到的所述必要文件，安装配置页面所需的程序；待安装完成后，检测所述用户端是否可以正常进行配置页面操作，当检测所述用户端可以正常进行配置页面操作时，获取对所述用户端的必要访问权限，并获取所述用户端的所述用户标识；当检测所述用户端不可以正常进行配置页面操作时，向所述用户端传输提示信息，以提醒用户的所述用户端不可以正常进行配置页面操作，需对所述必要文件重新安装。

10.如权利要求1所述的方法，其特征在于，通过容器画布配置引擎对所述画布中的所述组件的所述组件信息进行配置，获取配置数据的过程中，还包括：

获取所述组件对应的组件子库，同时，确定从所述组件子库中调取所述组件需要的所有目标配置件的配置信息，所述配置信息包括：所述目标配置件待配置的画布种类、所述目标配置件在配置过程中的基于画布的画面显示占比值w1、所述目标配置件基于所述画布的权重值w4；

根据所述配置信息以及配置需求，计算每个所述目标配置件的综合配置值Z；

；

其中，s1所述目标配置件基于所述画布的位置参数；s0表示所述画布的中心位置参数；k1表示所述目标配置件基于所述画布的颜色参数；k2表示所述目标配置件基于所述画布的纹理参数；w2表示所述目标配置件与对应的其他配置件基于待配置的画布种类的种类关联值；w3表示所述目标配置件与对应的其他配置件之间的配置关联值；p1表示所述目标配置件在配置过程中被访问概率；p2表示所述目标配置件在配置过程中被拒绝概率；

根据所述综合配置值，从配置数据库中，调取与所述综合配置相关的每个目标配置件的数据，并构成待验证数据，且在获取到待验证数据之后，根据所述待验证数据构建待调整画布；

对所述待调整画布进行多层扫描处理，确定每层扫描构成的扫描层中是否存在区域残缺；

若存在，对所有扫描层存在的区域残缺进行分类，并对不同类型的区域残缺构建不同的索引；

基于残缺数据库，对所述区域残缺进行识别，并根据识别结果，获取待修补指令，并将同类型的区域残缺对应的所述待修补指令添加到对应的待存储区域中；

根据所述索引，从所述待存储区域中获取对应的待修补指令，对对应的同类型的区域残缺进行并行修补处理，直到不存在区域残缺，获得最终画布。

Images