[发明专利]实时预览网页编辑内容的方法、装置、设备及存储介质

说明书

本发明涉及大数据领域，可应用于智慧教育如线上教育系统中，推动智慧城市的发展。公开了一种实时预览网页编辑内容的方法包括：获取编辑数据，通过预置的程序接口函数和消息发送窗口，向预置的数据模型发送编辑数据；通过数据模型中的事件监听器，获取并验证编辑数据的统一资源标识符是否合法；当编辑数据的统一资源标识符合法时，调用预置消息队列接口将编辑数据更新至数据模型中的数据库，以及触发更新指令；通过预置视图模型接收更新指令，并根据更新指令启动预置页面模型；通过预置页面模型，将数据模型中的编辑数据渲染到预置预览页面上。

技术领域

本发明涉及数据可视化领域，尤其涉及一种实时预览网页编辑内容的方法、装置、设备及存储介质。

背景技术

目前，关于页面编辑预览有很多种实现方式，传统方式主要是通过架设后台超文本传输协议(hyper text transfer protocol，HTTP)服务的方式实现，原理是在编辑页面操作，通过接口轮询的方式不断调用后台服务器，将用户修改的数据保存到服务器中，在预览页面通过轮询的方式不断地向服务器查询页面数据以请求数据，通过操作文档对象模型(document object model，DOM)节点将请求到的数据渲染到页面上。这种方式需要刷新编辑页面才能进行预览，无法实现编辑后立即可预览网页编辑内容的效果。

发明内容

本发明的主要目的在于解决无法实现编辑后立即可预览网页编辑内容的效果的问题。

本发明第一方面提供了一种实时预览网页编辑内容的方法，包括：

获取编辑数据，通过预置的程序接口函数和消息发送窗口，向预置的数据模型发送所述编辑数据；

通过所述数据模型中的事件监听器，获取并验证所述编辑数据的统一资源标识符是否合法；

当所述编辑数据的统一资源标识符合法时，调用预置消息队列接口将所述编辑数据更新至所述数据模型中的数据库，以及触发更新指令；

通过预置视图模型接收所述更新指令，并根据所述更新指令启动预置页面模型；

通过所述预置页面模型，将所述数据模型中的编辑数据渲染到预置预览页面上。

可选的，在本发明第一方面的第一种实现方式中，所述获取编辑数据，通过预置的程序接口函数和消息发送窗口，向预置的数据模型发送所述编辑数据，包括：

获取编辑数据，并对所述编辑数据进行序列化处理和反序列化处理，得到所述编辑数据的数据转换对象；

提取所述数据转换对象的键值；

调用预置程序接口函数将所述键值赋值给预置参数，通过所述预置参数将所述编辑数据发送到预置的消息发送窗口，所述预置参数用于指示指向任意类型对象的指针；

从所述编辑数据中提取与所述键值对应的目标数据，通过所述消息发送窗口将所述目标数据传送至所述数据模型。

可选的，在本发明第一方面的第二种实现方式中，所述通过所述数据模型中的事件监听器，获取并验证所述编辑数据的统一资源标识符是否合法，包括：

通过所述数据模型中的事件监听器，获取所述编辑数据的统一资源标识符以及所述统一资源标识符对应的字符串格式；

判断所述字符串格式是否正确；

若所述字符串格式正确，则判断所述统一资源标识符是否存在于预置的统一资源标识符表中，所述统一资源标识符表包括合法的统一资源标识符；

若所述统一资源标识符存在于预置的统一资源标识符表中，则判定所述编辑数据的统一资源标识符合法。