[發(fā)明專利]一種基于CMSPWEB的頁面監(jiān)聽滾動渲染方法

在審

• 申請?zhí)枺?/td>: 201910915077.4
• 申請日: 2019-09-26
• 公開（公告）號: CN110609729A
• 公開（公告）日: 2019-12-24
• 發(fā)明（設計）人: 陳警衛(wèi);葛東遙;李朝銘
• 申請（專利權）人: 浪潮軟件股份有限公司
• 主分類號: G06F9/451
• 分類號: G06F9/451
• 代理公司: 37100 濟南信達專利事務所有限公司
• 代理人: 郗艷榮

1.一種基于CMSPWEB的頁面監(jiān)聽滾動渲染方法，其特征在于：通過CMSPWEB控制臺自動監(jiān)聽用戶對頁面的滾動操作，分批次請求服務加載數(shù)據(jù)，生成多個DOM節(jié)點實現(xiàn)異步渲染頁面，進而減輕瀏覽器和服務器壓力。

2.根據(jù)權利要求1所述的基于CMSPWEB的頁面監(jiān)聽滾動渲染方法，其特征在于：用戶在查看更新頁面信息時，無需考慮數(shù)據(jù)量的大小，直接在CMSPWEB控制臺頁面上滾動視圖即可獲取新的視圖信息。

3.根據(jù)權利要求2所述的基于CMSPWEB的頁面監(jiān)聽滾動渲染方法，其特征在于：為了使頁面出現(xiàn)滾動視圖效果，在網(wǎng)頁上創(chuàng)建一個HTMLDOM模板和使用后臺返回的數(shù)組list數(shù)據(jù)，循環(huán)數(shù)據(jù)生成多個DOM節(jié)點，每個DOM節(jié)點對應數(shù)組中的一條數(shù)據(jù)。

4.根據(jù)權利要求3所述的基于CMSPWEB的頁面監(jiān)聽滾動渲染方法，其特征在于：在滾動視圖頁面通過滾動鼠標或者下拉滾動條獲取視圖的相對瀏覽器窗口位置，當視圖相對于之前的位置達到設置的變量閾值時觸發(fā)查詢服務，根據(jù)查詢結(jié)果數(shù)據(jù)生成DOM節(jié)點。

5.根據(jù)權利要求4所述的基于CMSPWEB的頁面監(jiān)聽滾動渲染方法，其特征在于：所述變量閾值由用戶根據(jù)實際需求設定。

6.根據(jù)權利要求5所述的基于CMSPWEB的頁面監(jiān)聽滾動渲染方法，其特征在于：更優(yōu)的，變量閾值設置為10，當頁面滾動時滾動條相對于之前的位置變化大于等于10時就會觸發(fā)查詢服務。

7.根據(jù)權利要求4所述的基于CMSPWEB的頁面監(jiān)聽滾動渲染方法，其特征在于：觸發(fā)查詢服務后，以CMSPWEB控制臺獲取到的監(jiān)聽信息為查詢條件得到查詢結(jié)果數(shù)據(jù)數(shù)組list，CMSPWEB控制臺根據(jù)查詢結(jié)果數(shù)據(jù)循環(huán)生成DOM節(jié)點，并將生成的DOM節(jié)點插入到當前頁面末尾位置供CMSPWEB控制臺使用。

8.根據(jù)權利要求7所述的基于CMSPWEB的頁面監(jiān)聽滾動渲染方法，其特征在于：利用JavaScript技術中創(chuàng)建DOM節(jié)點的方法生成DOM節(jié)點，利用JavaScript技術中操作DOM節(jié)點的方法將生成的DOM節(jié)點插入到當前頁面末尾位置供CMSPWEB控制臺使用。