一种自动加载下一篇新闻的方法及系统技术方案

本发明专利技术涉及新闻自动加载技术领域，提供了一种自动加载下一篇新闻的方法及系统，方法包括：建立json文件库，存储新闻对应的静态json文件；建立渲染静态json文件的新闻展示页面；当用户浏览新闻的正文至新闻展示页面的正文区域的底部时，捕获鼠标的whell滚动事件，首次滚动时，显示下一篇新闻的骨架屏，若在预设时间内连续滚动第二次，新闻展示页面将下一篇新闻对应的静态json文件渲染到所述新闻展示页面的正文区域上，新闻展示页面在不跳转页面的情况下，自动展示出下一篇新闻，并使得所述新闻展示页面呈现一个翻页的效果。实现了在浏览新闻的过程中，始终保持访问新闻展示页面不变，减少了服务器的压力和成本的同时又能够对用户呈现翻页效果的功能。

【技术实现步骤摘要】
一种自动加载下一篇新闻的方法及系统
本专利技术涉及新闻自动加载的
，尤其涉及一种自动加载下一篇新闻的方法及系统。
技术介绍
在当前现有技术中的用于展示新闻的网站上，当用户在当前新闻浏览完毕以后，需要查看下一篇新闻时，一般需要根据自己的喜好，手动选择自己喜欢的下一篇新闻进行查看。甚至有些页面需要关闭当前页面，从原始列表页面选择下一篇新闻进行查看。操作麻烦，用户体验度较差。进一步地，当前用于展示新闻的网站，当查看下一篇新闻时，一般都是通过重新打开一个静态页面，或者使用动态页面、动态接口页面。纯静态页面无法达到当前页面变化内容的需求，当需要查看下一篇新闻时，只能重新打开一个新的静态页面。纯动态页面或者动态接口页面在流量大的情况下，对服务器的要求高，成本大，且流量大时，页面加载速度将会很慢，将极大的影响到客户的体检度。
技术实现思路
针对上述问题，本专利技术的目的在于提供一种自动加载下一篇新闻的方法及系统，当捕获到用户浏览当前新闻到当前新闻页面的底部时，自动监控鼠标的whell滚动事件，显示下一篇新闻的骨架屏，并在监控本文档来自技高网...

【技术保护点】
1.一种自动加载下一篇新闻的方法，其特征在于，包括以下步骤：/nS1：建立json文件库，用于存储每一篇新闻对应的静态json文件；/nS2：建立用于渲染所述静态json文件的包括html静态页面在内的新闻展示页面，所述新闻展示页面为浏览新闻时唯一加载并访问的页面，并在浏览新闻时保持访问所述新闻展示页面不变；/nS3：当用户浏览新闻的正文至所述新闻展示页面的正文区域的底部时，捕获鼠标的whell滚动事件，首次滚动时，显示下一篇新闻的骨架屏，所述骨架屏上显示有下一篇新闻的预览标题，若在预设时间内连续滚动第二次，所述新闻展示页面将下一篇新闻对应的所述json文件渲染到所述新闻展示页面的正文区域上，...

【技术特征摘要】
1.一种自动加载下一篇新闻的方法，其特征在于，包括以下步骤：
S1：建立json文件库，用于存储每一篇新闻对应的静态json文件；
S2：建立用于渲染所述静态json文件的包括html静态页面在内的新闻展示页面，所述新闻展示页面为浏览新闻时唯一加载并访问的页面，并在浏览新闻时保持访问所述新闻展示页面不变；
S3：当用户浏览新闻的正文至所述新闻展示页面的正文区域的底部时，捕获鼠标的whell滚动事件，首次滚动时，显示下一篇新闻的骨架屏，所述骨架屏上显示有下一篇新闻的预览标题，若在预设时间内连续滚动第二次，所述新闻展示页面将下一篇新闻对应的所述json文件渲染到所述新闻展示页面的正文区域上，所述新闻展示页面在不跳转页面的情况下，自动展示出下一篇新闻，并使得所述新闻展示页面呈现一个翻页的效果。


2.根据权利要求1所述的自动加载下一篇新闻的方法，其特征在于，所述新闻展示页面将下一篇新闻对应的所述json文件渲染到所述新闻展示页面的正文区域上，所述新闻展示页面在不跳转页面的情况下，自动展示出下一篇新闻，具体为：
针对于每一篇新闻赋值一个唯一的虚拟访问地址，所述虚拟访问地址中包括每一篇新闻唯一对应的uk值；
当自动加载下一篇新闻时，通过所述虚拟访问地址中的uk值获取当前新闻对应的所述json文件，将所述json文件渲染到所述新闻展示页面的正文区域上，并通过对CDN使用Nginxalias配置，针对于所有所述uk值对应的目录的访问都返回所述新闻展示页面的内容，确保浏览新闻的页面保持为所述新闻展示页面对应的包括html代码在内的代码不变；
执行WebAPIhistory.pushState命令改变当前页面地址栏的URL为所述虚拟访问地址，但不刷新当前新闻页面。


3.根据权利要求1所的自动加载下一篇新闻的方法，其特征在于，还包括：所述新闻展示页面在将新闻展示到页面上之后，将同时请求当前新闻唯一对应的将要被推荐展示的下一篇新闻的所述json文件，当前新闻的下一篇推荐内容从推荐的所述JSON文件中获取，具体的推荐规则为：
根据当前展示的新闻推荐包括同标签、同分类热门内容、同关键词优质内容在内的待展示新闻；
判断所述待展示新闻中预设条数的前若干条新闻是否存在有当前用户所访问过的新闻或已删除的新闻，若不存在则在前若干条新闻中随机取一条新闻作为待展示的下一篇新闻，否则，更换一篇新闻作为待展示的下一篇新闻，避免推荐内容出现循环推荐或者已被删除的情况。


4.根据权利要求2所述的自动加载下一篇新闻的方法，其特征在于，所述新闻展示页面在加载下一篇新闻时，具体的交互过程为：
在所述新闻展示页面上注册鼠标的whell滚动事件，当用户第一次将所述新闻展示页面滚动到页面底部时，显示下一篇新闻的所述骨架屏，给到用户加载预览的效果，在所述预设时间内再次滚动鼠标滚轮使得所述新闻展示页面触底，所述新闻展示页面使用的骨架屏样式向上滚动呈现翻页效果，随后展示下一篇新闻内容，并同时执行history.pushState改变地址栏上的URL为所述虚拟访问地址，使得页面与地址同时呈现翻页效果，但所述新闻展示页面不会跳转或者重新请求加载页面；
若在所述预设时间内没有再次滚动鼠标滚轮，所述新闻展示页面收起所述骨架屏样式，并保留下一篇新闻的预览标题。


5.根据权利要求1所述的自动加载下一篇新闻的方法，其特征在于，还包括：将所述新闻展示页面按照左右结构进行划分，左侧为信息流区域，右侧为正文区域；
其中，所述信息流区域，用于根据用户行为推荐新闻以提供给用户进行阅读，当...

【专利技术属性】
技术研发人员：姚碧倩，胡宝军，张占龙，张荣生，
申请(专利权)人：上海嵩恒网络科技股份有限公司，
类型：发明
国别省市：上海;31