[发明专利]Web页面协同工作的实现方法、存储介质及电子装置

说明书

本发明提供一种Web页面协同工作的实现方法、存储介质及电子装置，所述Web页面协同工作的实现方法，包括：A1，浏览器打开Web页面；A2，浏览器与服务器建立websocket连接；A3，浏览器通过websocket连接向服务器发送获取锁请求；A4，浏览器判断是否获取锁成功，成功则进入A51，否则进入A52；A51，可以对页面中对象进行编辑；A52，显示锁定提示，不可以对页面中对象进行编辑。本发明所述Web页面协同工作的实现方法、存储介质及电子装置解决了多人在线设计同一对象的干扰问题，提高了使用的便利性，提升了用户体验。

技术领域

本发明涉及计算机技术领域，具体涉及一种Web页面协同工作的实现方法。

背景技术

随着浏览器功能愈发强大，越来越多原本只能在桌面应用上完成的设计工作，现在也可以通过浏览器在线设计。例如流程图设计、数据看板设计、excel表格编辑等。相比之下，在线设计使用更为方便，对设备要求也相对更低。

然后，在线设计也有一个必须要考虑的问题，那就是有大概率会出现多人同时编辑同一对象的情况。针对这种情况，目前有以下几种解决方案：

1. 允许多个用户同时编辑对象，依靠用户主动点击保存按钮来触发对设计的持久化。这种方案的问题在于，当两个用户同时编辑时，他们是无法感知到对方的存在（如果事先并没有做好沟通），那么当两人进行保存时，要么后者的设计覆盖前者，要么后者保存时被告知无法保存。这样的用户体验都是非常糟糕的。

2. 允许多个用户同时编辑对象，定时自动保存用户当前的工作内容。这种做法可以减少一部分丢失的工作内容。但是也有可能出现用户编辑中途，页面更新获取到另一个用户的工作内容而导致页面混乱的情况。

3. 禁止多用户同时编辑同一对象，当用户尝试编辑一个正在被他人使用的对象时，给出提示告知无法使用。这一方案有一个重点问题需要考虑，那就是如何通知服务器来完成解锁对象的操作。有一些实现方式通过浏览器主动调用服务器接口来完成这一个工作，但是如果用户直接关闭了浏览器，那么就可能导致被锁定的对象无法及时解锁。

针对在线设计所编辑的对象不同，其处理方案也有所不同。比如excel文档，因为其本身的结构固定，所以即使多人编辑也可以通过一定的处理还合并所有的数据。但是像流程图、看板这些的设计自由度更高，几乎没有办法支持多人同时编辑。

发明内容

本发明的目的在于提供一种便利性较高的Web页面协同工作的实现方法、存储介质及电子装置。

为实现上述目的，本发明提供一种Web页面协同工作的实现方法，包括：

A1，浏览器打开Web页面；

A2，浏览器与服务器建立websocket连接；

A3，浏览器通过websocket连接向服务器发送获取锁请求；

A4，浏览器判断是否获取锁成功，成功则进入A51，否则进入A52；

A51，可以对页面中对象进行编辑；

A52，显示锁定提示，不可以对页面中对象进行编辑。

进一步，所述方法还包括：

A6，关闭浏览器或浏览器中的页面；

A7，浏览器与服务器之间的websocket连接断开。

进一步，所述方法还包括：

B1，服务器侦听websocket连接；

B2，服务器提取侦听到的websocket连接中的事件，定义为事件1；

B3，服务器判断事件1的类型，如果是获取锁请求，则进入B4；

B4，服务器提取事件1中的对象，定义为对象1；

B5，服务器查询与事件1关联的锁定缓存；

B6，服务器判断是否有与事件1关联的锁定缓存，如果有，则进入B7；