[发明专利]一种web数据双向绑定的方法、装置、终端及存储介质

说明书

本申请公开了一种web数据双向绑定的方法，包括：当监听程序监听到数据实体发生变化时，将该变化发送至订阅程序；订阅程序根据该变化发送视图更新指令至更新程序；更新程序根据该视图更新指令调用视图更新函数更新视图；当视图根据接收到用户输入的修改指令进行修改时，订阅程序调用实体更改函数更改数据实体。该方法先通过继承基类的方式构建数据实体、监听程序及订阅程序，并将两个程序封装在数据实体中，使得每一组数据实体和对应的视图都封装有一组监听程序及订阅程序，解决了大数据量的数据双向绑定时出现的卡顿问题。本申请同时还提供了一种web数据双向绑定的装置、终端、计算机可读存储介质及计算机程序产品，具有上述有益效果。

技术领域

本申请涉及web模型领域，特别涉及一种web数据双向绑定的方法、装置、终端、计算机可读存储介质及计算机程序产品。

背景技术

双向绑定，即数据模型(Module)和视图(View)之间的双向绑定，具体表现为用户在视图上的修改会自动同步到数据模型中去，同样的，如果数据模型中的值发生了变化，也会立刻同步到视图中去。最经常出现的场景就是表单的操作，当用户在前端页面完成输入后，不用任何操作，数据就已经自动存放到数据模型中。

现有技术中通过检查脏数据来进行用户界面(User Interface，UI)层的操作更新，将所有需要进行监控的数据对象放置在一个序列中，当发生某些特定的事件时进行触发，如$digest方法就是遍历所有的watcher，通过设置的数据去找与该数据相关的所有元素，判断数据是否变化，如果变化则执行指令；还有一种数据劫持的方法，利用浏览程序提供的接口object.defineProperty，来劫持各个属性的设置程序和访问程序，在数据变动时，发布消息给订阅者，触发相应的回调。

然而，脏检查需要构建所有的相关元素的序列，当数据或者元素发生变化的时候，需要遍历所有的元素，尤其是在处理大数据量的数据时，很容易造成页面的卡顿，同时不断的循环访问一个队列，非常损耗性能。而数据劫持的方法在处理大数据量的数据时，通过浏览程序提供的接口来劫持各个属性的设置程序和访问程序时，也会造成页面的卡顿。

因此，如何解决大数据量的数据双向绑定时出现的卡顿问题是本领域技术人员目前需要解决的技术问题。

发明内容

本申请的目的是提供一种web数据双向绑定的方法、装置、终端、计算机可读存储介质及计算机程序产品，该方法能够解决解决大数据量的数据双向绑定时出现的卡顿问题。

为解决上述技术问题，本申请提供一种web数据双向绑定的方法，该方法包括：

当监听程序监听到数据实体发生变化时，将所述变化发送至订阅程序；

所述订阅程序根据所述变化发送视图更新指令至更新程序；

所述更新程序根据所述视图更新指令调用视图更新函数更新视图；

当视图根据接收到用户输入的修改指令进行修改时，所述订阅程序根据所述修改指令调用实体更改函数更改所述数据实体；

其中，所述数据实体为通过继承实体基类而构建的；所述监听程序及所述订阅程序为通过继承moduleview基类而构建的，且封装在所述数据实体中。

可选的，将所述变化发送至订阅程序，包括：

所述监听程序将所述变化发送至校验程序；

所述校验程序判断订阅列表中是否存在所述订阅程序；

若是，则所述校验程序将所述变化发送至所述订阅程序。

可选的，该方法还包括：

当所述订阅程序接收到指令解析程序发送的新实体更改函数时，将所述实体更改函数替换为所述新实体更改函数；