一种动态配置视图展示的方法及系统

技术领域

本发明涉及计算机系统信息展示技术领域，尤其是涉及一种动态配置视图展示的方法及系统。

背景技术

随着互联网化的发展，各平台系统中均需要对客户各类信息360度全方位展示，展示的内容越来越多，同时展示周期也会随时的变化。

目前系统中视图的信息展示都是静态的，展示的信息也都是页面写死表单，通常由后台调用服务将数据展示到对应的表单，扩展性极差，内容都是固化的，想要支撑不同信息的展示，每次都需要改动大量的代码，且改动周期较长，已经不能适应当前敏捷迭代快速支撑的数据展示；同时，目前的视图信息展示内容在tab间切换时，服务大量重复调用，也造成性能损耗。

发明内容

针对上述问题，本发明提供了一种动态配置视图展示的方法及系统，整个视图展示框架通过配置数据存储读取，支撑各类信息展示，且灵活的实现展示内容的动态变化。

为实现上述目的，本发明提供了一种动态配置视图展示的方法，包括：

根据视图展示内容配置动态展示数据，包括元素信息和属性信息；

根据视图展示内容所需调用的服务，配置数据查询服务；

通过js方法调用所述数据查询服务获取并解析所述动态展示数据；

根据解析到的所述属性信息将所述元素信息进行视图展示。

作为本发明的进一步改进，通过js方法调用所述数据查询服务获取并解析当前用户的所述动态展示数据；

将获取到的当前用户的所述动态配置数据存入缓存中。

作为本发明的进一步改进，所述视图展示内容采用异步加载，当前用户在视图展示页面手动选择展示页面后，系统查询缓存后展示当前用户所选页面信息。

作为本发明的进一步改进，分别对所述元素信息和所述属性信息进行配置，所述属性信息中属性编码与其对应的所述元素信息中元素编码保持一致。

作为本发明的进一步改进，所述属性信息包括展示方式，所述展示方式包括文本框、下拉框、列表。

作为本发明的进一步改进，所述数据查询服务中动态拼接了视图展示内容需调用的各类服务，各类所述服务均包括服务名称、服务出入参，通过服务入参调用服务获取到服务出参。

作为本发明的进一步改进，所述通过js方法调用所述数据查询服务获取并解析所述动态配置数据，包括：

系统根据网页前端写入的操作代码、租户标识和元素级别查询所有元素列表，包括页面展示元素配置表、页面展示元素配置关系表；

遍历查询到的元素列表，加载所有元素、子元素；

获取所有元素、子元素的查询属性服务名称及查询属性服务入参；

根据各元素对应的查询属性服务入参调用查询属性服务，分别获取到各元素属性类型。

作为本发明的进一步改进，所述遍历查询到的元素列表，加载所有元素、子元素，具体包括：

遍历查询到页面展示元素配置表；

根据元素信息展示当前元素；

判断当前元素是否有子元素，若有，则将元素级别加一，查询页面展示元素配置表；

遍历元素级别加一后查询到的页面展示元素配置表，获取子元素；

根据所述子元素查询页面展示元素配置关系表，获取关系信息；

根据关系信息展示子元素。

作为本发明的进一步改进，应判断当前元素是否有属性，

若有，则判断是否加载属性；

若加载，则获取查询属性服务名称及查询属性服务入参。

本发明还提供了一种用于如上所述的动态配置视图展示的系统，包括数据层、服务层和前端页面；

所述数据层，用于：

根据视图展示内容配置动态展示数据，包括元素信息和属性信息；

所述服务层，用于：

根据视图展示内容所需调用的服务，配置数据查询服务；

所述前端页面，用于：

通过js方法调用所述数据查询服务获取并解析所述动态展示数据；

根据解析到的所述属性信息将所述元素信息进行视图展示。

与现有技术相比，本发明的有益效果为：

对展示内容根据视图需要进行数据配置，然后根据页面展示需要查询并展示数据页面，相较于写死的表单代码，大大减少了系统开发及维护所用的时间，提高了系统开发及维护效率。

根据页面要展示的用户，查询用户的全部配置数据，将查询到的全部数据(包含多个页面数据)进行缓存，在页面侧操作要查看的页面后加载该页面信息，当页面侧进行不同tab间切换操作时，查询缓存数据进行页面加载，不再需要重复调用服务，降低了系统性能损耗，提升展示效率。

通过读取的数据以及对应数据的各类属性值，将整体的视图框架和展示内容灵活的展示，进而实现服务、页面各类的集成，快速的展示客户各类信息。

附图说明

图1为本发明一种实施例公开的动态配置视图展示的方法流程图；

图2为本发明一种实施例公开的动态配置视图展示系统结构示意图；

图3为本发明一种实施例公开的动态配置视图展示方法应用流程图；

图4为本发明一种实施例公开的动态配置视图展示效果图。

具体实施方式

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

下面结合附图对本发明做进一步的详细描述：

实施例：

如图1、2所示，将本发明提出的系统应用于一种动态配置视图展示的方法，包括步骤：

S1、在数据层根据视图展示内容配置动态展示数据，包括元素信息和属性信息；

其中，

属性信息中包括展示方式，展示方式包括文本框、下拉框、列表等，动态展示数据根据元素信息、属性信息、展示方式和集成方式存入系统缓存中；

元素信息主要包括所有元素的各项配置信息(即：页面展示元素配置表)、元素之间关系信息(即：页面展示元素关系配置表，具体关系如层级关系)；

属性信息主要包括页面展示所需的所有属性信息(即：页面展示属性配置表)和元素与属性的关系信息(即：页面展示属性配置关系表，具体关系如级联、操作配置等)，各表中包含的具体字段内容如下：

页面展示元素配置表(ct_showElement_dict)：

页面展示元素关系配置表(ct_showElement_rel)：

页面展示属性配置表(ct_showAttr_dict)：

页面展示属性配置关系表(ct_showElementAttr_rel)：

S2、在服务层根据前端页面需展示的各项信息配置数据查询服务；

其中，数据查询服务中动态拼接前端页面要展示的各项信息需调用的各类服务，如：查询属性服务；

进一步的，各服务均包括服务名称、服务出入参数，通过入参调用服务获取到出参(即：返参)；

S3、在前端页面(即web侧)通过js方法调用动态数据查询服务并解析动态配置数据；

其中，

如图3所示，应获取该租户需展示的所有的元素及属性，具体过程包括：

系统根据网页前端写入的操作代码、租户标识和元素级别查询所有元素列表，包括页面展示元素配置表、页面展示元素配置关系表；

遍历查询到的元素列表，加载元素；

判断当前元素是否有子元素，若有，则将元素级别加一，查询页面展示元素配置表；

遍历元素级别加一后查询到的页面展示元素配置表，加载子元素；

根据所述子元素查询页面展示元素配置关系表，获取关系信息。

判断元素是否有属性，若有，则判断是否加载属性；

若加载，获取元素的查询属性服务名称及查询属性服务入参；

根据各元素对应的查询属性服务入参调用查询属性服务，查询属性列表；

遍历查询到的属性列表，判断当前属性的属性编码，分别加载到对应的元素编码中。

获取元素的配置程序示例如下：

doInitElement(op_code，tenant_id，1)；/*加载元素(操作代码，租户标识，页面1)*/

doInitElement(op_code，tenant_id，element_level){/*加载元素(操作代码，租户标识，元素级别)*/

0)、查询elementList；/*查询所有的元素列表*/

1)、循环elementList；/*对元素列表进行如下的循环处理*/

2)、展示当前element；

3)、是否有子元素，有则：

doInitElement(op_code，tenant_id，element_level+1)，否则继续；

4)、是否有属性，无返回，有继续；

5)、是否加载属性，否返回，是则获取服务入参，

doInitElementAttr(op_code,tenant_id,element_rel_id,attr_svc_name,attr_svc_param)；/*加载元素属性(操作代码，租户标识，元素关系ID，属性服务名称，属性服务参数)*/

}

元素配置完成后进行属性配置，获取属性配置程序如下：

doInitElementAttr(op_code,tenant_id,element_rel_id,element_code,attr_svc_name,attr_svc_param)/*加载元素属性(操作代码，租户标识，元素关系ID，元素编码，属性服务名称，属性服务参数)*/

{

0)、查询attrList；/*查询属性列表*/

1)、循环attrList；/*循环处理查询到的元素列表*/

2)、根据当前attr的attr_code不同，加载到对应的element_code中；

}

S4、将解析后的动态配置数据进行视图展示。

其中，

加载到的该租户的元素信息及属性信息均存入缓存中；

根据页面侧操作，读取缓存数据展示当前页面，如图4所示，为客户统一视图页面下的基本信息视图页面展示。

当页面侧通过tab按键或手动点击选择系统中其他页面进行页面切换(即tab间切换，如切换至费用信息页面、业务信息页面)时，系统读取缓存展示切换后的页面，无需再次调用数据查询服务，使加载更加快速，不需要重新调用服务，较少系统性能损耗。

本发明的优点：

(1)对展示内容进行数据配置，然后根据需要调用服务查询配置数据并展示数据页面，相较于写死的表单代码，大大减少了系统开发所用的时间，提高了系统开发及维护效率。

(2)在查询配置数据时，将视图中多个页面数据一并进行缓存，设置异步加载且当前页面优先，提升展示效率的同时，使用户在不同tab间切换时不再需要重复调用服务，降低了系统性能损耗。

(3)通过读取的数据以及对应数据的各类属性值，将整体的视图框架和展示内容灵活的展示，进而实现服务、页面各类的集成，快速的展示客户各类信息。

(4)页面数据异步加载，根据自己的选择展示对应数据，很大的提升了展示效率，能高效的展示直观数据。

(5)配置数据可以支撑不同省份，不同系统的数据，达到同一配置库、同一服务支撑各类系统。配置元素数据的属性，可以支撑文本，下拉框，复选框等等多样的格式。

(6)通过后台动态数据，中间服务桥接，前端js解析的方法，可以集成在不同的前端框架中，简化web侧改造难度。

以上仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。