@weig_3078/cli-demo 0.1.1 → 0.1.2

package/app1/z/346/226/207/346/241/243//346/235/203/351/231/220/346/216/247/345/210/266.md

@@ -0,0 +1,342 @@
+全线控制
+前端这一块吧
+其实能做的事啊
+并不多主要的开发量呢
+还是在后端
+不过前端这一块处理权限的时候呢
+有些情况呢
+还是比较复杂
+至少说比较繁琐
+咱们再梳理一下啊
+前端处理权限吧
+其实有三个层面
+第一个层面呢
+是页面积
+就是有这个权限呢
+这个页面就能进
+菜单上面也能看得到
+没有这个权限呢
+你就进不了
+就是页面积
+页面积的权限处理啊
+是最简单的
+只需要去做一些动态路由
+再加一些什么导航守卫啊
+对吧
+这些东西它是可以完全无侵入的
+什么叫无侵入
+它不会侵入到你的业务
+组建
+就是你在写这个组建代码的时候啊
+你是完全不用去考虑什么权限的
+在导航路由这一块
+就给你处理的非常好了
+你组建完全不用去考虑
+很多项目呢
+其实一般就是到个页面级
+但是如果说你再精细一点的话
+你会到达主界级
+就是不管你有没有这个权限
+你都能进这个页面
+只是进到这个页面过后
+看到的一个些界面呀
+操作的一些功能啊
+会出现一些差异
+比方说有这个权限呢
+你就正常进
+没有这个权限呢
+你也能进
+但是呢里边有些按钮啊
+可能是灰色的
+可能是不显示的
+或者是它显示了
+点击过后呢
+它会弹出框框
+让你升级用户啊
+或者是付费
+这就是主线级
+主线级的权限控制啊
+你是做不到无侵入的
+做不到的它必定带有侵入性
+就是你在编写这个组件的时候呢
+你需要考虑到权限这么个事
+儿为啥组件级它做不到无侵入呢
+是因为组件级啊
+它在处理权限问题的时候
+在不同的权限下
+表现出来的状态是不能统一的
+如果说组件级
+他在做的时候
+他状态只有两种
+一种是可见
+一种是不可见
+哎那就可以做到不清楚
+他状态是统一的
+但是组件级往往状态是不统一的
+他有可能是可见和不可见
+也有可能是可用和不可用
+也有可能是点击过后做不同的事
+有可能是样式变化
+也有可能是动画的状态变化
+你搞不好是什么样的情况
+他没法统一
+他就做不到提取
+公共代码
+做不到提取
+他就必须要有侵入心啊
+只是呢我们要想办法呢
+把组件级的侵入性降低到最小啊
+这是组件级
+那么还有一种级别呢
+就是代码级了
+或者叫做函数级啊
+我接触到的很多同学呢
+反馈过来的权限问题啊
+绝大部分都不会到达函数级
+但是呢确实有那么一些特殊的项目
+它非常的细腻
+它会到达函数级
+这啥意思呢
+不同权限的人
+他能够调用的函数是不一样的
+甚至有可能是能够调用函数
+它在函数的执行过程中
+产生的效果是不一样的
+这就是函数级
+函数级的权限处理
+是会增加非常大的开发成本的
+因为它也是很难做到无侵入
+它也是带有侵入性
+我这种情况比较少啊
+所以说我今天呢
+主要是聊聊这个组建级
+这里看这里
+我举个例子啊
+这里呢都是同一个页面
+不同权限的人呢
+他看到的页面上的按钮的状态是不
+一样的有些是可见与不可见
+有些是信用是吧
+是不一样的
+这一块呢
+该如何来做
+能够尽量少的造成侵入性
+就尽量的不要去侵入主线啊
+如果说你平时开发很少遇到
+或者是思考这样的问题的话
+那你就好好来看我的大师课
+大师课是完全免费的啊
+来领取就完事了
+说前面这虽然是一套免费的课程
+但是一定要引起高度重视啊
+我发现部分同学呢
+看到这些课程是免费的就不珍惜
+你呢也不看
+我告诉你啊
+大师课里边讲的可是成体系的
+核心知识
+就是有些道理吧
+真的是得到一定阶段过后
+你才能理解搭车的重要性
+确实
+有些同学的一时半会很难理解的到
+那你只需要相信袁老师的专业性
+就可以了
+我教过这么多同学
+讲过这么多东西
+我是把前端最重要最核心
+最能够影响你薪资高低
+和职业发展的知识
+都放到了大师课里边
+对你的要求只有一个
+一定要认认真真看完
+看完之后
+你对将来的技术学习方向
+学习的深度
+你就有一个完整的把控了
+你眼睛里面就会有光了
+你就会感觉自己又行了
+所以2024年啊
+都过了一半了
+你要做的最重要的一件事就是第一
+免费来领取我们的大师课
+第二认认真真一定要看完这个课呢
+怎么领在咱们账号主页
+点击头像进入账号主页
+根据提示领取完成了
+好说一下这个主键题怎么来做啊
+那么我这里呢
+有个页面啊
+这个页面呢
+这里可以切换这个用户啊
+这是模拟嘛
+然后呢下边有些组件目前呢
+没有任何状态变化
+然后我们怎么来处理这个组件
+根据不同的权限展示不同的状态呢
+这一块呢
+我们可以有两种做法
+一种做法呢
+是使用一些自定义指令
+在这里加指令
+第二种做法呢
+是使用高阶组件
+其实都可以啊
+看你自己的喜好
+那这里呢
+我们使用高阶组件
+就是在外面套一层组件啊
+这个组件呢
+我已经写好了啊
+一会给带大家看一下啊
+非常简单
+叫做authority这个主键
+然后呢把这个按钮扔进去
+然后告诉这个主键
+有哪些权限的用户可以看到这个按钮
+那么通过这个属性啊
+permissions比方说system user you
+表示具有查看权限的用户
+才能看到这个主键啊
+这个字符串呢
+这个玩意儿你就跟后端商量吧
+你们那个系统里边权限的定义啊
+就描述
+是用什么样的字母串格式来描述的
+我这里随便写了一个啊
+好保存
+你看一下
+那么现在呢
+我们去切换一下
+切换Vistr好像都有查看权限是吧
+那么给他一个更新权限吧
+呃或者给他艾特权限吧
+添加用户嘛
+好保存看一下
+哎没反应啊
+这属性写错了啊
+少拨个s啊
+看一下你看这两个权限呢
+它就看不到第一个按钮
+只有r的命它有这个权限
+它才能看到这个按钮啊
+我们来看一下吧
+打开调试工具
+然后呢找到view的调试
+我们找到这个主键啊sorry
+那么我们这里该传的属性是什么
+你必须要有这个权限才行那
+么目前的用户有哪些权限呢
+它有这些权限
+所以说它里边包含了这个ad
+因此呢他能看到这个按钮
+所以说这个高阶组件呢
+它实际上控制的是啥呢
+控制的是组件的可见度
+因为很多时候呢
+都是一个可见和不可见的区别
+它把这个状态呢提取出来
+来控制它的可见度
+那如果说某一个按钮
+它需要的权限是多个
+比方说同时拥有两个权限
+或者是两个以上的权限
+它才能控制它的可见
+那这一块呢
+我们这个主键呢
+也可以做一个处理啊
+比方说我们针对这个查询用户
+呃我们需要两个权限啊
+比方说吧
+你不仅要能够新增
+你还要能够修改
+那么这个属性呢
+我把它做成了一个数组啊
+它是可以支持数组的
+第一个权限呢是这个你必须要要的
+第二个权限呢
+也是必须要有修改
+但是啊你做来做去吧
+其实你只是控制这个组件的可见度
+如果说这个组件有别的状态呢
+比较禁用和可用的区别
+或者是点击试验的不一样
+或者是一些动画的不一样
+那么这个组件呢
+就处理不了了啊
+呃
+就需要把这个目前的权限信息拿出来
+让他自己自行处理
+这带来侵入性的
+比方说这个组件呢
+我们可以这样设计
+我们给他来一个作用率的插槽default
+然后这里边user permissions啊
+就是通过这个主线呢
+把目前这个用户的所有的权限
+暴露出来啊
+拿给你你自己来决定该怎么样啊
+比方说这个按钮的禁用状态disabled
+我就可以判断一下啊
+user permissions里边是不是包含
+它是个数组啊
+包含了用户的所有的权限
+是不是包含user ad
+或者是不包含Uzi的时候去禁用
+好把它写成这种格式
+咱们看一下
+好你看
+ADMI没问题
+editor呢它变禁用状态了是吧
+它要自行决定的
+那没办法
+只能做到这了啊
+那么最后说一下这个12位体啊
+这个组件怎么来做的
+非常简单啊
+这个组件设置呢
+你就是第一个属性哎
+它可以支持支付券
+也可以支持一个驻主
+你需要什么样的权限
+才能够查看里边的主线
+把它传进来
+然后呢通过仓库
+拿到目前用户的拥有的所有权限啊
+这个玩意呢
+可以从后端获取啊
+然后通过一个计算属性
+就非常简单
+就判断一下
+用户的权限里边
+包不包含你传入的权限
+包含的话
+那我就显示
+不包含的话
+我就不显示
+非常简单
+好了通过一个重用浴插槽
+把目前的用户的所有权限呢
+传过去以便他做一些灵活处理
+对吧呃
+组件级的权限控制呢
+也只能做到这样了啊
+没办法因为他太灵活了
+无法形成一个统一的状态
+其实我们开发领域里边都是这样
+一旦能统一就好办
+不能统一
+没有标准就不好办
+其实你做开发做到一定程度过后
+你会发现这一切都是标准问题
+就是有标准和没标准的问题
+比如说把软件系统里边所有的事情
+都能够定向一个标准的话
+那我告诉你
+不需要开发了
+AI就可以完全搞定的
+很多时候
+AI搞不定很多东西呢
+就是因为他不清楚标准和界限在哪里
+啊说远了啊
+就分享这么个东西

package/package.json

@@ -1,11 +1,13 @@
 {
   "name": "@weig_3078/cli-demo",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "脚手架 demo",
   "private": false,
-  "main": "index.js",
   "bin": {
-    "mvc": "./dist/mvc.js"
+    "mvc": "./bin/mvc.js"
+  },
+  "publishConfig": {
+    "access": "public"
   },
   "scripts": {
     "build": "rollup -c rollup.config.cjs",