[发明专利]网页按钮的处理方法、装置、存储介质及处理器

说明书

本申请公开了一种网页按钮的处理方法、装置、存储介质及处理器。该方法包括：设置网页按钮的关联组件，并对关联组件设定目标事件；监听关联组件的目标事件；若关联组件的目标事件被触发，调用网页按钮预设的校验方法对网页按钮的校验方法数组进行校验，得到校验结果；基于校验结果对网页按钮的状态进行设置，其中，网页按钮的状态为启用状态或禁用状态。通过本申请，解决了相关技术中前端开发过程中对网页按钮组件进行状态控制比较繁琐，导致开发效率较低的问题。

技术领域

本申请涉及网页设计技术领域，具体而言，涉及一种网页按钮的处理方法、装置、存储介质及处理器。

背景技术

在前端页面设计和开发过程中，为了使用户的交互过程更加友好。针对网页中的按钮组件，我们常常动态设计该组件的展示状态，例如表格数据的编辑按钮，通常需要在选中且仅选中一条数据时，才将编辑按钮切换为启用状态，否则设置为禁用状态。这种按钮组件常常会在多个模块或功能页面中使用，且切换逻辑几乎相同。

针对这些需要动态切换按钮展示状态的场景，现有技术的三种解决方案：一是在页面中，根据业务逻辑，编写代码分别控制页面中各个按钮的展示状态，例如，根据用户的交互，直接设置按钮的disable属性；二是基于当前流行的MVVM(Model-Vie w-ViewModel)开发模式，例如在React、Vue和Angular等前端流行框架中，我们可以在每个页面的代码中定义局部变量，按钮的展示状态直接与这个局部变量相绑定，这样在不同的交互逻辑中，直接修改这个局部变量的值，即可以变更按钮的状态；三是开发自定义按钮组件，将特定的交互逻辑封装到自定义组件中，以满足相关业务需求，自定义按钮组件通常为定制化，较难提取公共部分，开发为公共组件。

针对相关技术中前端开发过程中对网页按钮组件进行状态控制比较繁琐，导致开发效率较低的问题，目前尚未提出有效的解决方案。

发明内容

本申请的主要目的在于提供一种网页按钮的处理方法、装置、存储介质及处理器，以解决相关技术中开发效率较低的问题。

为了实现上述目的，根据本申请的一个方面，提供了一种网页按钮的处理方法。该方法包括：设置网页按钮的关联组件，并对关联组件设定目标事件；监听关联组件的目标事件；若关联组件的目标事件被触发，调用网页按钮预设的校验方法对网页按钮的校验方法数组进行校验，得到校验结果；基于校验结果对网页按钮的状态进行设置，其中，网页按钮的状态为启用状态或禁用状态。

进一步地，在设置网页按钮的关联组件，并对关联组件设定目标事件之前，该方法还包括：设置全局校验方法池，其中，全局校验方法池以字符串作为主键，全局校验方法池中的内容为校验方法的函数。

进一步地，设置网页按钮的关联组件，并对关联组件设定目标事件包括：对网页按钮设置校验方法数组，目标事件作为校验方法数组成员之一，其中，校验方法数组成员的类型包含字符串类型或函数类型。

进一步地，若关联组件的目标事件被触发，调用网页按钮预设的校验方法对网页按钮的校验方法数组进行校验，得到校验结果包括：若关联组件的目标事件被触发，遍历网页按钮的校验方法数组，获取尚未执行校验的校验方法数组成员；判断是否存在尚未执行校验的校验方法数组成员，若存在尚未执行校验的校验方法数组成员，判断成员的数据类型；若成员的数据类型为函数类型，则确定网页按钮的校验方法为校验方法数组成员，基于校验方法数组成员对网页按钮的校验方法数组进行校验，得到校验结果；若成员的数据类型为字符串类型时，则根据网页按钮的校验方法数组成员的内容从全局校验方法池中查找校验方法，基于查找到的校验方法对网页按钮的校验方法数组进行校验，得到校验结果。

进一步地，基于校验结果对网页按钮的状态进行设置包括：若校验结果表示校验成功，则执行获取尚未执行校验的校验方法数组成员的步骤；若校验结果表示校验失败，则将网页按钮的状态设置为禁用状态。