专利汇可以提供一种网页端实时数据的动态展示方法专利检索,专利查询,专利分析的服务。并且本 发明 涉及互联网web前端技术领域,尤其是一种网页端实时数据的动态展示方法。本方法包括显示端数据呈现方式、后端数据过滤方式和前后端数据绑定方式。本方法所述显示端数据呈现方式以气泡形式从小变大由下而上源源不断地展现给用户,且当用户移动 鼠标 悬停 在某个气泡上时该气泡会停止运动,点击气泡即可在弹出层显示完整数据详情,方便用户了解更多信息,弥补数据展现受容器限制这一缺点,实现大量数据的动态显示;后端数据过滤方式根据用户选择的区域或服务类型有针对性地对 数据库 中的数据进行筛选;前后端数据绑定方式以vue+Javascript实现数据和页面的实时绑定。本发明实现了网页端实时数据的动态气泡展示。,下面是一种网页端实时数据的动态展示方法专利的具体信息内容。
1.一种网页端实时数据的动态展示方法,其特征在于:所述的方法包括后端数据过滤、前后端数据绑定和显示端显示;
所述的后端数据过滤是通过用户选择的地区位置或者用户登录时的所属地在筛选数据时把用户的行政区划代码作为参数传递,后台根据这个代码快速筛选出相关的信息表并返回给显示端展示数据;
所述的前后端数据绑定是在前端页面对应的区域绑定vue中v-model指令并在methods对象属性中绑定相应方法及时把最新数据传递给后端,后端对数据的合法性进行验证,成功后创建与数据库连接及时对数据进行操作并存储到数据库,把最新数据渲染在显示端;
所述的显示端显示是前端发送Ajax数据请求向后端请求动态数据;并通过$.each方法循环数据,并动态创建a标签绑定数据;同时为每一个气泡绑定鼠标hover事件悬停效果和鼠标click事件弹出数据详情效果;通过随机函数为每一个气泡数据设置随机上升速度、气泡产生的随机位置,同时设置每一个气泡数据由小变大的动画效果和文字显示的方式,实现大量数据的动态显示。
标题 | 发布/更新时间 | 阅读量 |
---|---|---|
一种基于电网三维数字地球的三维动画制作及展示方法 | 2021-01-30 | 1 |
一种数据上报方法、装置、存储介质及终端设备 | 2020-09-21 | 0 |
一种终端截屏方法及终端 | 2020-10-18 | 0 |
一种图形界面的处理方法、装置和系统 | 2023-08-01 | 0 |
智能餐桌系统、菜品多媒体信息的展示方法 | 2021-06-27 | 2 |
一种基于Unity3D着色器显示机房地面温场分布的方法和装置 | 2022-01-18 | 1 |
利用3D语义地图进行深度定位和分段的系统和方法 | 2020-06-28 | 1 |
Dynamic sound source and listener position based audio rendering | 2022-12-01 | 1 |
그래픽스 파이프라인을 수행하는 방법 및 장치 | 2022-12-25 | 1 |
컴퓨팅 시스템 및 컴퓨팅 시스템에서 타일-기반 렌더링의 그래픽스 파이프라인을 수행하는 방법 | 2022-04-03 | 0 |
高效检索全球专利专利汇是专利免费检索,专利查询,专利分析-国家发明专利查询检索分析平台,是提供专利分析,专利查询,专利检索等数据服务功能的知识产权数据服务商。
我们的产品包含105个国家的1.26亿组数据,免费查、免费专利分析。
专利汇分析报告产品可以对行业情报数据进行梳理分析,涉及维度包括行业专利基本状况分析、地域分析、技术分析、发明人分析、申请人分析、专利权人分析、失效分析、核心专利分析、法律分析、研发重点分析、企业专利处境分析、技术处境分析、专利寿命分析、企业定位分析、引证分析等超过60个分析角度,系统通过AI智能系统对图表进行解读,只需1分钟,一键生成行业专利分析报告。