表格页面渲染方法、装置、电子装置和存储介质.pdf

(19)国家知识产权局(12)发明专利申请(10)申请公布号CN115203603A(43)申请公布日2022.10.18(21)申请号202210747769.4(22)申请日2022.06.29(71)申请人浙江中控技术股份有限公司地址310059浙江省杭州市滨江区六和路309号(72)发明人柏立悦王杰畅陈善镇(51)Int.Cl.G06F16/957(2019.01)G06F16/958(2019.01)权利要求书2页说明书8页附图3页(54)发明名称表格页面渲染方法、装置、电子装置和存储介质(57)摘要本申请涉及一种表格页面渲染方法、装置、电子装置和存储介质，其中，该表格页面渲染方法包括：获取表格参数、可视区域以及虚拟列表区域，根据所述表格参数，获取第一渲染数据以及生成表格总范围；根据所述第一渲染数据对所述虚拟列表区域的页面进行渲染，生成表格页面；检测所述虚拟列表区域的数据是否全部有值；若所述虚拟列表区域的数据不是全部有值，则获取虚拟列表区域的第二渲染数据，对所述虚拟列表区域的页面进行渲染更新所述表格页面。通过本申请，解决了页面滚动渲染慢的问题，实现表格数据的按需加载和分片渲染，极大的提高了浏览器对大型表格数据的渲染性能，对类似需求场景下的开发工作具有很好的普适性。CN115203603ACN115203603A权利要求书1/2页1.一种表格页面渲染方法，其特征在于，包括：获取表格参数、可视区域以及虚拟列表区域，其中，所述表格页面显示在屏幕上的区域为可视区域，所述虚拟列表区域包含所述可视区域；根据所述表格参数，获取第一渲染数据以及生成表格总范围；根据所述第一渲染数据对所述虚拟列表区域的页面进行渲染，生成表格页面；检测所述虚拟列表区域的数据是否全部有值；若所述虚拟列表区域的数据不是全部有值，则获取虚拟列表区域的第二渲染数据，对所述虚拟列表区域的页面进行渲染更新所述表格页面。2.根据权利要求1所述的表格页面渲染方法，其特征在于，所述获取表格参数、可视区域以及虚拟列表区域包括：获取所述可视区域的位置参数；根据所述位置参数，更新所述虚拟列表区域。3.根据权利要求1所述的表格页面渲染方法，其特征在于，所述根据所述第一渲染数据对所述虚拟列表区域的页面进行渲染，生成表格页面包括：接收客户端发送的刷新页面请求；根据所述刷新页面请求，更新所述虚拟列表区域的表格内容。4.根据权利要求3所述的表格页面渲染方法，其特征在于，所述接收客户端发送的刷新页面请求之前包括：其中，所述变量新操作请求中包括变量的输入信息；获取变量新操作请求，判断所述变量新操作请求的输入信息是否合法；若所述变量新操作请求合法，则提示操作成功；若所述变量新操作请求不合法，则提示操作不成功。5.根据权利要求3所述的表格页面渲染方法，其特征在于，所述根据所述刷新页面请求，更新所述表格页面包括：接收预设时间间隔中的所有刷新页面请求；根据最后一次的刷新页面请求，更新所述表格页面。6.根据权利要求3所述的表格页面渲染方法，其特征在于，所述根据所述刷新页面请求，更新所述表格页面包括：接收所述刷新页面请求；检测接收该刷新页面请求后，在之后的预设刷新时间段中未接收到新的刷新页面请求，则根据该刷新页面请求，更新所述表格页面。7.根据权利要求1所述的表格页面渲染方法，其特征在于，所述根据所述第一渲染数据对所述虚拟列表区域的页面进行渲染，生成表格页面包括：获取滚动操作指令；根据所述滚动操作指令，调整所述可视区域中显示的内容。8.一种表格页面渲染装置，其特征在于，包括：参数获取模块，用于获取表格参数、可视区域以及虚拟列表区域，其中，所述表格页面显示在屏幕上的区域为可视区域，所述虚拟列表区域包含所述可视区域；表格生成模块，用于根据所述表格参数，获取第一渲染数据以及生成表格总范围；2CN115203603A权利要求书2/2页页面渲染模块，用于根据所述第一渲染数据对所述虚拟列表区域的页面进行渲染，生成表格页面；数据检测模块，用于检测所述虚拟列表区域的数据是否全部有值；二次渲染模块，用于若所述虚拟列表区域的数据不是全部有值，则获取虚拟列表区域的第二渲染数据，对所述虚拟列表区域的页面进行渲染更新所述表格页面。9.一种电子装置，包括存储器和处理器，其特征在于，所述存储器中存储有计算机程序，所述处理器被设置为运行所述计算机程序以执行权利要求1至7中任一项所述的表格页面渲染方法。10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至7中任一项所述的表格页面渲染方法的步骤。3CN115203603A说明书1/8页表格页面渲染方法、装置、电子装置和存储介质技术领域[0001]本申请涉及互联网技术领域，特别是涉及表格页面渲染方法、装置、电子装置和存储介质。背景技术[