实时预览网页编辑内容的方法、装置、设备及存储介质制造方法及图纸

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

【技术实现步骤摘要】
实时预览网页编辑内容的方法、装置、设备及存储介质
本专利技术涉及数据可视化领域，尤其涉及一种实时预览网页编辑内容的方法、装置、设备及存储介质。
技术介绍
目前，关于页面编辑预览有很多种实现方式，传统方式主要是通过架设后台超文本传输协议(hypertexttransferprotocol，HTTP)服务的方式实现，原理是在编辑页面操作，通过接口轮询的方式不断调用后台服务器，将用户修改的数据保存到服务器中，在预览页面通过轮询的方式不断地向服务器查询页面数据以请求数据，通过操作文档对象模型(documentobjectmodel，DOM)节点将请求到的数据渲染到页面上。这种方式需要刷新编辑页面才能进行预览，无法实现编辑后立即可预览网页编辑内容的效果。
技术实现思路
本专利技术的主要目的在于解决无法实现编辑后立即可预览网页编辑内容的效果的问题。本专利技术第一方面提供了一种实时预览网页编辑内容的方法，包括：获取编辑数据，通过预置的程序接口函数和消息发送窗口，向预置的数据模型发送所述编辑数据；通过所述数据模型中的事件监听器，获取并验证所述编辑数据的统一资源标识符是否合法；当所述编辑数据的统一资源标识符合法时，调用预置消息队列接口将所述编辑数据更新至所述数据模型中的数据库，以及触发更新指令；通过预置视图模型接收所述更新指令，并根据所述更新指令启动预置页面模型；通过所述预置页面模型，将所述数据模型中的编辑数据渲染到预置预览页面上。可选的，在本专利技术第一方面的第一种实现方式中，所述获取编辑数据，通过预置的程序接口函数和消息发送窗口，向预置的数据模型发送所述编辑数据，包括：获取编辑数据，并对所述编辑数据进行序列化处理和反序列化处理，得到所述编辑数据的数据转换对象；提取所述数据转换对象的键值；调用预置程序接口函数将所述键值赋值给预置参数，通过所述预置参数将所述编辑数据发送到预置的消息发送窗口，所述预置参数用于指示指向任意类型对象的指针；从所述编辑数据中提取与所述键值对应的目标数据，通过所述消息发送窗口将所述目标数据传送至所述数据模型。可选的，在本专利技术第一方面的第二种实现方式中，所述通过所述数据模型中的事件监听器，获取并验证所述编辑数据的统一资源标识符是否合法，包括：通过所述数据模型中的事件监听器，获取所述编辑数据的统一资源标识符以及所述统一资源标识符对应的字符串格式；判断所述字符串格式是否正确；若所述字符串格式正确，则判断所述统一资源标识符是否存在于预置的统一资源标识符表中，所述统一资源标识符表包括合法的统一资源标识符；若所述统一资源标识符存在于预置的统一资源标识符表中，则判定所述编辑数据的统一资源标识符合法。可选的，在本专利技术第一方面的第三种实现方式中，所述当所述编辑数据的统一资源标识符合法时，调用预置消息队列接口将所述编辑数据更新至所述数据模型中的数据库，以及触发更新指令，包括：当所述编辑数据的统一资源标识符合法时，调用预置消息队列接口创建调度队列，通过预置调度函数将预置储存任务添加至所述调度队列，得到目标调度队列；通过所述目标调度队列将所述编辑数据更新至所述数据模型中的主本分布式数据库，得到更新数据；将所述更新数据存储至所述主本分布式数据库中的副本分布式数据库，并触发更新指令。可选的，在本专利技术第一方面的第四种实现方式中，所述通过预置视图模型接收所述更新指令，并根据所述更新指令启动预置页面模型，包括：通过预置视图模型接收所述更新指令，根据所述更新指令向所述数据模型发送请求指令，所述请求指令用于指示设定请求的数据类型、统一资源定位符和异步处理请求的指令；从所述数据模型中获取与所述请求指令对应的编辑数据，得到目标编辑数据；通过预置的回调函数将所述目标编辑数据发送至预置页面模型，以启动所述预置页面模型。可选的，在本专利技术第一方面的第五种实现方式中，所述通过所述预置页面模型，将所述数据模型中的编辑数据渲染到预置预览页面上，包括：通过所述预置页面模型创建条件渲染指令，将所述条件渲染指令添加至预置的模板元素，得到条件模板元素；通过所述条件模板元素对所述数据模型中的编辑数据进行渲染处理，得到渲染数据，将所述渲染数据上传至区块链中；调用预置的虚拟滚动组件将所述渲染数据渲染到预置预览页面上。可选的，在本专利技术第一方面的第六种实现方式中，所述通过所述预置页面模型，将所述数据模型中的编辑数据渲染到预置预览页面上之后，还包括：获取错误信息，通过预置的残差网络ResNet算法和所述错误信息对所述数据模型、所述预置视图模型和所述预置页面模型进行训练，以更新所述数据模型、所述预置视图模型和所述预置页面模型，所述错误信息用于指示所述预置预览页面与所述预置编辑页面上显示的编辑数据不一致。本专利技术第二方面提供了一种实时预览网页编辑内容的装置，包括：发送模块，用于获取编辑数据，通过预置的程序接口函数和消息发送窗口，向预置的数据模型发送所述编辑数据；验证模块，用于通过所述数据模型中的事件监听器，获取并验证所述编辑数据的统一资源标识符是否合法；更新模块，用于当所述编辑数据的统一资源标识符合法时，调用预置消息队列接口将所述编辑数据更新至所述数据模型中的数据库，以及触发更新指令；启动模块，用于通过预置视图模型接收所述更新指令，并根据所述更新指令启动预置页面模型；渲染模块，用于通过所述预置页面模型，将所述数据模型中的编辑数据渲染到预置预览页面上。可选的，在本专利技术第二方面的第一种实现方式中，所述发送模块具体用于：获取编辑数据，并对所述编辑数据进行序列化处理和反序列化处理，得到所述编辑数据的数据转换对象；提取所述数据转换对象的键值；调用预置程序接口函数将所述键值赋值给预置参数，通过所述预置参数将所述编辑数据发送到预置的消息发送窗口，所述预置参数用于指示指向任意类型对象的指针；从所述编辑数据中提取与所述键值对应的目标数据，通过所述消息发送窗口将所述目标数据传送至所述数据模型。可选的，在本专利技术第二方面的第二种实现方式中，所述验证模块具体用于：通过所述数据模型中的事件监听器，获取所述编辑数据的统一资源标识符以及所述统一资源标识符对应的字符串格式；判断所述字符串格式是否正确；若所述字符串格式正确，则判断所述统一资源标识符是否存在于预置的统一资源标识符表中，所述统一资源标识符表包括合法的统一资源标识符；若所述统一资源标识符存在于预置的统一资源标识符表中，则判定所述编辑数据的统一资源标识符合法。可选的，在本专利技术第二方面的第三种实现方式中，所述更新模块具体用于：当所述编辑数据的统一资源标识符合法时，调用预置消息队列接口创建调度队列，通过预置调度函数将预置储存任务添加至所述调度队列，得到目标调度队列；通过所述目标调度队列将所述编辑数据更新至所述数据模本文档来自技高网...

【技术保护点】
1.一种实时预览网页编辑内容的方法，其特征在于，所述实时预览网页编辑内容的方法包括：/n获取编辑数据，通过预置的程序接口函数和消息发送窗口，向预置的数据模型发送所述编辑数据；/n通过所述数据模型中的事件监听器，获取并验证所述编辑数据的统一资源标识符是否合法；/n当所述编辑数据的统一资源标识符合法时，调用预置消息队列接口将所述编辑数据更新至所述数据模型中的数据库，以及触发更新指令；/n通过预置视图模型接收所述更新指令，并根据所述更新指令启动预置页面模型；/n通过所述预置页面模型，将所述数据模型中的编辑数据渲染到预置预览页面上。/n

【技术特征摘要】
1.一种实时预览网页编辑内容的方法，其特征在于，所述实时预览网页编辑内容的方法包括：
获取编辑数据，通过预置的程序接口函数和消息发送窗口，向预置的数据模型发送所述编辑数据；
通过所述数据模型中的事件监听器，获取并验证所述编辑数据的统一资源标识符是否合法；
当所述编辑数据的统一资源标识符合法时，调用预置消息队列接口将所述编辑数据更新至所述数据模型中的数据库，以及触发更新指令；
通过预置视图模型接收所述更新指令，并根据所述更新指令启动预置页面模型；
通过所述预置页面模型，将所述数据模型中的编辑数据渲染到预置预览页面上。


2.根据权利要求1所述的实时预览网页编辑内容的方法，其特征在于，所述获取编辑数据，通过预置的程序接口函数和消息发送窗口，向预置的数据模型发送所述编辑数据，包括：
获取编辑数据，并对所述编辑数据进行序列化处理和反序列化处理，得到所述编辑数据的数据转换对象；
提取所述数据转换对象的键值；
调用预置程序接口函数将所述键值赋值给预置参数，通过所述预置参数将所述编辑数据发送到预置的消息发送窗口，所述预置参数用于指示指向任意类型对象的指针；
从所述编辑数据中提取与所述键值对应的目标数据，通过所述消息发送窗口将所述目标数据传送至所述数据模型。


3.根据权利要求2所述的实时预览网页编辑内容的方法，其特征在于，所述通过所述数据模型中的事件监听器，获取并验证所述编辑数据的统一资源标识符是否合法，包括：
通过所述数据模型中的事件监听器，获取所述编辑数据的统一资源标识符以及所述统一资源标识符对应的字符串格式；
判断所述字符串格式是否正确；
若所述字符串格式正确，则判断所述统一资源标识符是否存在于预置的统一资源标识符表中，所述统一资源标识符表包括合法的统一资源标识符；
若所述统一资源标识符存在于预置的统一资源标识符表中，则判定所述编辑数据的统一资源标识符合法。


4.根据权利要求3所述的实时预览网页编辑内容的方法，其特征在于，所述当所述编辑数据的统一资源标识符合法时，调用预置消息队列接口将所述编辑数据更新至所述数据模型中的数据库，以及触发更新指令，包括：
当所述编辑数据的统一资源标识符合法时，调用预置消息队列接口创建调度队列，通过预置调度函数将预置储存任务添加至所述调度队列，得到目标调度队列；
通过所述目标调度队列将所述编辑数据更新至所述数据模型中的主本分布式数据库，得到更新数据；
将所述更新数据存储至所述主本分布式数据库中的副本分布式数据库，并触发更新指令。


5.根据权利要求1所述的实时预览网页编辑内容的方法，其特征在于，所述通过预置视图模型接收所述更新指令，并根据所述更新指令启动预置页面模型，包括：

【专利技术属性】
技术研发人员：张喜锋，高翊竣，
申请(专利权)人：平安国际智慧城市科技股份有限公司，
类型：发明
国别省市：广东;44