00:01
好啊,下面我们要做的一个功能就是把那个老板和大神的列表给它显示出来,实际上就是我们的大神和老板的一个主界面。这个部分。其实就是把那个数据从后台获取出来给他展现,这个其实难度并不大。但是大家要需要看啊,这实际上对应的是两个组件吧,这两个组件的功能好像很类似,对不对。都是用来去,说白了是显示用户列表的,只是用户的类型不太一样。是吧,那我们是不是基于这个特点应该做点事啊?大家想啊,我们现在有两个组件。打开我们先打开这两个组件啊,啊,一个是大神。
01:02
对吧,那一个是老板。这个老板他实际上显示的是大神的列表吧。对吧,而大神呢。应该显示什么老板列表啊,就老板显示大神的大小,显示老板列表,那他们都其实本质上都是显示用户列表,那难道我们把这个事情做两遍吗。没这个必要吧,对吧,只是数据不太一样,说白了,如果啊,你给,也就是说你给他的应该是一个老板的数据,老板数据的数据,而给这个组件呢。应该是个大神的数组对吧?你给他什么数组,它就会显示什么样的列表。因为他们功能是极其类似的,不应该去重复的写两遍。
02:01
那怎么样去避免这个重复的问题呢?其实很简单,抽取主页。也就是说我在根据这两个组件他们的共性,我去抽取一个组件。我叫什么呢?我叫用户列表组件,我有去指定你是什么类型的吗。没有,你爱什么类型什么类型。对吧,你需要给他的就是一个什么呢?大家看一下啊,最终我们的动态组件其实非常简单,你就要长像这个组件传一个。U正历史,我就会把你这个U正历显示出来,那如果你传的是大神的数组对吧,那我就显示大神列表,那如果你传的是啊那个老版的数组,那我就显示老版的列表。
03:01
啊,这么做了以后有什么好处呢?好处非常大,我们这两个组件就非常的简单,你看。能看到不,那也就是说我们的这个老板的路由组件和这个大型的路由组件,就是非常简单的一个组件,只需要去渲染这一个user list的标签就可以。这个过程很重要。啊,因为到了你们去写下面的时候,这个过程应该由你来去做。所以现在大家要做的事情,首先第一步理解,第二步写出来,写出来以后再去回,回过头再想一想。当然我们这个要不要与后台进行交互啊。需不需要,那需要一个什么样的交互呢?
04:04
你用一个什么,你要用一句话来表达,我这个是跟后台是一个什么样的交互啊。我要显示用户列表吗?你说我现在需要个什么交互,这个这句话有那么难说吗?这个我要获取一个指定类型的用户列表吗?记住啊,是指定类型的对不对,我需要老板的,那你就给我老板的对吧?啊,那我需要大神的,那你就给我大神的列表。这个一定要能够啊,很快的反应过来,我要跟后台进行一个什么样的交互。啊,这个东西是你去网上查肯定也查不到的,就这种东西你要自己想不出来,那你没法做下去啊。这能懂吧,你具体用什么技术都可以在网上查。你像这种实际的业务的一些相关的东西,那你就必须自己去设计了。
05:04
那也就是说我们要去写实现这个功能,需要写一套,写一整套前台后台。写一整套。其实这个后台呢,很好写啊,挺好写的,那我们先呢来去把后台给它写一下,也就是说我们需要去写后台的什么。陆游。啊,刚才我们就对整体做了一个说明,下面就啊落地需要去写代码,这个倒其实非常简单。这个要写些什么,主要是要根据什么是不是接口文档来去做呀,哎,我有接口文档获取什么用户列表啊,第五个。来,那下面呢,我们就根据这一个接口文档来去写我们的路由。啊,一定要知道我们现在要去写的一个应用啊,我们现在现在手里面有两个应用,对吧,要去写serve。
06:06
好,来打开我们的路由index。对吧,那现在我们要去写的是什么叫获取用户列表,根据什么呢。根据什么,是不是类型啊,根据用户类型来去获取用户对应的用户列表,好root点什么呢?那来看我们当前的接口。是一个什么样的方式,OK,那我就是什么,对,那路径是多少了,就要看当前的这个路径是多少。对吧,好,接着再来一个什么发现I q is。
07:03
好,下面看一下它有没有携带什么参数了,有,有一个什么T,那我们的第一步干嘛去获取请求中的参数吧,IQ点什么。看一下。首先啊,我们这个参数类型啊,是query类型对吧?啊query类型的参数啊,就是query能不能还一种类型的参数叫什么呢?PAR,那如果是PAR,那应该这么写。这个运呢啊,写法不太一样,我们这里明显不是啊,写的是什么,那如果你这么写的,那你得这么写。两位看到。好,那下一步是不是要根据这一个探头来获取一个U者的速度,对吧?这怎么的呢?首先我们要去用到user model点什么方法,它有两个方法,一个叫find,一个叫find one。
08:18
对吧,查询的条件是什么。等于type对吧。这能懂吧,好,返回的user里面不要去携带密码是吧,传递接着这里面返回的就是什么。User啊,第一个不是user,不能这么写,这么写错误。下了吧。嗯,好,下面。直接是把这个数组给他,什么是返回I点啊,我们就不管那个错误什么的啊,来写个什么cold为你date为build,很简单。
09:16
那么看到那下面呢,我们需要去测试一把我们的这一个接口。来啊,重新的部署了,来测试一下我们的这一个接口。那也就是说啊,也就是说我们用上postman是吧,接着我们当前的账号是都是3000还是多少。来看一下我们的这个啊,我们都事先是吧,都事先,那就来个事先呢,路径多有什么类型的请求get get类型的请求点一下这个啊指定一下。
10:01
Type指定下值,值不能随便瞎写,就两个值对吧,哪一个啊,大神试试。有没有?有吧,有再换一个什么老板。有没有?是不是找到的,大家看呢,我现在啊,找到的是不是都是老板。能不能看到啊,没有问题啊,那说明我们的这个接口是好的啊,你的测试接口是通过的好。下面点一下什么呢?C。说一下这个是干嘛呢?获取指定类型的什么用户列表。
11:00
哎,这个不对。是他是吧,好点一下C。那我们是不是又多了一个啊,这个不用看。能看到吧,来,那也就是说到此为止,我们的后台啊,接口定义好了,并且测试通过啊,搞定第一步啊。
我来说两句