(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210520591.X (22)申请日 2022.05.12 (71)申请人 湖北天融信网络安全技 术有限公司 地址 430040 湖北省武汉市武汉临 空港经 济技术开发区五环大道6 66号 （21） 申请人 北京天融信网络安全技 术有限公司 　 北京天融信科技有限公司 　 北京天融信软件 有限公司 (72)发明人 吴静文　 (74)专利代理 机构 北京开阳星知识产权代理有 限公司 1 1710 专利代理师 王艳斌 (51)Int.Cl. G06F 8/30(2018.01) G06F 8/38(2018.01)G06F 9/448(2018.01) G06F 9/451(2018.01) (54)发明名称 开关组件的实现方法、 装置、 设备及存储介 质 (57)摘要 本公开涉及一种开关组件的实现方法、 装 置、 设备及存储介质， 其中， 方法包括： 封装用于 创建开关组件的JS文件； 响应于在页面中创建多 个开关组件的触发操作， 在所述页面中添加多个 开关容器元素； 引入所述JS文件并基于所述多个 开关容器元素创建所述多个开关组件； 响应于针 对所述开关组件的操作 请求， 对所述开关组件执 行与所述操作请求匹配的目标操作。 根据本公开 的技术方案提供了一种基于该JS文件的复用创 建多个开关的方法， 避免重复编写相同的代码， 实现开关组件的高效率 开发。 权利要求书2页 说明书8页 附图2页 CN 114860214 A 2022.08.05 CN 114860214 A 1.一种开关组件的实现方法， 其特 征在于， 包括： 封装用于创建开关组件的JS文件， 其中， 所述JS文件由构造函数组成， 所述构造函数的 参数包括： 容器标识、 名称参数、 开关状态、 回调函数、 开关状态与真实值的映射关系、 可用 状态； 响应于在页面中创建多个开关组件的触发操作， 在所述页面中添加多个开关容器元 素； 引入所述JS文件并基于所述多个开关容器元 素创建所述多个开关组件； 响应于针对所述开关组件的操作请求， 对所述开关组件执行与 所述操作请求匹配的目 标操作。 2.如权利要求1所述的方法， 其特 征在于， 通过以下步骤创建每 个所述开关组件： 根据传入的参数对容器标识、 名称参数、 开关状态和开关状态与真实值的映射关系进 行赋值； 创建开关存储值更新函数、 开关渲染函数、 开关监听事件函数、 初始化函数和操作函 数； 其中， 所述开关存储值更新函数用于更新开关存储元素中的值， 所述开关渲染函数用 于设置开关状态、 设置可用状态以及渲染开关组件， 所述开关监听事件函数用于在开关组 件启用时添加监听事件以及在开关组件禁用时取消监听事件， 所述初始 化函数用于调用所 述开关渲染函数和所述 开关监听事 件函数。 3.如权利要求2所述的方法， 其特征在于， 所述操作函数包括真实值设置函数、 真实值 获取函数， 所述响应于针对所述开关组件的操作请求， 对所述开关组件执行与所述操作请 求匹配的目标操作， 包括： 接收传入的目标真实值， 调用真实值设置函数将所述开关组件的当前真实值更新为所 述目标真实值， 并根据所述 目标真实值和所述映射关系 更新所述开关组件的开关状态； 或 者， 获取所述开关组件的开关状态， 调用真实值获取函数根据 所述开关组件的开关状态和 所述映射关系， 查询所述 开关组件的真实值。 4.如权利要求3所述的方法， 其特征在于， 当所述开关组件应用于表单中时， 所述响应 于针对所述开关组件的操作请求， 对所述开关组件执行与所述操作请求匹配的目标操作， 包括： 响应于表单提交请求， 获取 所述开关组件的名称参数； 将所述名称参数和所述 开关组件的真实值上传至服 务端。 5.如权利要求2所述的方法， 其特征在于， 所述操作函数包括启用禁用函数， 所述响应 于针对所述开关组件的操作请求， 对所述开关组件执行与所述操作请求匹配的目标操作， 包括： 接收传入的目标可用状态， 调用启用禁用函数将所述开关组件的当前可用状态更新为 所述目标 可用状态； 调用开关渲染函数和开关监听事 件函数， 以重新 渲染所述 开关组件。 6.如权利要求1所述的方法， 其特征在于， 在引入所述JS文件并基于所述多个开关容器 元素创建所述多个开关组件之后， 还 包括：权　利　要　求　书 1/2 页 2 CN 114860214 A 2对所述开关组件执 行初始化操作， 以设置所述 开关组件的开关状态以及可用状态。 7.一种开关组件的实现装置， 其特 征在于， 包括： 封装模块， 用于封装用于创建开关组件 的JS文件， 其中， 所述JS文件 由构造函数组成， 所述构造函数的参数包括： 容器标识、 名称参数、 开关状态、 回调函数、 开关状态与真实值的 映射关系 、 可用状态； 添加模块， 用于响应于在页面中创建多个开关组件的触发操作， 在所述页面中添加多 个开关容器元 素； 创建模块， 用于引入所述JS文件并基于所述多个开关容器元素创建所述多个开关组 件； 操作模块， 用于响应于针对所述开关组件的操作请求， 对所述开关组件执行与所述操 作请求匹配的目标操作。 8.一种电子设备， 其特 征在于， 包括： 处理器； 用于存储所述处 理器可执行指令的存 储器； 所述处理器， 用于从所述存储器中读取所述可执行指令， 并执行所述指令以实现上述 权利要求1 ‑6中任一所述的开关组件的实现方法。 9.一种计算机可读存储介质， 其特征在于， 所述存储介质存储有计算机程序， 所述计算 机程序被处 理器执行时实现上述权利要求1 ‑6中任一所述的开关组件的实现方法。权　利　要　求　书 2/2 页 3 CN 114860214 A 3