本申请公开了一种网页按钮的处理方法、装置、存储介质及处理器。该方法包括：设置网页按钮的关联组件，并对关联组件设定目标事件；监听关联组件的目标事件；若关联组件的目标事件被触发，调用网页按钮预设的校验方法对网页按钮的校验方法数组进行校验，得到校验结果；基于校验结果对网页按钮的状态进行设置，其中，网页按钮的状态为启用状态或禁用状态。通过本申请，解决了相关技术中前端开发过程中对网页按钮组件进行状态控制比较繁琐，导致开发效率较低的问题。较低的问题。较低的问题。
【技术实现步骤摘要】
网页按钮的处理方法、装置、存储介质及处理器
[0001]本申请涉及网页设计
，具体而言，涉及一种网页按钮的处理方法、装置、存储介质及处理器。
技术介绍
[0002]在前端页面设计和开发过程中，为了使用户的交互过程更加友好。针对网页中的按钮组件，我们常常动态设计该组件的展示状态，例如表格数据的编辑按钮，通常需要在选中且仅选中一条数据时，才将编辑按钮切换为启用状态，否则设置为禁用状态。这种按钮组件常常会在多个模块或功能页面中使用，且切换逻辑几乎相同。
[0003]针对这些需要动态切换按钮展示状态的场景，现有技术的三种解决方案：一是在页面中，根据业务逻辑，编写代码分别控制页面中各个按钮的展示状态，例如，根据用户的交互，直接设置按钮的disable属性；二是基于当前流行的MVVM(Model
‑
Vie w
‑
ViewModel)开发模式，例如在React、Vue和Angular等前端流行框架中，我们可以在每个页面的代码中定义局部变量，按钮的展示状态直接与这个局部变量相绑定，这样在不同的交互逻辑中，直接修改这个局部变量的值，即可以变更按钮的状态；三是开发自定义按钮组件，将特定的交互逻辑封装到自定义组件中，以满足相关业务需求，自定义按钮组件通常为定制化，较难提取公共部分，开发为公共组件。
[0004]针对相关技术中前端开发过程中对网页按钮组件进行状态控制比较繁琐，导致开发效率较低的问题，目前尚未提出有效的解决方案。
技术实现思路
[0005]本申请的主要目的在于提供一种网页按钮的处理方法、装置、存储介质及处理器，以解决相关技术中开发效率较低的问题。
[0006]为了实现上述目的，根据本申请的一个方面，提供了一种网页按钮的处理方法。该方法包括：设置网页按钮的关联组件，并对关联组件设定目标事件；监听关联组件的目标事件；若关联组件的目标事件被触发，调用网页按钮预设的校验方法对网页按钮的校验方法数组进行校验，得到校验结果；基于校验结果对网页按钮的状态进行设置，其中，网页按钮的状态为启用状态或禁用状态。
[0007]进一步地，在设置网页按钮的关联组件，并对关联组件设定目标事件之前，该方法还包括：设置全局校验方法池，其中，全局校验方法池以字符串作为主键，全局校验方法池中的内容为校验方法的函数。
[0008]进一步地，设置网页按钮的关联组件，并对关联组件设定目标事件包括：对网页按钮设置校验方法数组，目标事件作为校验方法数组成员之一，其中，校验方法数组成员的类型包含字符串类型或函数类型。
[0009]进一步地，若关联组件的目标事件被触发，调用网页按钮预设的校验方法对网页按钮的校验方法数组进行校验，得到校验结果包括：若关联组件的目标事件被触发，遍历网
页按钮的校验方法数组，获取尚未执行校验的校验方法数组成员；判断是否存在尚未执行校验的校验方法数组成员，若存在尚未执行校验的校验方法数组成员，判断成员的数据类型；若成员的数据类型为函数类型，则确定网页按钮的校验方法为校验方法数组成员，基于校验方法数组成员对网页按钮的校验方法数组进行校验，得到校验结果；若成员的数据类型为字符串类型时，则根据网页按钮的校验方法数组成员的内容从全局校验方法池中查找校验方法，基于查找到的校验方法对网页按钮的校验方法数组进行校验，得到校验结果。
[0010]进一步地，基于校验结果对网页按钮的状态进行设置包括：若校验结果表示校验成功，则执行获取尚未执行校验的校验方法数组成员的步骤；若校验结果表示校验失败，则将网页按钮的状态设置为禁用状态。
[0011]进一步地，在判断是否存在尚未执行校验的校验方法数组成员之后，该方法还包括：若不存在尚未执行校验的校验方法数组成员，则将网页按钮的状态设置为启用状态。
[0012]为了实现上述目的，根据本申请的另一方面，提供了一种网页按钮的处理装置。该装置包括：包括：第一设置单元，用于设置网页按钮的关联组件，并对关联组件设定目标事件；第一监听单元，用于监听关联组件的目标事件；第一调用单元，用于若关联组件的目标事件被触发，调用网页按钮预设的校验方法对网页按钮的校验方法数组进行校验，得到校验结果；第二设置单元，用于基于校验结果对网页按钮的状态进行设置，其中，网页按钮的状态为启用状态或禁用状态。
[0013]进一步地，该装置还包括：第三设置单元，用于在设置网页按钮的关联组件，并对关联组件设定目标事件之前，设置全局校验方法池，其中，全局校验方法池以字符串作为主键，全局校验方法池中的内容为校验方法的函数。
[0014]进一步地，第一设置单元包括：第一设置模块，用于对网页按钮设置校验方法数组，目标事件作为校验方法数组成员之一，其中，校验方法数组成员的类型包含字符串类型或函数类型。
[0015]进一步地，第一调用单元包括：第一获取模块，用于若关联组件的目标事件被触发，遍历网页按钮的校验方法数组，获取尚未执行校验的校验方法数组成员；第一判断模块，用于判断是否存在尚未执行校验的校验方法数组成员，若存在尚未执行校验的校验方法数组成员，判断成员的数据类型；第一确定模块，用于若成员的数据类型为函数类型，则确定网页按钮的校验方法为校验方法数组成员，基于校验方法数组成员对网页按钮的校验方法数组进行校验，得到校验结果；第一查找模块，用于若成员的数据类型为字符串类型时，则根据网页按钮的校验方法数组成员的内容从全局校验方法池中查找校验方法，基于查找到的校验方法对网页按钮的校验方法数组进行校验，得到校验结果。
[0016]进一步地，第二设置单元包括：第一执行模块，用于若校验结果表示校验成功，则执行获取尚未执行校验的校验方法数组成员的步骤；第二设置模块，用于若校验结果表示校验失败，则将网页按钮的状态设置为禁用状态。
[0017]进一步地，该装置还包括：第四设置单元，用于在判断是否存在尚未执行校验的校验方法数组成员之后，若不存在尚未执行校验的校验方法数组成员，则将网页按钮的状态设置为启用状态。
[0018]为了实现上述目的，根据本申请的另一方面，提供了一种处理器，所述处理器用于运行程序，其中，所述程序运行时执行上述任意一项所述的方法。
[0019]为了实现上述目的，根据本申请的另一方面，提供了一种存储介质，其特征在于，所述存储介质包括存储的程序，其中，所述程序执行上述中任意一项所述的方法。
[0020]通过本申请，采用以下步骤：设置网页按钮的关联组件，并对关联组件设定目标事件；监听关联组件的目标事件；若关联组件的目标事件被触发，调用网页按钮预设的校验方法对网页按钮的校验方法数组进行校验，得到校验结果；基于校验结果对网页按钮的状态进行设置，其中，网页按钮的状态为启用状态或禁用状态。解决了相关技术中前端开发过程中对网页按钮组件进行状态控制比较繁琐，导致开发效率较低的问题。通过网页按钮预设的校验方法对网页按钮的校验方法数组进行校验，基于校验结果对网页按钮状态进行控制，简化了前端开发代码，进而达到了提高开发效率的效果。
附本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种网页按钮的处理方法，其特征在于，包括：设置网页按钮的关联组件，并对所述关联组件设定目标事件；监听所述关联组件的目标事件；若所述关联组件的目标事件被触发，调用所述网页按钮预设的校验方法对所述网页按钮的校验方法数组进行校验，得到校验结果；基于所述校验结果对所述网页按钮的状态进行设置，其中，所述网页按钮的状态为启用状态或禁用状态。2.根据权利要求1所述的方法，其特征在于，在设置网页按钮的关联组件，并对所述关联组件设定目标事件之前，所述方法还包括：设置全局校验方法池，其中，所述全局校验方法池以字符串作为主键，所述全局校验方法池中的内容为校验方法的函数。3.根据权利要求2所述的方法，其特征在于，设置网页按钮的关联组件，并对所述关联组件设定目标事件包括：对所述网页按钮设置校验方法数组，所述目标事件作为校验方法数组成员之一，其中，所述校验方法数组成员的类型包含字符串类型或函数类型。4.根据权利要求3所述的方法，其特征在于，若所述关联组件的目标事件被触发，调用所述网页按钮预设的校验方法对所述网页按钮的校验方法数组进行校验，得到校验结果包括：若所述关联组件的目标事件被触发，遍历所述网页按钮的校验方法数组，获取尚未执行校验的校验方法数组成员；判断是否存在尚未执行校验的校验方法数组成员，若存在尚未执行校验的校验方法数组成员，判断成员的数据类型；若所述成员的数据类型为函数类型，则确定所述网页按钮的校验方法为所述校验方法数组成员，基于所述校验方法数组成员对所述网页按钮的校验方法数组进行校验，得到所述校验结果；若所述成员的数据类型为字符串类型时，则根据所述网页按钮的校验方法数组成员的内容从全局校验方法池中查...
【专利技术属性】
技术研发人员：张啸，朱明宇，
申请(专利权)人：山石网科通信技术股份有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。