System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 一种基于浏览器实现的web端通用缓存表格组件制造技术_技高网

一种基于浏览器实现的web端通用缓存表格组件制造技术

技术编号:40144510 阅读:5 留言:0更新日期:2024-01-24 00:08
本发明专利技术涉及一种基于浏览器实现的web端通用缓存表格组件,涉及表格定位技术领域,包括ur l链接模块、本地缓存模块和渲染组件模块,本申请通过设置有ur l链接模块、本地存储模块以及渲染组件模块,从而可以实现在对多列表进行搜索时,首先通过检索ur l链接模块和本地缓存模块之间是否存在数据列表检索条件,若存在,则可以根据数据列表检索条件的数据对多列表进行渲染处理,若不存在,则可以不携带任何搜索参数进行数据请求,从而对列表数据进行渲染处理,能够缓存用户搜索条件下帮助用户在跳转页面后快速定位想要的数据,节省了查找数据的时间,解决现有技术中浪费大量时间进行无异议操作的问题。

【技术实现步骤摘要】

本专利技术涉及表格定位,具体为一种基于浏览器实现的web端通用缓存表格组件


技术介绍

1、随着互联网的飞速发展,依托于浏览器而衍生出的各种前端技术也是日新月异,伴随着react、vue等前端框架的成熟,开发人员不再需要进行底层框架的开发,可以将更多的精力放在组件的开发上,因此形成一套规范的业务组件,并能在项目中灵活使用变得尤为重要。

2、基于react、vue等框架封装的table组件功能越来越强大,支持数据查询、过滤、字段自定义等复杂的查询功能,可以满足对大量数据列别的精确查询,但是也存在一些问题,比如路由url中的参数无法集成到表格的查询逻辑中,对于很多表格管理系统,需要经常在多个表格组件中来回跳转查询,每一次都需要单独在通过查询参数来定位数据,导致要反复的输入相同检索条件进行查询,浪费大量时间进行无异议操作。


技术实现思路

1、本专利技术的目的在于提供了一种基于浏览器实现的web端通用缓存表格组件。

2、本专利技术所解决的技术问题为:解决现有技术中,在对多表格进行查询时,由于每一次都需要单独在通过查询参数来定位数据时,导致要反复的输入相同检索条件进行查询,浪费大量时间进行无异议操作的问题。

3、本专利技术可以通过以下技术方案实现:一种基于浏览器实现的web端通用缓存表格组件,包括:

4、用于携带搜索参数的url链接模块;

5、用于在用户触发查询后,对搜索条件进行缓存的本地缓存模块;

6、用于对搜索过程数据进行显示的渲染组件模块;

7、检查url链接模块和本地缓存模块之间是否存在数据列表检索条件;若url链接模块和本地缓存模块之间不存在数据列表检索条件,则url链接模块不携带搜索参数进行数据请求,对列表数据进行渲染;

8、若url存在数据列表检索条件,则根据数据列表检索条件对数据进行比对识别,对url链接模块中的数据列表检索条件的数据进行更新;

9、若本地缓存模块存在数据列表检索条件,对数据进行分类处理,对url链接模块中的数据列表检索条件的数据进行更新;

10、根据更新后的url链接模块中的数据列表检索条件进行数据请求,对列表数据进行渲染。

11、本专利技术的进一步技术改进在于:在url中存在数据列表检索条件时,对数据列表检索条件的字段数据进行有效性判断,排除无效字段,根据获取的无效字段与列表中的数据字段进行对比筛选,筛选出数据接口可识别的字段。

12、本专利技术的进一步技术改进在于:对数据列表检索条件的数据进行更新时,通过对可识别的字段进行重新组合筛选,将剩余的数据合并成新的url,并更新页面的url地址。

13、本专利技术的进一步技术改进在于:在本地缓存模块存在列表检索条件时,对列表检索条件的数据进行分类处理,对数据列表检索条件的字段数据进行有效性判断,排除无效字段,根据获取的无效字段与列表中的数据字段进行对比筛选,筛选出数据接口可识别的字段。

14、本专利技术的进一步技术改进在于:对可识别的字段按照自定义额外配置处理缓存的自定义搜索条件,携带有效检索条件进行数据的请求。

15、本专利技术的进一步技术改进在于:还包括后台记录步骤,用于对搜索的次数和搜索结果进行记录,根据搜索的次数和搜索的记录对表格检索的状态进行追溯。

16、本专利技术的进一步技术改进在于:还包括更改步骤,用于在监控模块监控表格更改时,进行更改后台记录步骤中的搜索结果。

17、与现有技术相比,本专利技术具备以下有益效果:

18、1、本申请在使用时,通过设置有用于携带搜索参数的url链接模块、对搜索条件进行缓存的本地存储模块以及渲染组件模块,从而可以实现在对多列表进行搜索时,首先通过检索url链接模块和本地缓存模块之间是否存在数据列表检索条件,若存在,则可以根据数据列表检索条件的数据对多列表进行渲染处理,若不存在,则可以不携带任何搜索参数进行数据请求,从而对列表数据进行渲染处理,能够缓存用户搜索条件下帮助用户在跳转页面后快速定位想要的数据,节省了查找数据的时间,解决现有技术中浪费大量时间进行无异议操作的问题。

19、2、本申请在使用时通过对列表检索条件的数据进行分类处理,对列表检索条件的字段数据进行有效性的判断,排除无效字段,且根据获取的无效字段与列表中的数据字段进行比对筛选,从而能够筛选出数据接口可识别的字段,以此排除url链接模块或者本地缓存模块中数据被修改的可能性,滤除了无效字段,使得更加安全高效。

本文档来自技高网...

【技术保护点】

1.一种基于浏览器实现的web端通用缓存表格组件,其特征在于:包括:

2.根据权利要求1所述的一种基于浏览器实现的web端通用缓存表格组件,其特征在于,在url中存在数据列表检索条件时,对数据列表检索条件的字段数据进行有效性判断,排除无效字段,根据获取的无效字段与列表中的数据字段进行对比筛选,筛选出数据接口可识别的字段。

3.根据权利要求2所述的一种基于浏览器实现的web端通用缓存表格组件,其特征在于,对数据列表检索条件的数据进行更新时,通过对可识别的字段进行重新组合筛选,将剩余的数据合并成新的url,并更新页面的url地址。

4.根据权利要求1所述的一种基于浏览器实现的web端通用缓存表格组件,其特征在于,在本地缓存模块存在列表检索条件时,对列表检索条件的数据进行分类处理,对数据列表检索条件的字段数据进行有效性判断,排除无效字段,根据获取的无效字段与列表中的数据字段进行对比筛选,筛选出数据接口可识别的字段。

5.根据权利要求4所述的一种基于浏览器实现的web端通用缓存表格组件,其特征在于,对可识别的字段按照自定义额外配置处理缓存的自定义搜索条件,携带有效检索条件进行数据的请求。

6.根据权利要求1所述的一种基于浏览器实现的web端通用缓存表格组件,其特征在于,还包括后台记录步骤,用于对搜索的次数和搜索结果进行记录,根据搜索的次数和搜索的记录对表格检索的状态进行追溯。

7.根据权利要求6所述的一种基于浏览器实现的web端通用缓存表格组件,其特征在于,还包括更改步骤,用于在监控模块监控表格更改时,进行更改后台记录步骤中的搜索结果。

...

【技术特征摘要】

1.一种基于浏览器实现的web端通用缓存表格组件,其特征在于:包括:

2.根据权利要求1所述的一种基于浏览器实现的web端通用缓存表格组件,其特征在于,在url中存在数据列表检索条件时,对数据列表检索条件的字段数据进行有效性判断,排除无效字段,根据获取的无效字段与列表中的数据字段进行对比筛选,筛选出数据接口可识别的字段。

3.根据权利要求2所述的一种基于浏览器实现的web端通用缓存表格组件,其特征在于,对数据列表检索条件的数据进行更新时,通过对可识别的字段进行重新组合筛选,将剩余的数据合并成新的url,并更新页面的url地址。

4.根据权利要求1所述的一种基于浏览器实现的web端通用缓存表格组件,其特征在于,在本地缓存模块存在列表检索条件时,对列表检索条件的数据进行分...

【专利技术属性】
技术研发人员:李浩祁甫浪王方园张路格汪浩洋刘邓
申请(专利权)人:安徽福晴科技集团有限公司
类型:发明
国别省市:

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

1