[发明专利]微信小程序前端数据双向绑定方法、装置及计算机设备在审
申请号: | 202111255205.0 | 申请日: | 2021-10-27 |
公开(公告)号: | CN113901361A | 公开(公告)日: | 2022-01-07 |
发明(设计)人: | 李琦;赖艳 | 申请(专利权)人: | 重庆锐云科技有限公司 |
主分类号: | G06F16/957 | 分类号: | G06F16/957;G06F16/958 |
代理公司: | 重庆智慧之源知识产权代理事务所(普通合伙) 50234 | 代理人: | 余洪 |
地址: | 401121 重庆*** | 国省代码: | 重庆;50 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 微信小 程序 前端 数据 双向 绑定 方法 装置 计算机 设备 | ||
1.一种微信小程序前端数据双向绑定方法,其特征在于,包括:
获取微信小程序的表单组件,所述表单组件的值为初始值,所述表单组件中包括初始输入事件;
为所述表单组件创建目标帮助类,所述目标帮助类由多个帮组类组成,并用于定义所述表单组件的值属性,状态属性,改变事件,初始绑定方法和页面修改方法;
初始化所述微信小程序的页面,采用所述初始绑定方法对所述微信小程序进行加载,并初始化所述目标帮助类;
根据所述微信小程序的页面和初始化后的目标帮助类,分别对所述初始绑定方法和所述页面修改方法进行处理,设定目标帮助类的值属性;
将设定后的所述目标帮助类的值属性作为所述表单组件的值,并绑定所述初始输入事件为自定义的输入方法;
根据所述改变事件获取用户输入值,进行所述目标帮助类的状态属性修改,并基于所述页面修改方法,实现对所述自定义的输入方法进行处理。
2.如权利要求1所述的方法,其特征在于,根据所述微信小程序的页面和初始化后的目标帮助类,分别对所述初始绑定方法和所述页面修改方法进行处理步骤,具体为:
在所述初始绑定方法中传入所述微信小程序的页面对象;
循环检验所述页面对象上申明的帮助类数量,将每个帮组类添加至自定义的全局事件管理队列中,并将所述页面修改方法作为所述全局事件管理队列的执行回调;
根据所述微信小程序的页面和初始化后的目标帮助类,对所述页面修改方法进行处理。
3.如权利要求2所述的方法,其特征在于,根据所述微信小程序的页面和初始化后的目标帮助类,对所述页面修改方法进行处理步骤,具体为:
获取所述微信小程序的页面对象;
从初始化后的目标帮助类中,获取与所述微信小程序的页面所对应的帮助类;
根据预设的数据修改方法对所述页面对应的帮助类的值属性和状态属性进行修改,使得用户输入值与所述值属性同步。
4.如权利要求3所述的方法,其特征在于,根据所述改变事件获取用户输入值,进行所述目标帮助类的状态属性修改,并基于所述页面修改方法,实现对所述自定义的输入方法进行处理步骤,具体为:
调用对应的帮助类中的改变事件;
读取所述改变事件中获取到的用户输入值;
判断所述用户输入值是否合法,若合法则将所述用户输入值设定为所述对应的帮助类的值属性;
从所述全局事件管理队列中循环遍历出对应的事件,并直接遍历执行页面修改方法,实现页面数据的同步展示。
5.如权利要求4所述的方法,其特征在于,所述对应的事件,具体为所述对应的帮助类中的事件。
6.一种微信小程序前端数据双向绑定装置,其特征在于,包括表单组件获取模块、帮助类创建模块、页面初始化模块、初始绑定处理模块、双向绑定模块和自定义输入模块,其中:
所述表单组件获取模块用于,获取微信小程序的表单组件,所述表单组件的值为初始值,所述表单组件中包括初始输入事件;
所述帮助类创建模块用于,为所述表单组件创建目标帮助类,所述目标帮助类由多个帮组类组成,并用于定义所述表单组件的值属性,状态属性,改变事件,初始绑定方法和页面修改方法;
所述页面初始化模块用于,初始化所述微信小程序的页面,采用所述初始绑定方法对所述微信小程序进行加载,并初始化所述目标帮助类;
所述初始绑定处理模块用于,根据所述微信小程序的页面和初始化后的目标帮助类,分别对所述初始绑定方法和所述页面修改方法进行处理,设定目标帮助类的值属性;
所述双向绑定模块用于,将设定后的所述目标帮助类的值属性作为所述表单组件的值,并绑定所述初始输入事件为自定义的输入方法;
所述自定义输入模块用于,根据所述改变事件获取用户输入值,进行所述目标帮助类的状态属性修改,并基于所述页面修改方法,实现对所述自定义的输入方法进行处理。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于重庆锐云科技有限公司,未经重庆锐云科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202111255205.0/1.html,转载请声明来源钻瓜专利网。
- 数据显示系统、数据中继设备、数据中继方法、数据系统、接收设备和数据读取方法
- 数据记录方法、数据记录装置、数据记录媒体、数据重播方法和数据重播装置
- 数据发送方法、数据发送系统、数据发送装置以及数据结构
- 数据显示系统、数据中继设备、数据中继方法及数据系统
- 数据嵌入装置、数据嵌入方法、数据提取装置及数据提取方法
- 数据管理装置、数据编辑装置、数据阅览装置、数据管理方法、数据编辑方法以及数据阅览方法
- 数据发送和数据接收设备、数据发送和数据接收方法
- 数据发送装置、数据接收装置、数据收发系统、数据发送方法、数据接收方法和数据收发方法
- 数据发送方法、数据再现方法、数据发送装置及数据再现装置
- 数据发送方法、数据再现方法、数据发送装置及数据再现装置