一种H5题库网页的渲染方法、装置、电子设备及存储介质制造方法及图纸

技术编号:37053311 阅读:25 留言:0更新日期:2023-03-29 19:30
本发明专利技术公开了一种H5题库网页的渲染方法、装置、电子设备及存储介质,本发明专利技术将H5答题网页中的题目的上下按钮切换方式更改为滑动切换方式,如此,提高了使用的便捷性,同时,可自动推导出前后题目关联,从而可根据历史做题进度,控制本次答题跳转至相对应的位置,解决了传统技术中无法获取答题进度的问题;另外,通过控制渲染列表,可保证在一次题目页面展示时,仅渲染3个题目数据,以及加载展示一个题目数据,基于此,则可解决传统技术中因题目数据量大所导致的数据渲染及切换卡顿的问题;由此,本发明专利技术的使用体验感,相比于传统技术,得到了大幅提高。了大幅提高。了大幅提高。

【技术实现步骤摘要】
一种H5题库网页的渲染方法、装置、电子设备及存储介质


[0001]本专利技术属于网页渲染
,具体涉及一种H5题库网页的渲染方法、装置、电子设备及存储介质。

技术介绍

[0002]目前,对于H5评测系统的项目有很多,其实现渲染答题页的方式也有很多,但是,市场上常用的H5网页题库(如百度题库,中公教育)大多都是通过底部上一题和下一题的切换按钮来进行题目切换,而前述网页切换渲染方法存在以下不足:无法实现左右滑动切换,且在退出答题网页后,无法存储答题进度,造成用户使用体验感不佳;同时,前述切换渲染方式需要渲染网页中的所有题目,并在渲染后加载所有题目,而一旦数据量过大,其过大的渲染量和加载量就会造成切换卡顿,从而进一步的降低了用户体验感;基于此,如何提供一种能够实现进度存储、滑动切换且切换顺畅的题库网页的渲染方法,已成为了一个亟待解决的问题。

技术实现思路

[0003]本专利技术的目的是提供一种H5题库网页的渲染方法、装置、电子设备及存储介质,用以解决现有技术中因无法实现左右滑动切换、无法存储答题进度以及存在切换卡顿所导致的用户体验本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种H5题库网页的渲染方法,其特征在于,包括:在响应于用户与题库网页的第一人机交互操作时,获取历史做题进度数据,其中,所述第一人机交互操作包括进入答题页面操作;基于所述历史做题进度数据,确定出历史进度做题页、题目数据池以及当前进度题目数据,其中,所述题目数据池包括所述历史进度做题页上一页对应的题目数据和所述历史进度做题页对应的题目数据,所述历史进度做题页下一页对应的题目数据和所述历史进度做题页对应的题目数据,或所述历史进度做题页对应的题目数据;根据所述历史做题进度数据,确定出跳转题目页,以及基于所述当前进度题目数据,从所述题目数据池中确定出渲染题目数据,其中,所述渲染题目数据包括所述当前进度题目数据的上一条题目数据和下一条题目数据;切换至所述跳转题目页,并在所述跳转题目页中,展示所述当前进度题目数据;响应于用户与所述题库网页的第二人机交互操作时,基于所述第二人机交互操作,在所述渲染题目数据中确定出一目标题目数据,以及基于所述目标题目数据确定出渲染题目页,其中,所述第二人机交互操作包括滑动操作;滑动切换至所述渲染题目页,并在所述渲染题目页中展示所述目标题目数据,并在展示后,将当前进度题目数据更新为所述目标题目数据,并重新确定出所述当前进度题目数据的渲染题目数据,以便在响应于下一次的第二人机交互操作时,基于重新确定出的渲染题目数据,完成题目的网页渲染与切换。2.根据权利要求1所述的方法,其特征在于,所述历史做题进度数据包括:历史做题结束题目的序号,其中,基于所述历史做题进度数据,确定出历史进度做题页、题目数据池以及当前进度题目数据,包括:判断所述历史做题结束题目的序号是否小于预设阈值;若是,则确定所述历史进度做题页为起始页,否则,则对所述历史做题结束题目的序号和所述预设阈值进行向上取整运算,以将向上取整运算结果作为所述历史进度做题页;基于所述历史做题结束题目的序号,判断历史做题结束题目是否为临界分页数据,其中,所述临界分页数据包括所述历史进度做题页中的起始题目和结束题目;若否,则向服务器发送第一数据获取请求,以使服务器在接收到第一数据获取请求后,将第一目标数据发送至H5网页端,其中,第一目标数据为所述历史进度做题页对应的题目数据;利用所述第一目标数据,组成所述题目数据池;基于所述历史做题结束题目的序号,在题目数据池中确定出当前进度题目数据。3. 根据权利要求2 所述的方法,其特征在于,基于所述历史做题结束题目的序号,判断历史做题结束题目是否为临界分页数据,包括:计算所述历史做题结束题目的序号与所述预设阈值之间的比值,并判断比值是否为整数;若是,则将所述历史做题结束题目作为所述临界分页数据,否则,则向所述服务器发送所述第一数据获取请求。4.根据权利要求2所述的方法,其特征在于,判断历史做题结束题目是否为临界分页数据,包括:
若所述历史做题结束题目为所述历史进度做题页中的起始题目,则向所述服务器发送第二数据获取请求,以使所述服务器在接收到所述第二数据获取请求后,将第二目标数据发送至H5网页端,其中,所述第二目标数据为所述历史进度做题页对应的题目数据和所述历史进度做题页上一页对应的题目数据;利用所述第二目标数据,组成所述题目数据池;或若所述历史做题结束题目为所述历史进度做题页中的结束题目,则向所述服务器发送第三数据获取请求,以使所述服务器在接收到所述第三数据获取请求后,将第三目标数据发送至H5网页端,其中,所述第三目标数据为所述历史进度做题页...

【专利技术属性】
技术研发人员:王炜罗新旺曾舒煜陈爱民
申请(专利权)人:成都萌想科技有限责任公司
类型:发明
国别省市:

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

1