CN110909281A - 一种模块化页面减少前后端交互的方法 - Google Patents
一种模块化页面减少前后端交互的方法 Download PDFInfo
- Publication number
- CN110909281A CN110909281A CN201911190461.9A CN201911190461A CN110909281A CN 110909281 A CN110909281 A CN 110909281A CN 201911190461 A CN201911190461 A CN 201911190461A CN 110909281 A CN110909281 A CN 110909281A
- Authority
- CN
- China
- Prior art keywords
- data
- module
- page
- demand
- list
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
Abstract
本发明公开了一种模块化页面减少前后端交互的方法,涉及客户端与后端开发技术。所述方法,约定前后端模块数据的下发规则,当进入前端点播页面并点播该页面中任一其他资源时,后端根据点播页面上一点播资源所属的模块数据列表控制该列表中部分模块数据更新,部分模块数据不更新,解决了所有模块都需要与后端交互更新数据的问题,减少了不必要的前后端交互,提高了前端点播页面模块的渲染速度,提升了用户的体验度,降低了后端计算成本。
Description
技术领域
本发明属于客户端与后端开发技术,尤其涉及一种终端页面模块与后端交互的控制方法。
背景技术
随着网络技术的发展,目前用户经常使用视频播放器观看自己喜欢的视频资源,或者使用网页浏览自己所需的资源。例如,在视频播放页不仅有播放器,更有多个视频或其他资源列表模块,模块数据的多元化带来更多的转换率,在播放页内选择点播其他视频时,原有的模块数据全部重新请求后端(服务端)接口,与后端交互后来刷新播放页模块的数据。
目前,页面内的其他资源点播,则整个页面的全部模块都与后端交互刷新数据,增加了页面的渲染耗时,降低了用户体验,加大了后端服务计算的压力。
发明内容
针对现有技术中,页面内点播其他资源时,所有模块全部重新与后端交互刷新加载数据而导致的渲染耗时增加,用户体验度降低,以及服务端计算成本增加的问题,本发明提供一种模块化页面减少前后端交互的方法,通过后端系统下发模块是否需要刷新加载数据的控制信息,减少不必要的前后端交互,更好的提升用户体验,有效降低计算成本。
本发明是通过如下的技术方案来解决上述技术问题的:一种模块化页面减少前后端交互的方法,包括以下步骤:
约定模块数据的下发规则;
解析下发的模块数据列表,所述模块数据列表是由多个模块的数据构成的;
当点播当前点播页面中任一资源时,根据点播页面上一点播资源所属的模块数据列表控制该列表中部分模块数据的更新;
所述资源是指在点播页面点播后仍在当前点播页面展示指定内容的文字、图片或者视频。
首次进入点播页面,所有模块都需要更新数据,当点播该点播页面的其他资源时,后端根据点播页面上一点播资源所属的模块数据列表选择该列表中部分模块数据更新,部分模块数据不更新,解决了所有模块都需要与后端交互更新数据的问题,提高了点播页面模块的渲染速度,提升了用户的体验度,降低了后端计算成本。
进一步地,所述点播页面包括多个模块,每个模块包括多个资源,同一点播页面的多个模块的数据构成该点播页面的模块数据列表,点播页面与模块数据列表一一对应。
进一步地,所述模块数据的下发规则为:每个模块的数据包括数据类型、展示类型、数据获取地址以及是否重新请求更新数据。
进一步地,所述解析下发的模块数据列表的具体操作为:
根据列表中模块数据的下发顺序排序,并占位;
根据每个模块的展示类型选择对应的样式进行渲染;
判断每个模块是否需要重新请求更新数据;
若需要重新请求,则通过模块的数据获取地址获取该模块的数据,否则该模块不需要重新请求更新数据。
进一步地,所述点播页面为视频播放页面。
相应的,一种服务器,包括:
规则设置单元,用于与客户端约定模块数据的下发规则;
数据处理单元,用于接收客户端的点播信息,根据该点播信息生成对应的模块数据列表,并将该模块数据列表发送给客户端;
数据存储单元,用于为需要更新数据的模块提供数据。
有益效果
与现有技术相比,本发明提出的模块化页面减少前后端交互的方法,约定前后端模块数据的下发规则,当进入前端点播页面并点播该页面中任一其他资源时,后端根据点播页面上一点播资源所属的模块数据列表控制该列表中部分模块数据更新,部分模块数据不更新,解决了所有模块都需要与后端交互更新数据的问题,减少了不必要的前后端交互,提高了前端点播页面模块的渲染速度,提升了用户的体验度,降低了后端计算成本。
附图说明
为了更清楚地说明本发明的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一个实施例,对于本领域普通技术人员来说,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本发明实施例1模块1的展示类型;
图2是本发明实施例1模块2的展示类型;
图3是本发明实施例1模块3的展示类型。
具体实施方式
下面结合本发明实施例中的附图,对本发明中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动的前提下所获得的所有其他实施例,都属于本发明保护的范围。
实施例1
本发明所提供的一种模块化页面减少前后端交互的方法,包括以下步骤:
1、约定前端点播页面与后端模块数据的下发规则。
后端下发单个模块的数据如下表1所示:
表1模块的数据字段
前端点播页面包括多个模块,每个模块包括多个资源,同一前端点播页面的多个模块数据构成该前端点播页面的模块数据列表,前端点播页面与模块数据列表一一对应。资源是指在点播页面点播后仍在当前点播页面展示指定内容的文字、图片或者视频等。
2、前端点播页面解析后端下发的模块数据列表。
本实施例以3个模块构成的模块数据列表为例,则后端下发的模块数据列表如下,格式为JSON:
前端点播页面根据后端下发的模块数据列表进行解析,并做渲染,具体操作为:
2.1根据列表中模块数据的下发顺序排序(1,2,3),并占位;
2.2根据列表中每个模块的展示类型(displayType)选择对应的样式进行渲染;
2.3根据isRefresh字段判断每个模块是否需要重新请求更新数据,0表不更新,1表示更新,则模块1和2不更新,模块3更新;
2.4若需要重新请求,则通过模块的数据获取地址(url)获取该模块的数据,否则该模块不需要重新请求更新数据。模块3可以根据url字段提供的地址获取更新数据。
3、当点播当前点播页面中任一资源时,后端根据点播页面上一点播资源所属的模块数据列表控制该列表中部分模块数据的更新。
本实施例以视频播放页面为例对模块数据的更新进行举例:当点播到当前视频播放页所有模块中的任一视频时,视频播放页把上一视频所属模块的数据类型(dataType)作为参数传给后端,后端接收到点播信息,并根据上一视频所属模块的数据类型(dataType)控制视频播放页播放所选视频时哪些模块需要更新数据,哪些模块不需要更新数据。
在视频播放页选择任一视频时,前后端交互的具体过程如下所述,本实施例中视频播放页返回的模块一致,如表2所示:
表2选择视频时模块类型及数据更新情况
(1)当首次进入视频播放页时datatype为0,视频播放页解析后端下发的dataType为1,2,3的模块;dataType为1、2、3的模块都需要更新数据;
(2)当上一视频所属模块的dataType为1,点播到当前视频播放页任一其他视频时,视频播放页解析后端下发的dataType为1,2,3的模块,其中,dataType为1和2的模块不更新数据,为3的模块更新数据;
(3)当上一视频所属模块的dataType为2,点播到当前视频播放页任一其他视频时,视频播放页解析后端下发的dataType为1,2,3的模块,其中dataType为1和2的模块不更新数据,为3的模块更新数据;
(4)当上一视频所属模块的dataType为3,点播到当前视频播放页任一其他视频时,视频播放页解析后端下发的dataType为1,2,3的模块,其中,dataType为1、2、3的模块都更新数据。
如图1-3所示,模块1、2和3可以是不同的展示类型。
实施例2
本发明所提供的一种模块化页面减少前后端交互的方法,对应的系统包括前端点播页面和后端系统。
前端点播页面用于接收用户的点播指令,将点播信息发送给后端系统,并根据后端系统下发的模块数据列表确定模块数据的更新。后端系统用于接收点播信息,并根据点播信息生成模块数据列表。前端点播页面即客户端,可以为视频播放页面、单页面网页或者APP,视频播放页面有搜狐视频页,优酷视频播放页。后端系统即服务端。具体的点播场景如下:
(1)用户从非点播页点播“快乐大本营第一期正片”,视频播放页接收用户点播指令,由于非点播页没有dataType,则传输模块数据类型dataType=0到点播后端系统,所有模块数据都更新。
(2)用户在“快乐大本营第一期正片”视频播放页中进行视频的切换,从正片列表(datatype=1)切换到短片列表(datatype=2)的视频“快乐大本营第二期花絮”,视频播放页接收用户点播指令,并且传输“快乐大本营第一期正片”视频所属的模块数据类型(dataType=1)到点播后端系统,如表3所示。
表3不同数据类型的模块为多个不同视频的集合
datatype | 名称(ltitle) | 数据 |
1 | 正片列表 | 合集下正片的数据 |
2 | 短片列表 | 合集下短片的数据 |
3 | 推荐列表 | 给用户推荐的数据 |
(3)点播后端系统通过传入的模块数据类型(dataType=1),计算下发模块数据列表,列表中包括3个模块,3个模块的dataType分别为1,2,3,其中dataType为1和2的模块不需要更新数据,为3的模块需要更新数据。
(4)视频播放页解析点播后端系统下发的模块数据列表,根据列表只需要重新请求dataType=3的模块更新数据,节省了模块dataType为1和2模块数据请求。
本发明的方法在首次进入前端点播页面,所有模块都需要更新数据,当点播该点播页面的其他资源时,后端根据前端点播页面上一点播资源所属的模块数据列表选择该列表中部分模块数据更新,部分模块数据不更新,解决了所有模块都需要与后端交互更新数据的问题,提高了前端点播页面模块的渲染速度,提升了用户的体验度,降低了后端计算成本。
以上所揭露的仅为本发明的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到变化或变型,都应涵盖在本发明的保护范围之内。
Claims (6)
1.一种模块化页面减少前后端交互的方法,其特征在于,包括以下步骤:
约定模块数据的下发规则;
解析下发的模块数据列表,所述模块数据列表是由多个模块的数据构成的;
当点播当前点播页面中任一资源时,根据点播页面上一点播资源所属的模块数据列表控制该列表中部分模块数据的更新;
所述资源是指在点播页面点播后仍在当前点播页面展示指定内容的文字、图片或者视频。
2.如权利要求1所述的方法,其特征在于,所述点播页面包括多个模块,每个模块包括多个资源,同一点播页面的多个模块的数据构成该点播页面的模块数据列表,点播页面与模块数据列表一一对应。
3.如权利要求1所述的方法,其特征在于,所述模块数据的下发规则为:每个模块的数据包括数据类型、展示类型、数据获取地址以及是否重新请求更新数据。
4.如权利要求1所述的方法,其特征在于,所述解析下发的模块数据列表的具体操作为:
根据列表中模块数据的下发顺序排序,并占位;
根据每个模块的展示类型选择对应的样式进行渲染;
判断每个模块是否需要重新请求更新数据;
若需要重新请求,则通过模块的数据获取地址获取该模块的数据,否则该模块不需要重新请求更新数据。
5.如权利要求1所述的方法,其特征在于,所述点播页面为视频播放页面。
6.一种服务器,其特征在于,包括:
规则设置单元,用于与客户端约定模块数据的下发规则;
数据处理单元,用于接收客户端的点播信息,根据该点播信息生成对应的模块数据列表,并将该模块数据列表发送给客户端;
数据存储单元,用于为需要更新数据的模块提供数据。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911190461.9A CN110909281A (zh) | 2019-11-28 | 2019-11-28 | 一种模块化页面减少前后端交互的方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911190461.9A CN110909281A (zh) | 2019-11-28 | 2019-11-28 | 一种模块化页面减少前后端交互的方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110909281A true CN110909281A (zh) | 2020-03-24 |
Family
ID=69820133
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201911190461.9A Pending CN110909281A (zh) | 2019-11-28 | 2019-11-28 | 一种模块化页面减少前后端交互的方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110909281A (zh) |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103166916A (zh) * | 2011-12-12 | 2013-06-19 | 深圳市金蝶中间件有限公司 | 页面更新方法及系统 |
CN105404622A (zh) * | 2014-08-20 | 2016-03-16 | 阿里巴巴集团控股有限公司 | 一种客户端页面显示方法、装置及系统 |
US20170031887A1 (en) * | 2015-07-27 | 2017-02-02 | WP Company LLC d/b/a The Washington Post | Contextual editing in a page rendering system |
CN108681550A (zh) * | 2018-03-30 | 2018-10-19 | 北京奇艺世纪科技有限公司 | 页面刷新方法、装置以及页面刷新的控制方法、装置 |
-
2019
- 2019-11-28 CN CN201911190461.9A patent/CN110909281A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103166916A (zh) * | 2011-12-12 | 2013-06-19 | 深圳市金蝶中间件有限公司 | 页面更新方法及系统 |
CN105404622A (zh) * | 2014-08-20 | 2016-03-16 | 阿里巴巴集团控股有限公司 | 一种客户端页面显示方法、装置及系统 |
US20170031887A1 (en) * | 2015-07-27 | 2017-02-02 | WP Company LLC d/b/a The Washington Post | Contextual editing in a page rendering system |
CN108681550A (zh) * | 2018-03-30 | 2018-10-19 | 北京奇艺世纪科技有限公司 | 页面刷新方法、装置以及页面刷新的控制方法、装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107423355B (zh) | 信息推荐方法及装置、电子设备 | |
US9509750B2 (en) | Apparatus and method for providing content | |
EP0680185B1 (en) | A distributed computer system | |
US20200221185A1 (en) | Method for pushing video information, apparatus, device and storage medium | |
KR101280271B1 (ko) | 방송 시스템에서 rss 컨텐트를 제공하는 시스템 및 방법 | |
CN111432246B (zh) | 推送视频数据的方法、装置及存储介质 | |
US10506263B2 (en) | Extending data records based on device classes | |
CN107197342B (zh) | 一种数据处理方法、智能终端及存储介质 | |
CN109429103B (zh) | 推荐信息的方法、装置及计算机可读存储介质、终端设备 | |
CN110336885A (zh) | 边缘节点分配方法、装置、调度服务器及存储介质 | |
WO2022165664A1 (zh) | 直播界面的显示方法、装置、终端、服务器及存储介质 | |
CN104079999A (zh) | 用于智能电视上的视频截图预览方法及系统 | |
US20230045363A1 (en) | Video playback method and apparatus, computer device, and storage medium | |
CN112637642A (zh) | 一种多分屏显示方法、系统及存储介质 | |
CN103795758A (zh) | 内容浏览、生成及交互方法,内容浏览终端、服务器及系统 | |
CN108600780B (zh) | 用于推送信息的方法、电子设备、计算机可读介质 | |
CN113312566A (zh) | 直播间列表展示方法、装置、设备及存储介质 | |
CN110909281A (zh) | 一种模块化页面减少前后端交互的方法 | |
CN106603351B (zh) | 一种基于用户行为的电视广告推送方法及推送系统 | |
KR20120071173A (ko) | Sns 메시지를 활용한 vod 컨텐츠에 대한 부가 서비스 시스템 및 이를 이용한 부가 서비스 방법 | |
US20020186256A1 (en) | Method and system for an integrated user interface that can effectively displays online data with limited browsing options | |
CN114117195A (zh) | 内容推荐方法、装置、设备和存储介质 | |
JP2002157269A (ja) | 映像ポータルシステム及び映像提供方法 | |
US20170171574A1 (en) | Method and system for switching video live broadcasting to on-demand broadcasting | |
CN112788353B (zh) | 直播时移处理方法、装置、电子设备和可读存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |