00:00
啊,好了啊。来,我们来去做一下这个角色管理的部分啊。来,我们先打开这个组件。我们要去写的是哪个组件呢?叫角色管理。嗯,就这一个。那首先我们去画这个界面,其实跟前面的界面什么。很像,可能区别就在这个。啊,这里面有一个单选的功能。再一个就是这个按钮是可以设成不可操作,可操作这个就特别简单了。来,我们快速的把它写一写。首先我们来去引入一些我们需要的一些方的组件。
01:01
整个是一个什么呢。看的头部应该是有两个按钮是吧,那就来吧就行,下面这个部分应该是什么黑吧。左侧那个勾选呢,是它自动形成的,所以说怎么生成的问题啊,就没了。就这三个啊。那那我把这个来写一写。它需要有一个title是吧,那title这部分呢,我来单独来定义。这里面呢,有两个按钮,所以我先来一个SPA是吧,里面来两个button。第一个班什呢叫创建角色。
02:04
啊,他的太呢。等于primary这段前面写过的。好,这个也是,这个是叫设置角色的什么权限。好,只是啊,我怎么样一个button,它不可操作了。这个属性大家知道。啊,Disabled。我们来看一下。是不是写错了,第一前面那个颜色。嗯,这个也应该要啊,因为他到时候如果如果是可以操作以后。就是个绿色的对不对,嗯,那现在我不知道了,我就算我现在不知道了,我该怎么办呢。是不是去查文档,查文档来找出来看看怎么样找出来啊。
03:03
首先我们得找到那个。八。就最前面这个button。啊上我们先可以做点波,等待一下,这个是不是稍微有点挨的有点紧了,可以加样式,当然比较简单的加一些NBS就得了。简单的做就可以这么做。大概可以这样子是吧。出来了,好,我怎么让它不可操作呢?看一下文档里面有没有。不就是这个吗,是吧。是的吧,啊,默认为for就可操作是吧。嗯。来看一下。
04:05
处可以不写吗?咱们说过吗?它没有自动刷新是吧?那看看吧,我们说属性值为处的话,可以省略吗?那你也可以写是不是?没有吧,当然这个值是动态的,对不对啊,这个动态我们等会再来调啊,先写个静态的。好,那下面呢,是一个table表格。Table是不是要写一些样式,写些属性对不对,指定一些属性咱前面,嗯,比如说在前面都写过好几遍了啊,比如说在开里面。拿一个过来吧。这些。把这些都拿过来得了。放到我们这里。
05:01
Loading下我们不知道啊,Loading效果不知道咱整过几遍了。这个呢,到时候是用我们,嗯角色它是不是也有相关ID啊。作为标识就行,这一个也就是说我们需要有一个。是不是决策的状态,最后是不是有一个角色列表吧。咱做了几遍,咱就简化一下啊,那也就是说我们这个地方需要去设计什么。是内应该有一个角色的数组开始按出来,说是空数组是不是?当然我也可以有意的给他添加一些数据,也是可以的,等会我填啊。起码写的。那这个状态里面的数据呢,我可以提前的什么。是不是取好了。This。没问题,这个this里面是不是有个卡列对吧?列的数组,列的数组还记得我们怎么用了吗?首先定义一个初始化。
06:07
列的什么函数?是不是函数?啊,写一个啊,These columns等于一个数组,数组里面去指定我有几列是吧。每一列是不是要定义成一个对象啊,比如说我们这里面一共有这一列,不用管,这一列是单独配置一下就生成了,咱们再说。啊1234对吧,一共四列,那得那就应该有四个对象,每个对象呢,它要指定它的标题吗。啊叫角色名称,接着还有一个他对应的数据的什么呢?这个其实不用记啊,不用记,只是我写的变多了,稍微就记住了一下。这个指令我来看一下我们那个角色的数据。
07:04
获取角色列表。点他一下。那这个地方每个角色都有name吧?啊,都有name,那就是获取角色的name值进行显示吧。来啊好,那除了这个是不是还有另外的几个,来看一下,把这个整一下,一共还有三个。下面这几个应该是去创业的时间,授权时间,以及什么授权人,把这个复制粘贴一下。创建时间这个对应的是哪个属性呢?Christmas探。但是这里有一个小问题。显示这个数字能行吗?需要去表达进行什么格式化以后才显示是不是?那这个该怎么做呢?
08:01
嗯,可以是大家想问,同理这个授权时间也是一个问题是吧,先展示,我们把数值显示再再说可以吧。来,还有一个授权的时间,What time。好,最后有一个啊授权人啊授权人。好吧,来授权人这个地方看他有没有是不是what'name呀,所以就直接可以拿来显示就没问题。可能唯一就到时候要处理的是不是这个值,我们先写出来再说啊好。那这个方法什么时候用啊,我说。没吧,没问题,好。当然现在我的这里面现在是不是没有数据啊啊,为了能够去有一个初始的好的展现,我可以加稍微加点数据加进来。
09:04
加几个数据加一个两个。三个差不多了。什么意思啊,来给他加进来。看到吧,好,那这样的话,我们是不是应该有一个初始的展现,对吧?嗯,这个呢,这个快速。跳出的这个输入框就不要它了,这个可以写我们那个什么。我们是不是有一个page set?是不是指定了一个。三或者五都行是吧,当然你也可以去指定一个自己的值都行,能听懂吧,啊OK,可以啊没问题,来我们来看一下当前,也就是说当前我这个地方来看一下有没有显示角色,有吗有。现在问题就是我的左侧是不是有一个单选框啊。
10:04
当选的一个,呃,Radio这东西不是不是我来去单独写一个字段,哎,可以通过配置来产生,这个我也不知道啊,怎么办呢。搜查表格的使用吧。能听到不表格这么多表格,肯定其中有表格的例子,它就是一个单选或者多选的,我们来看一下它怎么做的是吧,比如说这个。复选,但是他能给我,虽然说他是复选,但是他能给我提供思路。听懂意思吧,呃,因为复选单选很类似嘛,所以我当时就是找了他去打开去看。嗯,来放到下面,主要肯定有配置的,这里面有一个叫。你看他不就比我们多了一个属性吗?那肯定跟这个属性有关系吧,这两个属性我们是不是都写了,那我可以怎么样呢?我可以,当然你可以看一下这个肉section写一些什么东西,同时呢,也可以去看一下文档里面的这一个配置。
11:13
起的是一个什么用处?他表示,表格是否是可什么可选的,那可选有两种,一种只能选一个,一种可以选什么?多个。它配置的值是个什么对象,那也就是说我这个任务它是一个对象。来看我们的啊。写在下面这个任务section,它是一个对象啊。能听到不好,那里面写什么呢?这里面是不是有一个配的一个说明呢。点过来。那里面啊能配什么呢?我们来看一下这个。
12:00
能不能去指定我是一个。Check box还是一个radio了。看看。哎,这里有一个属性叫什么。而T的值。不什么默认是么?不,你的默认是多选的吧,你就不配,你就多选,那我应该配什么。那我应该。这来了吧,嗯。这样我们就可以进行什么。单选了。能看到吧,是可以进行,大家就是这个不好,你说说这。你不好吗?
13:00
是吗?这个地方我就能点这里知道吧,你稍微偏一点点都不行。这太难受了。这这能懂吧,我应该看我们的,看我们的。是不是这就比较舒服嘛。这个懂不懂好。还有一个事情你得知道啊,我的这个勾不勾选会涉及到我当前这个是否。可操作,以及我勾选了谁,到时候我就显示谁的相关的信息吧。这能听到不,那这个时候我们勾选的对应的那个角色对象。是不是要基因存储起来?这能听到不好,我们来体验几问呢?首先我们怎么样让它去构成呢?
14:00
其实要想做到这点,要要做好一些事啊。大家看着。看好了,那首先我想知道他点击了这一行该怎么办呢?对吧,能听懂不?我得先知道它点了吧,你才有机会再回调函数里面让它选中对不对。这能听懂不?首先我得知道它用户点的这一行啊。啊,要想知道用户点了这一行需要去啊,来找到我们表格有一个。有这么一个选项来啊。是table里面的选项,那得找到table的一个配置。它其实有一个选项叫on。这个里面它大家看它配的什么呀。安是个什么类型?
15:00
这是一个对象吗?大括号里面就对,但是面说明我是个动态值嘛,这是个函数。能听到不,这是一个函数,而函数里面接收的就是那个数据对象,也就是我们当前的我,不是一个弱的列表吗?角色列表嘛。这个记录对应的就是我的决策对象,就他返回的,你看它返回的什么,返回一个对象,对象里面有个安,当然有别的正义用。这个地方,这个对应的都是你对那一行,对某一行进行的一些操作事件的监听回调函数,我应该监听哪一个。On click。带来宝宝,那什么意思呢?就这一个事情,大家看好了啊,我在这里面来一个什么on,它的值是个函数,对不对,只是函数,所以我不太适合在这写,我写个Z点安用。
16:06
可以吧,那我的安就可以定在什么?是不是上面句。这能清楚不好,那定义到上面去,那这个。接下来我们来看一下这个地方,它会接收一个参数的。看文档里面,这上面不有说明吗?他定的名字叫啊record记录,记录我们当前的记录是谁?就是一个角色,因为我是角色列表嘛,每一行对应一个角色对象。这能不能听懂?而这一个函数需要一个什么呢?对象看好了,一定对象和对象里面去配置。世界监听的回答中。那就监听的是不是点击了行。是吧,那点进了行,我是不是到时候得做点事情。
17:04
听到了吧。这能懂吧,来。比如说我现在来去打印一下啊,打一下就写一个点击行。愣一下看。刷新一下啊。要不要?有吧,有只是这里面按来说啊,我甚至可以把这个当前的肉给给他什么。是不是打印输出出来。这能听懂吧?啊,这不是,嗯,肉啊,写个肉尼克。当然可以打印出来,我勒不太好啊,因为主要是我看不出来是一个什么样的值。完全是可以看的。
18:09
大家看一下,现在是点击的测试,看得出来吧。那我点击下面是不是点击了经理。是吧,那有了这些,我后面是不是就可以控制它是否勾选。能听懂吧,嗯嗯。但是呢,我们的数据现在还是假的是吧?啊,所以我们先要去把这个数据给它获取一下啊。先暂停一下。
我来说两句