【技术实现步骤摘要】
本专利技术涉及前端，具体为一种前端多粒度的鉴权组件方法。
技术介绍
1、组件鉴权是现在常见需求，需要前后端配合，前端负责展示和请求，后端负责根据请求去存储中查找权限结果并返回。
2、现有技术中，基于不同的技术栈，例如vue、angular、react等，都可以实现动态输入绑定，前端鉴权组件可以通过这些输入属性，获取鉴权参数，组装参数发起请求，后端返回鉴权结果，鉴权组件展示结果状态。
3、但是，现有鉴权组件难以适配不同前端组件，不便于后续接入组件，多粒度多场景的鉴权解决方案。
技术实现思路
1、本专利技术的目的在于提供一种前端多粒度的鉴权组件方法，以解决上述
技术介绍
中提出的问题。
2、为实现上述目的，本专利技术提供如下技术方案：一种前端多粒度的鉴权组件方法，所述方法包括以下步骤：
3、采用鉴权源针对单一数据鉴权；
4、鉴权源组针对实例级别或者数组对象操作进行鉴权；
5、鉴权组件兼容所有有disabled状态的组件，通过信息提示框和组件状态搭配显示鉴权中，鉴权结束的状态。
6、优选的，采用鉴权源针对单一数据鉴权的具体实现操作包括：
7、界面加载，鉴权源初始化，监听用户绑定参数输入，设置鉴权源组件状态为loading；
8、监听到用户参数输入，包装参数，发送请求到后端，获取鉴权结果，并将返回结果保存到该鉴权源中，结束loading状态。
9、优选的，鉴权源组是针对列表数
10、界面加载，鉴权源组初始化，监听列表等数组数据和其他鉴权参数输入；
11、遍历数组数据，组装请求参数数组，发起鉴权请求，设置鉴权源组组件状态为loading。
12、优选的，鉴权源组是针对列表数据鉴权的具体操作还包括：
13、由于列表数据有增删改查和翻页等动作会造成数据的变动，从而触发鉴权请求，为保证鉴权结果和鉴权数据相匹配，需要临时保存最后一次请求的参数，当请求返回时候和请求参数进行对比，例如请求鉴权的数组的id和返回结果中的数组的id一一匹配才可以赋值，将返回结果和请求参数匹配之后结束loading状态，鉴权数组的每个对象新增一个属性保存对象具有权限的操作。
14、优选的，鉴权组件适配输入框，日期选择器，超链接，单选框，多选框，下拉框，按钮常见组件。
15、优选的，鉴权组件由popover组件和内容投影组件组成，通过popover组件，鼠标悬浮组件区域之后，显示当前状态下的提示信息，鉴权组件包裹被鉴权的组件，鉴权组件是父级，被鉴权的组件是子级，通过内容投影组件，被鉴权的组件投影到指定位置，通过父子关系，鉴权组件能获悉被鉴权组件的类型，判断是a标签，是button标签还是其他类型的标签。
16、优选的，鉴权组件的输入属性有组件自身状态、组件状态对应的提示信息、鉴权组件无权限时候的显示形式、鉴权结果集。
17、优选的，鉴权组件状态分为有权限、鉴权中、无权限和被鉴权组件本身状态，状态显示逻辑为当没有权限的时候，被鉴权组件设置为disabled状态，并且鼠标悬浮显示没有权限，当有权限的时候，被鉴权组件显示自身的状态和提示信息。
18、优选的，鉴权组件获取到鉴权源或者鉴权源组返回的鉴权结果之后，根据状态判断逻辑，修改被鉴权组件的状态和提示信息，添加或者移除监听，完成鉴权。
19、与现有技术相比，本专利技术的有益效果是：
20、本专利技术提出的前端多粒度的鉴权组件方法，兼容所有有disabled状态的前端组件。能有效的减少前端发起的鉴权请求，缩短前端鉴权组件渲染时间。
本文档来自技高网...【技术保护点】
1.一种前端多粒度的鉴权组件方法，其特征在于：所述方法包括以下步骤：
2.根据权利要求1所述的一种前端多粒度的鉴权组件方法，其特征在于：采用鉴权源针对单一数据鉴权的具体实现操作包括：
3.根据权利要求1所述的一种前端多粒度的鉴权组件方法，其特征在于：鉴权源组是针对列表数据鉴权的具体操作包括：
4.根据权利要求3所述的一种前端多粒度的鉴权组件方法，其特征在于：鉴权源组是针对列表数据鉴权的具体操作还包括：
5.根据权利要求1所述的一种前端多粒度的鉴权组件方法，其特征在于：鉴权组件适配输入框，日期选择器，超链接，单选框，多选框，下拉框，按钮常见组件。
6.根据权利要求1所述的一种前端多粒度的鉴权组件方法，其特征在于：鉴权组件由popover组件和内容投影组件组成，通过popover组件，鼠标悬浮组件区域之后，显示当前状态下的提示信息，鉴权组件包裹被鉴权的组件，鉴权组件是父级，被鉴权的组件是子级，通过内容投影组件，被鉴权的组件投影到指定位置，通过父子关系，鉴权组件能获悉被鉴权组件的类型，判断是a标签，是button标签还是其他类
7.根据权利要求1所述的一种前端多粒度的鉴权组件方法，其特征在于：鉴权组件的输入属性有组件自身状态、组件状态对应的提示信息、鉴权组件无权限时候的显示形式、鉴权结果集。
8.根据权利要求1所述的一种前端多粒度的鉴权组件方法，其特征在于：鉴权组件状态分为有权限、鉴权中、无权限和被鉴权组件本身状态，状态显示逻辑为当没有权限的时候，被鉴权组件设置为disabled状态，并且鼠标悬浮显示没有权限，当有权限的时候，被鉴权组件显示自身的状态和提示信息。
9.根据权利要求8所述的一种前端多粒度的鉴权组件方法，其特征在于：鉴权组件获取到鉴权源或者鉴权源组返回的鉴权结果之后，根据状态判断逻辑，修改被鉴权组件的状态和提示信息，添加或者移除监听，完成鉴权。
...【技术特征摘要】
1.一种前端多粒度的鉴权组件方法，其特征在于：所述方法包括以下步骤：
2.根据权利要求1所述的一种前端多粒度的鉴权组件方法，其特征在于：采用鉴权源针对单一数据鉴权的具体实现操作包括：
3.根据权利要求1所述的一种前端多粒度的鉴权组件方法，其特征在于：鉴权源组是针对列表数据鉴权的具体操作包括：
4.根据权利要求3所述的一种前端多粒度的鉴权组件方法，其特征在于：鉴权源组是针对列表数据鉴权的具体操作还包括：
5.根据权利要求1所述的一种前端多粒度的鉴权组件方法，其特征在于：鉴权组件适配输入框，日期选择器，超链接，单选框，多选框，下拉框，按钮常见组件。
6.根据权利要求1所述的一种前端多粒度的鉴权组件方法，其特征在于：鉴权组件由popover组件和内容投影组件组成，通过popover组件，鼠标悬浮组件区域之后，显示当前状态下的提示信息，鉴权组件包裹被鉴权的组件，鉴权组件是父级，被...
【专利技术属性】
技术研发人员：周睿，宋亚萍，安晓博，尹萍，
申请(专利权)人：浪潮云信息技术股份公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。