System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 一种个性化表格组件构建方法、装置、设备及存储介质制造方法及图纸_技高网

一种个性化表格组件构建方法、装置、设备及存储介质制造方法及图纸

技术编号:40206818 阅读:14 留言:0更新日期:2024-02-02 22:18
本申请公开了一种个性化表格组件构建方法、装置、设备及存储介质。方法包括:基于图标库中的组件,结合本地前端资源构建的功能识别图标,构建受控于非受控模式的功能组件;将功能组件和布局与原表单进行融合,得到融合后的表单;将表格基础组件、抽屉、过滤器、功能组件以及所述融合后的表单进行组合,得到组合后的表格组件;抽屉能够提供API,以构建抽屉内容;结合用户个性化主题配置,对所述组合后的表格组件进行渲染,得到个性化表格组件。通过将特定的功能组件、表单、抽屉以及表格基础组件组合为表格组件,再结合用户个性化主题配置,对组合后的表格组件进行渲染,所得到的个性化表格组件能够适应当前系统的主题风格及用户使用习惯。

【技术实现步骤摘要】

本申请涉及存储介质控制领域,特别是涉及一种个性化表格组件构建方法、装置、设备及存储介质


技术介绍

1、个性化表格是一款基于element-ui的能适应多场景、复杂业务的高级表格,该表格几乎容纳了element-ui目前的所有组件以及其他强大开源的组件库,本质上是为了解决业务开发人员开发大量表格相关的业务场景、其他开发技术人员(如后端)人员低成本介入前端开发,从而降低项目开发成本,减少开发周期,此外此表格新增用户的个性化操作于使用习惯。目前,对于大量表格与表单的业务场景而言,没有简单可上手的开放型api,并且对于表格整体的主题、字体,市面上主流的表格均不支持适应当前系统的主题风格及用户使用习惯或开放对应的扩展接口。

2、由此,如何构建一种能够适应当前系统的主题风格及用户使用习惯的表格,成为本领域亟需解决的技术问题。


技术实现思路

1、基于上述问题,本申请提供了一种个性化表格组件构建方法、装置、设备及存储介质,能够构建一种适应当前系统的主题风格及用户使用习惯的表格。

2、本申请实施例公开了如下技术方案:

3、第一方面,本申请实施例提供了一种个性化表格组件构建方法,所述方法包括:

4、基于图标库中的组件,结合本地前端资源构建的功能识别图标,构建受控于非受控模式的功能组件;

5、将所述功能组件和布局与原表单进行融合,得到融合后的表单;

6、将表格基础组件、抽屉、过滤器、所述功能组件以及所述融合后的表单进行组合,得到组合后的表格组件;所述抽屉能够提供api,以构建抽屉内容;

7、结合用户个性化主题配置,对所述组合后的表格组件进行渲染,得到个性化表格组件。

8、可选的,所述受控于非受控模式的功能组件,包括:

9、在受控时,利用父组件和后组件对维护状态进行控制;

10、在非受控时,利用功能组件本身对自身的维护状态进行控制。

11、可选的,所述结合用户个性化主题配置,对所述组合后的表格组件进行渲染,得到个性化表格组件,包括:

12、通过相应的接口获取用户个性化主题配置;

13、采用body主题色和css预编译器技术scss,将所述组合后的表格组件中的每个组件渲染为所述用户个性化主题配置的全局ui主题色,得到个性化表格组件。

14、可选的,所述采用body主题色和css预编译器技术,将所述组合后的表格组件中的每个组件渲染为所述用户个性化主题配置的全局ui主题色,包括:

15、前端通过个性化服务读取用户的个性化数据并覆盖;

16、前端通过读取body上的主题色数据,结合scss的混入函数对所述组合后的表格组件中的每个组件进行渲染。

17、可选的,所述方法还包括:

18、响应于用户存储个性化配置的操作,通过所述个性化表格组件的接口接入现有系统中获取所述用户的个性化主题配置并存储至本地或服务器中。

19、可选的,所述方法还包括:

20、增加proxy-config代理设置;

21、将后端返回的数据格式传入所述proxy-config代理设置,以对表格进行渲染。

22、第二方面,本申请实施例提供了一种个性化表格组件构建装置,所述装置包括:

23、功能组件构建模块,用于基于图标库中的组件,结合本地前端资源构建的功能识别图标,构建受控于非受控模式的功能组件;

24、表单融合模块,用于将所述功能组件和布局与原表单进行融合,得到融合后的表单;

25、表格组件组合模块,用于将表格基础组件、抽屉、过滤器、所述功能组件以及所述融合后的表单进行组合,得到组合后的表格组件;所述抽屉能够提供api,以构建抽屉内容;

26、渲染模块,用于结合用户个性化主题配置,对所述组合后的表格组件进行渲染,得到个性化表格组件。

27、可选的,所述渲染模块,包括:

28、个性化主题配置获取子模块,用于通过相应的接口获取用户个性化主题配置;

29、渲染子模块,用于采用body主题色和css预编译器技术scss,将所述组合后的表格组件中的每个组件渲染为所述用户个性化主题配置的全局ui主题色,得到个性化表格组件。

30、第三方面,本申请实施例提供了一种电子设备,包括:

31、存储器,用于存储计算机程序;

32、处理器,用于执行所述计算机程序时实现上述个性化表格组件构建方法的步骤。

33、第四方面,本申请实施例提供了一种计算机可读存储介质,所述计算机可读存储介质上存储有计算机程序,所述计算机程序被处理器执行时实现上述个性化表格组件构建方法的步骤。

34、相较于现有技术,本申请具有以下有益效果:

35、本申请实施例提供的一种个性化表格组件构建方法,基于图标库中的组件,结合本地前端资源构建的功能识别图标,构建受控于非受控模式的功能组件;将所述功能组件和布局与原表单进行融合,得到融合后的表单;将表格基础组件、抽屉、过滤器、所述功能组件以及所述融合后的表单进行组合,得到组合后的表格组件;所述抽屉能够提供api,以构建抽屉内容;结合用户个性化主题配置,对所述组合后的表格组件进行渲染,得到个性化表格组件。通过将特定的功能组件、表单、抽屉以及表格基础组件组合为表格组件,再结合用户个性化主题配置,对组合后的表格组件进行渲染,所得到的个性化表格组件能够适应当前系统的主题风格及用户使用习惯。

36、需要说明的是,本申请提供的一种个性化表格组件构建装置、电子设备及存储介质由于能够实现上述个性化表格组件构建方法的步骤,从而同样具备上述有益效果。

本文档来自技高网...

【技术保护点】

1.一种个性化表格组件构建方法,其特征在于,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,所述受控于非受控模式的功能组件,包括:

3.根据权利要求1所述的方法,其特征在于,所述结合用户个性化主题配置,对所述组合后的表格组件进行渲染,得到个性化表格组件,包括:

4.根据权利要求3所述的方法,其特征在于,所述采用body主题色和css预编译器技术,将所述组合后的表格组件中的每个组件渲染为所述用户个性化主题配置的全局UI主题色,包括:

5.根据权利要求1所述的方法,其特征在于,所述方法还包括:

6.根据权利要求1所述的方法,其特征在于,所述方法还包括:

7.一种个性化表格组件构建装置,其特征在于,所述装置包括:

8.根据权利要求7所述的装置,其特征在于,所述渲染模块,包括:

9.一种电子设备,其特征在于,包括:

10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质上存储有计算机程序,所述计算机程序被处理器执行时实现如权利要求1-6任一项所述个性化表格组件构建方法的步骤。

...

【技术特征摘要】

1.一种个性化表格组件构建方法,其特征在于,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,所述受控于非受控模式的功能组件,包括:

3.根据权利要求1所述的方法,其特征在于,所述结合用户个性化主题配置,对所述组合后的表格组件进行渲染,得到个性化表格组件,包括:

4.根据权利要求3所述的方法,其特征在于,所述采用body主题色和css预编译器技术,将所述组合后的表格组件中的每个组件渲染为所述用户个性化主题配置的全局ui主题色,包括:

5.根据权...

【专利技术属性】
技术研发人员:贾康宁石娅萍
申请(专利权)人:太保科技有限公司
类型:发明
国别省市:

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

1