专利汇可以提供一种前端状态变更管理的实现方法及系统专利检索,专利查询,专利分析的服务。并且本 发明 公开了一种前端状态变更管理的实现方法及系统,属于前端Angular技术 框架 ,本发明要解决的技术问题为如何实现在界面元素变化时刷新元素状态的逻辑,同时减少重复 请求 后端的次数,采用的技术方案为:该方法是针对前端界面的数据或者button有状态变化时,通过angular依赖注入机制,在父子组件中共享一个服务,通过该服务实现对父子组件家庭内部状态变更事件的监听,父子组件做出反应,实现前端界面的状态变更实现统一的管理。该系统包括服务创建模 块 、Subject对象订阅模块、服务实例引入模块、界面元素状态更新模块及Subject的监听取消模块。,下面是一种前端状态变更管理的实现方法及系统专利的具体信息内容。
1.一种前端状态变更管理的实现方法,其特征在于,该方法是针对前端界面的数据或者button有状态变化时,通过angular依赖注入机制,在父子组件中共享一个服务,通过该服务实现对父子组件家庭内部状态变更事件的监听,父子组件做出反应,实现前端界面的状态变更实现统一的管理。
2.根据权利要求1所述的前端状态变更管理的实现方法,其特征在于,该方法的具体如下:
S1、声明一个服务,该服务注入父子组件所在的模块或者注入父组件;
S2、组件内初始化时订阅服务中的Subject对象;
S3、子组件通过构造函数引入服务实例;
S4、当请求后端接口时,设置loading提示信息或者更新中等中间状态,成功返回后,取消loading提示或者中间状态,依据返回结果更新界面元素状态;
S5、父界面关闭时,取消对服务中Subject的监听。
3.根据权利要求2所述的前端状态变更管理的实现方法,其特征在于,所述步骤S1中声明一个服务,该服务注入父子组件所在的模块或者注入父组件具体如下:
S101、借助Angular DI的注入器继承机制,该服务实例能在父子组件中共享;
S102、根据前端界面元素状态涉及后端接口的数量,声明对应数量的Subject对象。
4.根据权利要求2所述的前端状态变更管理的实现方法,其特征在于,所述步骤S2中组件内初始化时订阅服务中的Subject对象的具体如下:
S201、当该订阅监听到任意一Subject对象推送事件时,获取相关后端的接口,并且把获取的数据通过@Input输入属性,提供给子组件;
S202、父组件中的界面元素和子组件的界面元素就能根据最新的数据信息,更新元素状态。
5.根据权利要求4所述的前端状态变更管理的实现方法,其特征在于,所述步骤S202中父组件中的界面元素和子组件的界面元素就能根据最新的数据信息,更新元素状态的具体如下:
S20201、获取配额信息,下一步执行步骤S20202;
S20202、创建按钮根据后端返回的配合变化信息,判断是否有剩余空间配额:
①、若有剩余配额,则执行步骤S20203;
②、若无剩余配额,则跳转至步骤S20204;
S20203、显示创建按钮为正常状态,下一步执行步骤S20205;
S20204、显示创建按钮是不能点击的置灰状态,下一步执行步骤S20205;
S20205、判断界面是否关闭:
①、若是,则跳转至步骤S20206;
②、若否,则跳转至步骤S20201;
S20206、结束。
6.根据权利要求2所述的前端状态变更管理的实现方法,其特征在于,所述步骤S3中子组件通过构造函数引入服务实例的具体如下:
用户操作之后,需要界面元素更新状态给用户给直观的反馈时,通过触发服务实例中相关Subject的推送事件,父组件就能获取到推送事件,从而调取后端接口,获取最新信息,刷新父子组件界面元素状态。
7.一种前端状态变更管理的实现系统,其特征在于,该系统包括,
服务创建模块,用于声明一个服务,该服务注入父子组件所在的模块或者注入父组件;
Subject对象订阅模块,用于组件内初始化时订阅服务中的Subject对象;
服务实例引入模块,用于子组件通过构造函数引入服务实例;
界面元素状态更新模块,用于当请求后端接口时,设置loading提示信息或者更新中等中间状态,成功返回后,取消loading提示或者中间状态,依据返回结果更新界面元素状态;
Subject的监听取消模块,用于父界面关闭时,取消对服务中Subject的监听。
8.根据权利要求7所述的前端状态变更管理的实现系统,其特征在于,所述服务创建模块的工作过程如下:
(1)、借助Angular DI的注入器继承机制,该服务实例能在父子组件中共享;
(2)、根据前端界面元素状态涉及后端接口的数量,声明对应数量的Subject对象。
9.根据权利要求7所述的前端状态变更管理的实现系统,其特征在于,所述Subject对象订阅模块的工作过程如下:
(一)、当该订阅监听到任意一Subject对象推送事件时,获取相关后端的接口,并且把获取的数据通过@Input输入属性,提供给子组件;
(二)、父组件中的界面元素和子组件的界面元素就能根据最新的数据信息,更新元素状态。
10.根据权利要求7所述的前端状态变更管理的实现系统,其特征在于,所述服务实例引入模块的工作过程如下:
用户操作之后,需要界面元素更新状态给用户给直观的反馈时,通过触发服务实例中相关Subject的推送事件,父组件就能获取到推送事件,从而调取后端接口,获取最新信息,刷新父子组件界面元素状态。
标题 | 发布/更新时间 | 阅读量 |
---|---|---|
在多子帧DRS中子帧的CSI-RS加扰 | 2020-05-08 | 623 |
基于MMC的电力电子变压器系统及其分层控制系统架构 | 2020-05-08 | 687 |
一种轨道板温度裂缝宽度的计算方法 | 2020-05-08 | 685 |
一种车辆健康预测系统及方法 | 2020-05-08 | 174 |
多目标优化下的微服务组合部署与调度方法 | 2020-05-11 | 305 |
乏燃料储运容器热工分析及临界控制的仿真模拟计算方法 | 2020-05-11 | 259 |
一种提示信息推送方法、设备及存储介质 | 2020-05-11 | 103 |
子母穿梭车立体库中子车脱轨保护装置 | 2020-05-08 | 749 |
一种榫卯子母花盆架 | 2020-05-08 | 458 |
一种中子伽马集成检测系统的中子源移动装置 | 2020-05-08 | 525 |
高效检索全球专利专利汇是专利免费检索,专利查询,专利分析-国家发明专利查询检索分析平台,是提供专利分析,专利查询,专利检索等数据服务功能的知识产权数据服务商。
我们的产品包含105个国家的1.26亿组数据,免费查、免费专利分析。
专利汇分析报告产品可以对行业情报数据进行梳理分析,涉及维度包括行业专利基本状况分析、地域分析、技术分析、发明人分析、申请人分析、专利权人分析、失效分析、核心专利分析、法律分析、研发重点分析、企业专利处境分析、技术处境分析、专利寿命分析、企业定位分析、引证分析等超过60个分析角度,系统通过AI智能系统对图表进行解读,只需1分钟,一键生成行业专利分析报告。