[發明專利]一種網頁端實時數據的動態展示方法在審
| 申請號: | 201711396648.5 | 申請日: | 2017-12-21 |
| 公開(公告)號: | CN108228753A | 公開(公告)日: | 2018-06-29 |
| 發明(設計)人: | 周謙;季統凱 | 申請(專利權)人: | 國云科技股份有限公司 |
| 主分類號: | G06F17/30 | 分類號: | G06F17/30 |
| 代理公司: | 北京科億知識產權代理事務所(普通合伙) 11350 | 代理人: | 湯東鳳 |
| 地址: | 523808 廣東省東*** | 國省代碼: | 廣東;44 |
| 權利要求書: | 查看更多 | 說明書: | 查看更多 |
| 摘要: | |||
| 搜索關鍵詞: | 實時數據 數據呈現方式 動態展示 數據綁定 數據過濾 網頁 顯示端 動態顯示 服務類型 氣泡形式 數據展現 停止運動 完整數據 用戶移動 綁定 彈出 懸停 鼠標 數據庫 篩選 互聯網 展示 | ||
1.一種網頁端實時數據的動態展示方法,其特征在于:所述的方法包括后端數據過濾、前后端數據綁定和顯示端顯示;
所述的后端數據過濾是通過用戶選擇的地區位置或者用戶登錄時的所屬地在篩選數據時把用戶的行政區劃代碼作為參數傳遞,后臺根據這個代碼快速篩選出相關的信息表并返回給顯示端展示數據;
所述的前后端數據綁定是在前端頁面對應的區域綁定vue中v-model指令并在methods對象屬性中綁定相應方法及時把最新數據傳遞給后端,后端對數據的合法性進行驗證,成功后創建與數據庫連接及時對數據進行操作并存儲到數據庫,把最新數據渲染在顯示端;
所述的顯示端顯示是前端發送Ajax數據請求向后端請求動態數據;并通過$.each方法循環數據,并動態創建a標簽綁定數據;同時為每一個氣泡綁定鼠標hover事件懸停效果和鼠標click事件彈出數據詳情效果;通過隨機函數為每一個氣泡數據設置隨機上升速度、氣泡產生的隨機位置,同時設置每一個氣泡數據由小變大的動畫效果和文字顯示的方式,實現大量數據的動態顯示。
該專利技術資料僅供研究查看技術是否侵權等信息,商用須獲得專利權人授權。該專利全部權利屬于國云科技股份有限公司,未經國云科技股份有限公司許可,擅自商用是侵權行為。如果您想購買此專利、獲得商業授權和技術合作,請聯系【客服】
本文鏈接:http://www.szxzyx.cn/pat/books/201711396648.5/1.html,轉載請聲明來源鉆瓜專利網。





