一種H5題庫網(wǎng)頁的渲染方法、裝置、電子設備及存儲介質(zhì)
技術領域
[0001] 本發(fā)明屬于網(wǎng)頁渲染技術領域,具體涉及一種H5題庫網(wǎng)頁的渲染方法、裝置、電子設備及存儲介質(zhì)。
背景技術
[0002] 目前,對于H5評測系統(tǒng)的項目有很多,其實現(xiàn)渲染答題頁的方式也有很多,但是,市場上常用的H5網(wǎng)頁題庫(如百度題庫,中公教育)大多都是通過底部上一題和下一題的切換按鈕來進行題目切換,而前述網(wǎng)頁切換渲染方法存在以下不足:無法實現(xiàn)左右滑動切換,且在退出答題網(wǎng)頁后,無法存儲答題進度,造成用戶使用體驗感不佳;同時,前述切換渲染方式需要渲染網(wǎng)頁中的所有題目,并在渲染后加載所有題目,而一旦數(shù)據(jù)量過大,其過大的渲染量和加載量就會造成切換卡頓,從而進一步的降低了用戶體驗感;基于此,如何提供一種能夠?qū)崿F(xiàn)進度存儲、滑動切換且切換順暢的題庫網(wǎng)頁的渲染方法,已成為了一個亟待解決的問題。
發(fā)明內(nèi)容
[0003] 本發(fā)明的目的是提供一種H5題庫網(wǎng)頁的渲染方法、裝置、電子設備及存儲介質(zhì),用以解決現(xiàn)有技術中因無法實現(xiàn)左右滑動切換、無法存儲答題進度以及存在切換卡頓所導致的用戶體驗感差的的問題。
[0004] 為了實現(xiàn)上述目的,本發(fā)明采用以下技術方案:
[0005] 第一方面,提供了一種H5題庫網(wǎng)頁的渲染方法,包括:
[0006] 在響應于用戶與題庫網(wǎng)頁的第一人機交互操作時,獲取歷史做題進度數(shù)據(jù),其中,所述第一人機交互操作包括進入答題頁面操作;
[0007] 基于所述歷史做題進度數(shù)據(jù),確定出歷史進度做題頁、題目數(shù)據(jù)池以及當前進度題目數(shù)據(jù),其中,所述題目數(shù)據(jù)池包括所述歷史進度做題頁上一頁對應的題目數(shù)據(jù)和所述歷史進度做題頁對應的題目數(shù)據(jù),所述歷史進度做題頁下一頁對應的題目數(shù)據(jù)和所述歷史進度做題頁對應的題目數(shù)據(jù),或所述歷史進度做題頁對應的題目數(shù)據(jù);
[0008] 根據(jù)所述歷史做題進度數(shù)據(jù),確定出跳轉(zhuǎn)題目頁,以及基于所述當前進度題目數(shù)據(jù),從所述題目數(shù)據(jù)池中確定出渲染題目數(shù)據(jù),其中,所述渲染題目數(shù)據(jù)包括所述當前進度題目數(shù)據(jù)的上一條題目數(shù)據(jù)和下一條題目數(shù)據(jù);
[0009] 切換至所述跳轉(zhuǎn)題目頁,并在所述跳轉(zhuǎn)題目頁中,展示所述當前進度題目數(shù)據(jù);
[0010] 響應于用戶與所述題庫網(wǎng)頁的第二人機交互操作時,基于所述第二人機交互操作,在所述渲染題目數(shù)據(jù)中確定出一目標題目數(shù)據(jù),以及基于所述目標題目數(shù)據(jù)確定出渲染題目頁,其中,所述第二人機交互操作包括滑動操作;
[0011] 滑動切換至所述渲染題目頁,并在所述渲染題目頁中展示所述目標題目數(shù)據(jù),并在展示后,將當前進度題目數(shù)據(jù)更新為所述目標題目數(shù)據(jù),并重新確定出所述當前進度題目數(shù)據(jù)的渲染題目數(shù)據(jù),以便在響應于下一次的第二人機交互操作時,基于重新確定出的渲染題目數(shù)據(jù),完成題目的網(wǎng)頁渲染與切換。
[0012] 基于上述公開的內(nèi)容,本發(fā)明在檢測到用戶進入答題頁面時,會首先獲取歷史做題進度數(shù)據(jù),從而基于歷史做題進度數(shù)據(jù)來確定出歷史進度做題頁、當前進度題目數(shù)據(jù)以及題目數(shù)據(jù)池,其中,該數(shù)據(jù)池中包括有歷史進度做題頁和其上一頁的數(shù)據(jù)、歷史進度做題頁和其下一頁的數(shù)據(jù)或歷史進度做題頁的數(shù)據(jù);如此,該步驟相當于實現(xiàn)了上一次答題進度的確認,以及得到了本次渲染的題目數(shù)據(jù)庫;而后,本發(fā)明則可根據(jù)前述數(shù)據(jù),來確定出跳轉(zhuǎn)題目頁,以及利用當前進度題目數(shù)據(jù)的上一條和下一條數(shù)據(jù)來組成實際需進行渲染的渲染題目數(shù)據(jù);接著,本發(fā)明在進行答題頁面顯示時,則可直接切換至跳轉(zhuǎn)題目頁,并展示當前進度題目數(shù)據(jù);基于此,即可使本次答題題目緊接上一次的答題題目;最后,當用戶需要切換時,只需根據(jù)用戶的滑動操作,在渲染題目數(shù)據(jù)中選擇一題目進行展示,并在展示后,重新更新渲染題目數(shù)據(jù),以此方法不斷循環(huán),即可實現(xiàn)題目的滑動切換。
[0013] 通過上述設計,本發(fā)明能夠存儲答題進度,并在用戶進入答題網(wǎng)頁時,實現(xiàn)歷史進度答題的跳轉(zhuǎn),從而使本次展示的首道答題緊接上一次答題題目;同時,在進行渲染時,只需渲染三個題目數(shù)據(jù),且每次展示時,僅展示一條題目數(shù)據(jù),其渲染數(shù)據(jù)量和加載數(shù)據(jù)量相比于傳統(tǒng)技術,得到了大幅下降,因此,使得題目的渲染和切換更加順暢,避免了傳統(tǒng)技術所存在的切換卡頓的問題;另外,本發(fā)明實現(xiàn)了題目的滑動切換,其使用便捷性得到了大幅提高;由此,本發(fā)明的使用體驗感和便捷性,相比于傳統(tǒng)技術,得到了大幅提高,適用于大規(guī)模應用與推廣。
[0014] 在一個可能的設計中,所述歷史做題進度數(shù)據(jù)包括:歷史做題結束題目的序號,其中,基于所述歷史做題進度數(shù)據(jù),確定出歷史進度做題頁、題目數(shù)據(jù)池以及當前進度題目數(shù)據(jù),包括:
[0015] 判斷所述歷史做題結束題目的序號是否小于預設閾值;
[0016] 若是,則確定所述歷史進度做題頁為起始頁,否則,則對所述歷史做題結束題目的序號和所述預設閾值進行向上取整運算,以將向上取整運算結果作為所述歷史進度做題頁;