System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 动态页面配置方法和系统技术方案_技高网

动态页面配置方法和系统技术方案

技术编号:42789696 阅读:0 留言:0更新日期:2024-09-21 00:47
本发明专利技术公开了一种动态页面配置方法和系统。在前端进行页面初始化时,读取来自后端的配置数据;然后,按照指定的数据结构对读取到的配置数据进行拆分;最后,利用底层逻辑组件对拆分后的数据进行动态渲染;由此,所有页面的数据配置都在后端进行,而前端通过封装底层逻辑,在页面初始化时通过读取后台配置来渲染前端页面即可完成对不同场景的需求配置;通过底层封装的模式,既支持动态页面效果的同时也支持原有的开发方式,在复杂的业务页面开发上效率更高,支持的业务场景也更多。

【技术实现步骤摘要】

本专利技术涉及软件,尤其涉及一种动态页面配置方法和系统


技术介绍

1、在低代码越来越流行的趋势下,动态化页面技术层出不穷,这些技术的出现意味着页面可以高度配置化,以前需要写代码、走发布的场景可以通过托拉拽实现。例如,在需要实现一个业务报表时,可以通过拖动表格、获取数据源、配置显示字段,这样一个简单的报表就实现了。但是现有低代码技术考虑的是如何减少开发工作量,没有解决业务个性化的需求,如不同的组织、业务角色或个人要显示不同的页面效果,低代码平台就无法实现这种需求。然而,这种需求在业务系统中也很常见,如同一份报表的内容在不同的部门表现形式会不一样,还有可能存在权限控制的场景,如同一份报表对于不同角色要显示的内容也会不一样。所以站在业务的角度来看,更关注于这些个性化差异实现的能力。另外目前低代码平台存在很多无法避免的问题,如对多语言的支持比较差,还有一点就是低代码高度封装,有比较复杂的交互逻辑就显得无能为力了,即便留有js插槽,集成交互场景也很麻烦。

2、基于此,需要一种新的解决方案。


技术实现思路

1、本专利技术的主要目的在于针对目前市面上低代码无法构建不同场景下业务个性化页面和难以完成复杂逻辑的缺点,提供一种动态页面配置方法。

2、为实现上述目的,本专利技术提供一种动态页面配置方法,包括:

3、在前端进行页面初始化时,读取来自后端的配置数据,所述配置数据包括页面元素配置;

4、按照指定的数据结构对读取到的配置数据进行拆分;以及

5、利用底层逻辑组件对拆分后的数据进行动态渲染。

6、在本专利技术提供的动态页面配置方法中,还包括:

7、通过元素配置表的页面组织id关联页面组织关系表和页面表来配置组织与页面的关系;

8、根据所述组织与页面的关系,录入页面元素字段并配置元素属性。

9、在本专利技术提供的动态页面配置方法中,还包括:

10、通过元素配置表的权限id关联权限控制表来进行权限配置,其中,权限类型包括角色和/或用户;

11、根据所述权限配置,选取对应的个性化配置,其中,当权限类型包括用户和角色时,加载对应的用户配置,当权限类型为角色时,加载对应的角色配置,当权限类型不包括用户和角色配置时加载当前组织下的元素配置。

12、在本专利技术提供的动态页面配置方法中,还包括:

13、通过元素配置表的多语言id关联多语言配置表来进行语言配置。

14、在本专利技术提供的动态页面配置方法中,还包括:

15、将后端配置好的数据压缩缓存后传递到前端。

16、在本专利技术提供的动态页面配置方法中,按照指定的数据结构对读取到的配置数据进行拆分的步骤包括:

17、根据配置数据生成获取数据源的函数;

18、根据显隐字段的配置进行数据过滤,决定是否显示该字段;。

19、根据配置数据,生成多语言标题和校验逻辑;

20、组合组件名称和组件扩展配置。

21、此外,为实现上述目的,本专利技术还提供一种动态页面配置系统,包括:

22、配置数据读取模块,用于在前端进行页面初始化时,读取来自后端的配置数据,所述配置数据包括页面元素配置;

23、数据解析模块,用于按照指定的数据结构对读取到的配置数据进行拆分;以及

24、渲染模块,用于利用底层逻辑组件对拆分后的数据进行动态渲染。

25、在本专利技术提供的动态页面配置系统中,还包括后端配置模块,用于通过元素配置表的页面组织id关联页面组织关系表和页面表来配置组织与页面的关系;通过元素配置表的权限id关联权限控制表来进行权限配置,其中,权限类型包括角色和/或用户;通过元素配置表的多语言id关联多语言配置表来进行语言配置。

26、在本专利技术提供的动态页面配置系统中,还包括个性化配置模块,用于根据所述权限配置,选取对应的个性化配置,其中,当权限类型包括用户和角色时,加载对应的用户配置,当权限类型为角色时,加载对应的角色配置,当权限类型不包括用户和角色配置时加载当前组织下的元素配置。

27、本专利技术还提供一种动态页面配置装置,包括处理器和存储器,所述存储器存储有计算机程序,所述计算机程序被处理器执行时实现如上所述的动态页面配置方法的步骤。

28、本专利技术提供的动态页面配置系统和方法具有以下有益效果:在本专利技术中,在前端进行页面初始化时,读取来自后端的配置数据;然后,按照指定的数据结构对读取到的配置数据进行拆分;最后,利用底层逻辑组件对拆分后的数据进行动态渲染;由此,所有页面的数据配置都在后端进行,而前端通过封装底层逻辑,在页面初始化时通过读取后台配置来渲染前端页面即可完成对不同场景的需求配置;通过底层封装的模式,既支持动态页面效果的同时也支持原有的开发方式,在复杂的业务页面开发上效率更高,支持的业务场景也更多。

本文档来自技高网
...

【技术保护点】

1.一种动态页面配置方法,其特征在于,包括以下步骤:

2.如权利要求1所述的动态页面配置方法,其特征在于,还包括:

3.如权利要求2所述的动态页面配置方法,其特征在于,还包括:

4.如权利要求3所述的动态页面配置方法,其特征在于,还包括:

5.如权利要求4所述的动态页面配置方法,其特征在于,还包括:

6.如权利要求5所述的动态页面配置方法,其特征在于,按照指定的数据结构对读取到的配置数据进行拆分的步骤包括:

7.一种动态页面配置系统,其特征在于,包括:

8.如权利要求7所述的动态页面配置系统,其特征在于,还包括后端配置模块,用于通过元素配置表的页面组织ID关联页面组织关系表和页面表来配置组织与页面的关系;通过元素配置表的权限ID关联权限控制表来进行权限配置,其中,权限类型包括角色和/或用户;通过元素配置表的多语言ID关联多语言配置表来进行语言配置。

9.如权利要求8所述的动态页面配置系统,其特征在于,还包括个性化配置模块,用于根据所述权限配置,选取对应的个性化配置,其中,当权限类型包括用户和角色时,加载对应的用户配置,当权限类型为角色时,加载对应的角色配置,当权限类型不包括用户和角色配置时加载当前组织下的元素配置。

10.一种动态页面配置装置,其特征在于,包括处理器和存储器,所述存储器存储有计算机程序,所述计算机程序被处理器执行时实现如权利要求1至6中任一项的动态页面配置方法的步骤。

...

【技术特征摘要】

1.一种动态页面配置方法,其特征在于,包括以下步骤:

2.如权利要求1所述的动态页面配置方法,其特征在于,还包括:

3.如权利要求2所述的动态页面配置方法,其特征在于,还包括:

4.如权利要求3所述的动态页面配置方法,其特征在于,还包括:

5.如权利要求4所述的动态页面配置方法,其特征在于,还包括:

6.如权利要求5所述的动态页面配置方法,其特征在于,按照指定的数据结构对读取到的配置数据进行拆分的步骤包括:

7.一种动态页面配置系统,其特征在于,包括:

8.如权利要求7所述的动态页面配置系统,其特征在于,还包括后端配置模块,用于通过元素配置表的页面组织id关联页面组...

【专利技术属性】
技术研发人员:郭权余海基王梦杰
申请(专利权)人:深圳联友科技有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1