[发明专利]微信小程序前端数据双向绑定方法、装置及计算机设备

说明书

本发明提供一种微信小程序前端数据双向绑定方法、装置及计算机设备，其中，通过为表单组件创建帮助类，并初始化微信小程序的页面，采用初始绑定方法对微信小程序进行加载，并初始化目标帮助类；根据微信小程序的页面和初始化后的目标帮助类，对初始绑定方法和页面修改方法进行处理，设定目标帮助类的值属性；将设定后的目标帮助类的值属性作为表单组件的值，并绑定初始输入事件为自定义的输入方法；根据改变事件获取用户输入值，进行目标帮助类的状态属性修改，并基于页面修改方法，实现对自定义的输入方法进行处理。最终实现微信小程序的数据双向绑定，不管是用户的输入值改变，还是本身的数据来源值改变，都能直观的从用户界面上反映出来。

技术领域

本发明涉及软件开发技术领域，尤其涉及一种微信小程序前端数据双向绑定方法、装置及计算机设备。

背景技术

目前微信小程序是单项数据流，视图的修改并不会触发数据中心的修改。

在平时微信小程序开发过程中，目前只支持页面表单组件数据的单向绑定，不支持页面表单组件数据的双向绑定。在实际开发工程中，影响开发效率，在获取用户输入内容的过程中，需要进行复杂操作来获取用户的实际输入。

发明内容

基于此，有必要针对上述技术问题，提供一种微信小程序前端数据双向绑定方法、装置及计算机设备。

一种微信小程序前端数据双向绑定方法，所述方法包括：获取微信小程序的表单组件，所述表单组件的值为初始值，所述表单组件中包括初始输入事件；为所述表单组件创建目标帮助类，所述目标帮助类由多个帮组类组成，并用于定义所述表单组件的值属性,状态属性,改变事件,初始绑定方法和页面修改方法；初始化所述微信小程序的页面，采用所述初始绑定方法对所述微信小程序进行加载，并初始化所述目标帮助类；根据所述微信小程序的页面和初始化后的目标帮助类，分别对所述初始绑定方法和所述页面修改方法进行处理，设定目标帮助类的值属性；将设定后的所述目标帮助类的值属性作为所述表单组件的值，并绑定所述初始输入事件为自定义的输入方法；根据所述改变事件获取用户输入值，进行所述目标帮助类的状态属性修改，并基于所述页面修改方法，实现对所述自定义的输入方法进行处理。

在其中一个实施例中，根据所述微信小程序的页面和初始化后的目标帮助类，分别对所述初始绑定方法和所述页面修改方法进行处理步骤，具体为：在所述初始绑定方法中传入所述微信小程序的页面对象；循环检验所述页面对象上申明的帮助类数量，将每个帮组类添加至自定义的全局事件管理队列中，并将所述页面修改方法作为所述全局事件管理队列的执行回调；根据所述微信小程序的页面和初始化后的目标帮助类，对所述页面修改方法进行处理。

在其中一个实施例中，根据所述微信小程序的页面和初始化后的目标帮助类，对所述页面修改方法进行处理步骤，具体为：获取所述微信小程序的页面对象；从初始化后的目标帮助类中，获取与所述微信小程序的页面所对应的帮助类；根据预设的数据修改方法对所述页面对应的帮助类的值属性和状态属性进行修改，使得用户输入值与所述值属性同步。

在其中一个实施例中，根据所述改变事件获取用户输入值，进行所述目标帮助类的状态属性修改，并基于所述页面修改方法，实现对所述自定义的输入方法进行处理步骤，具体为：调用对应的帮助类中的改变事件；读取所述改变事件中获取到的用户输入值；判断所述用户输入值是否合法，若合法则将所述用户输入值设定为所述对应的帮助类的值属性；从所述全局事件管理队列中循环遍历出对应的事件，并直接遍历执行页面修改方法，实现页面数据的同步展示。

在其中一个实施例中，所述对应的事件，具体为所述对应的帮助类中的事件。