网页编辑数据同步方法、装置、系统及计算机存储介质制造方法及图纸

本申请公开了一种网页编辑数据同步方法、装置、系统及计算机存储介质，该网页编辑数据同步方法包括：接收当前窗口的编辑操作，根据编辑操作生成状态机变更事件；将状态机变更事件发送给其他窗口；多个窗口根据状态机变更事件将对应的状态机更新为同一状态数据。本方法利用状态机机制同步各窗口的状态数据，实现多个窗口的页面同步的同时还保持了窗口数据的同步，数据通信过程简单且效率高。

【技术实现步骤摘要】
网页编辑数据同步方法、装置、系统及计算机存储介质
本申请涉及页面数据通信
，特别是涉及一种网页编辑数据同步方法、装置、系统及计算机存储介质。
技术介绍
现有的网页编辑系统设计，针对一些特殊的编辑需求，在网页编辑系统中设置有两个窗口或者多个窗口，用户可以同时对该多个窗口进行网页编辑。为了同步各个窗口的编辑状态信息，可以采用HTML5postMessage函数将所有网页数据打包直接传递，但此方法传送的数据量大。另一种方法可以采用各个窗口相互监听，并调用设置内容函数实现数据通信，但调用函数过程冗长且复杂，且可能只实现了窗口界面同步而窗口数据不同步的情形，工程实践性差。因此，亟需一种新的网页编辑数据同步方法来解决现有技术中数据通信过程复杂且效率低下的问题。
技术实现思路
本申请提供一种网页编辑数据同步方法、装置、系统及计算机存储介质，以解决现有技术中数据通信过程复杂且效率低下的问题。第一方面，本申请提出一种网页编辑数据同步方法，所述方法应用于网页编辑系统，所述网页编辑系统包括多个窗口，每个所述窗口对应一个状态机，所述方法包括：接收当前窗口的编辑操作，根据所述编辑操作生成状态机变更事件；将所述状态机变更事件发送给其他窗口；所述多个窗口根据所述状态机变更事件将对应的状态机更新为同一状态数据。第二方面，本申请提出一种网页编辑数据同步装置，所述网页编辑数据同步装置包括：接收模块，用于接收当前窗口的编辑操作，根据所述编辑操作生成状态机变更事件；发送模块，用于将所述状态机变更事件发送给其他窗口；更新模块，用于所述多个窗口根据所述状态机变更事件将对应的状态机更新为同一状态数据。第三方面，本申请提出一种网页编辑数据同步系统，所述网页编辑数据同步系统包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述网页编辑数据同步方法的步骤。第四方面，本申请提出一种计算机存储介质，所述计算机存储介质用于存储计算机程序，所述计算机程序在被处理器执行时，用以实现如上述的网页编辑数据同步方法。本申请公开了一种网页编辑数据同步方法、装置、系统及计算机存储介质，通过根据接收到的当前窗口的编辑操作生成状态机变更事件；将状态机变更事件发送给其他窗口；多个窗口根据状态机变更事件将对应的状态机更新为同一状态数据。本方法利用状态机机制同步各窗口的状态数据，实现多个窗口的页面同步的同时还保持了窗口数据的同步，数据通信过程简单且效率高。附图说明为了更清楚地说明本申请实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1是本申请提供的网页编辑数据同步方法一实施例的流程示意图；图2是本申请提供的网页编辑数据同步装置一实施例的结构示意图；图3是本申请提供的网页编辑数据同步系统一实施例的结构示意图；图4是本申请提供的计算机存储介质一实施例的结构示意图。具体实施方式下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅是本申请的一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。为了解决现有技术中网页编辑数据通信过程复杂且效率低下的问题，本申请提出了一种网页编辑数据同步方法、装置、系统及计算机存储介质。本申请的网页编辑数据同步方法可以在浏览器或应用程序中运行，具体可以应用于一种网页编辑数据同步装置。其中，网页编辑数据同步装置可以为服务器，也可以为终端设备，还可以为由服务器和终端设备组合而成的系统。相应地，网页编辑数据同步装置包括多个模块，各个模块、子模块可以全部设置于服务器中，也可以全部设置于终端设备中，还可以分别设置于服务器和终端设备中。进一步地，上述服务器可以是硬件，也可以是软件。当服务器为硬件时，可以实现成多个服务器组成的分布式服务器集群，也可以实现成单个服务器。当服务器为软件时，可以实现成多个软件或软件模块，例如用来提供分布式服务器的软件或软件模块，也可以实现成单个软件或软件模块，在此不做具体限定。需要说明的是，在本申请的网页编辑数据同步方法描述中，统一以同步装置作为执行主体。请参阅图1，图1是本申请提供的网页编辑数据同步方法一实施例的流程示意图，该方法应用于网页编辑系统，所述网页编辑系统包括多个窗口，每个所述窗口对应一个状态机，该方法具体包括以下步骤：S101：接收当前窗口的编辑操作，根据编辑操作生成状态机变更事件。用户在浏览器或者应用程序界面上打开网页编辑系统，该网页编辑系统包括两个或者两个以上的编辑窗口，所有的编辑窗口都可以进行编辑操作，但是因为每个窗口的功能和结构设置不同，其页面显示内容也不同，例如网页属性窗口，代码编辑窗口和预览窗口，网页属性窗口以模块划分的形式显示整个网页的元素，代码编辑窗口显示的是编辑代码，预览窗口显示的是预览页面。用户可以在任意一个编辑窗口进行编辑操作，该编辑窗口作为当前窗口，而其他窗口需要同步该当前窗口的编辑操作的状态数据，并按照预先设置的不同的渲染方式显示不同的界面内容。编辑操作为用户在当前窗口的具体操作内容，可以包括移动光标、输入文字、修改编辑模块等操作。具体地，当用户在当前窗口进行编辑操作时，同步装置接收该编辑操作，并根据该编辑操作生成状态机变更事件。状态机变更事件是指触发状态机状态改变的各种事件，例如当前窗口初始文本状态为“我”，用户键盘输入数据内容“和你”，则根据该编辑操作生成一个状态机变更事件，该事件的触发条件是键盘输入“和你”，窗口状态机的状态变化为由“我”变成“我和你”。在一些实施例中，根据编辑操作生成状态机变更事件的步骤，包括：根据编辑操作的类型确定状态机变更事件的事件名称；根据编辑操作的内容确定状态机变更事件的事件参数。具体地，编辑操作的类型包括多种，对应地，根据编辑操作的类型的不同可以确定状态机变更事件的事件名称，例如，输入文字操作对应事件名称为Add，删除文字操作对应事件名称为Del，移动光标操作对应事件名称为MOVcursor等。事件参数为当前窗口的当前状态数据与编辑操作之前的状态数据的数据变化位置以及数据具体变化内容，根据该编辑操作的具体数据变化可以确定状态机变更事件的事件参数，如上例中，在页面的第一行的“我”后面输入“和你”即为该Add事件的事件参数。在具体的实施例中，在接收当前窗口的编辑操作的步骤之前，还包括窗口初始化的步骤，具体步骤包括：初始化多个窗口和对应的多个状态机，多个状态机具有相同的状态转换逻辑；获取初始化状态数据，以使得多个窗口加载初始化状态数据，并将多个状态机更新为初始化状态数据。具体地，为本文档来自技高网...

【技术保护点】
1.一种网页编辑数据同步方法，其特征在于，所述方法应用于网页编辑系统，所述网页编辑系统包括多个窗口，每个所述窗口对应一个状态机，所述方法包括：/n接收当前窗口的编辑操作，根据所述编辑操作生成状态机变更事件；/n将所述状态机变更事件发送给其他窗口；/n所述多个窗口根据所述状态机变更事件将对应的状态机更新为同一状态数据。/n

【技术特征摘要】
1.一种网页编辑数据同步方法，其特征在于，所述方法应用于网页编辑系统，所述网页编辑系统包括多个窗口，每个所述窗口对应一个状态机，所述方法包括：
接收当前窗口的编辑操作，根据所述编辑操作生成状态机变更事件；
将所述状态机变更事件发送给其他窗口；
所述多个窗口根据所述状态机变更事件将对应的状态机更新为同一状态数据。


2.根据权利要求1所述的网页编辑数据同步方法，其特征在于，所述接收当前窗口的编辑操作的步骤之前，包括：
初始化所述多个窗口和所述对应的多个状态机，所述多个状态机具有相同的状态转换逻辑；
获取初始化状态数据，以使得所述多个窗口加载所述初始化状态数据，并将所述多个状态机更新为所述初始化状态数据。


3.根据权利要求1所述的网页编辑数据同步方法，其特征在于，所述将所述状态机变更事件发生给其他窗口的步骤，包括：
判断所述编辑操作是否产生窗口状态数据变化；
若所述编辑操作产生窗口状态数据变化，则将所述状态机变更事件发生给其他窗口。


4.根据权利要求1所述的网页编辑数据同步方法，其特征在于，所述将所述状态机变更事件发送给其他窗口的步骤，包括：
判断所述状态机变更事件是否由所述当前窗口生成；
若是，则将所述状态机变更事件发生给其他窗口。


5.根据权利要求1所述的网页编辑数据同步方法，其特征在于，根据所述编辑操作生成状态机变更事件的步骤，包括：
根据所述编辑操作的类型确定所述状态机变更事件的事件名称；

【专利技术属性】
技术研发人员：李西峙，陈清华，张郭璐，
申请(专利权)人：深圳市大富网络技术有限公司，
类型：发明
国别省市：广东;44