一种可视化的页面静态化实现方法技术

本发明专利技术提供了一种可视化的页面静态化实现方法，涉及数字可视化技术领域。本发明专利技术首先对静态化页面进行优先展示，从而保证可视化响应速度；再异步加载动态组件到静态化页面中，并在完成渲染后隐藏静态化页面，并替换为展示静态化渲染页面，从而使得静态页面具有动态交互效果；此外，由于本实施例采用前后端分离的架构模式，通过组件组合的方式实现页面搭建，其组件的渲染独立于后端逻辑，通过利用浏览器来组装数据并利用其自然的渲染逻辑获取静态化数据，无需另外构建复杂的渲染逻辑和管理不同版本的渲染组件；本发明专利技术利用已有浏览器来组装数据，能够高效地实现组件渲染过程并获取静态化数据，极大地简化的操作流程和复杂度。

【技术实现步骤摘要】

本专利技术涉及数字可视化，尤其涉及一种可视化的页面静态化实现方法。

技术介绍

1、随着网络技术的不断普及与发展，网络页面所呈现的内容也越来越丰富多样；在现阶段网页开发设计中，我们通常使用前端框架技术搭建动态页面，动态网页不像静态网页那样是专门的网页文件，存在于数据库中当用户进行请求时才会返回一个网页，其网页内容可以随用户的要求进行动态改变。

2、与静态网页相比，动态网页的生成采用了数据库的内容，这就导致不利于搜索引擎的检索和seo(搜索引擎优化)；并且在进行首屏加载时，动态页面还存在渲染慢的问题；此外，在一些官网类网站系统中，由于网页展示内容项调整频率不高，如果采用传统的前后端请求交互方式，会给系统带来较大的交互请求，而频繁的交互请求也会给系统带来较大的响应压力，导致出现响应超时情况。

3、因此，需要一种可视化的页面静态化实现方法来解决上述技术问题。

技术实现思路

1、为解决上述技术问题，本专利技术提供的一种可视化的页面静态化实现方法，通过如下步骤实现页面静态化：</p>

2、步骤本文档来自技高网...

【技术保护点】

1.一种可视化的页面静态化实现方法，其特征在于，通过如下步骤实现页面静态化：

2.根据权利要求1所述的一种可视化的页面静态化实现方法，其特征在于，所述关键字包括关键字标题、关键字地址和关键字超文本标记语言。

3.根据权利要求1所述的一种可视化的页面静态化实现方法，其特征在于，所述静态化数据包括URL数据、数据源数据、HTML和CSS数据。

4.根据权利要求1所述的一种可视化的页面静态化实现方法，其特征在于，所述步骤S6还包括服务端接收到静态化数据后，将静态化数据直接替换第一模板文件中的关键字。

5.根据权利要求1所述的一种可视化的页面静态化...

【技术特征摘要】

1.一种可视化的页面静态化实现方法，其特征在于，通过如下步骤实现页面静态化：

2.根据权利要求1所述的一种可视化的页面静态化实现方法，其特征在于，所述关键字包括关键字标题、关键字地址和关键字超文本标记语言。

3.根据权利要求1所述的一种可视化的页面静态化实现方法，其特征在于，所述静态化数据包括url数据、数据源数据、html和css数据。

4.根据权利要求1所述的一种可视化的页面静态化实现方法，其特征在于，所述步骤s6还包括服务端接收到静态化数据后，将静态化数据直接替换第一模板文件中的关键字。

5.根据权利要求1所述的一种可视化的页面静态化实现方法，其特征在于，当在本地实现页面静态化时，通过本地浏览器抓取第一模板文件的静态化数据。

6.根据权利要求1所述的一种可视化的页面静态化...

【专利技术属性】
技术研发人员：余军，颜涛，朱愚，黄信云，
申请(专利权)人：成都华栖云科技有限公司，
类型：发明
国别省市：