00:00
啪。来啊,我们设计好精准数据,以就是我们现在产生的一个基准数据,下一步讲觉得干嘛。数据已经定好了。因为我们最终是不是需要能够访问这个数据来去显示啊,但是我们访问的时候是不是以接口访问接口的形式去访问了。那也就是说,我们下一步要想办法把这个数据暴露成接口。能不能说白了就是我们客户端应用可以通过和加请求来获取这里面的数据库,那下面一个问题。当前是暴露成一个接口还是多个接口呢?这实际上这三个信息是对应我们三个路由的界面呢。是吧,啊。这个时候啊,其实我们最终选择的是暴露成多个接口啊,你要说老师我暴露成一个接口不行吗?对于当前这个数据量,你说不行它也行,你多大的数据我都可能包一个接口直接给你返回。
01:09
但是那种想法是不太好的啊,什么意思呢?啊,你要说现在可以暴露成一个接口,假设我这个界面的数据更多了,我们是这个十位,按照你的说法,是不是还是暴露成一个结果呢?对不对,主要是我们现在这三个数据是通过三个路由组件是不是分别展现了,能不懂,也就是说开始我是不是只看到它。对不对,那我后来是不是切换路由以后是不是才看到。能懂我说的意思吧。啊,我没有必要一次性如果暴露成一个接口什么意思,就是通过一个接口把所有数据都给你什么返回。N吧,那包多个接口是个什么概念呢?主要是我现在就是有三个路由。来分别去展现这三个方面的数据是吧,那我把。
02:05
这整个文件里面数据分成三个部分来包装成三个接口,这个合情合理吧。能不能,这体现了一种思想,就是你需要的时候,你就访问那个接口。对吧,你还没需要的时候,你就可以不用访问,是这意思吧。这样更合理吗?这其实跟我们去拆分模块,JS模块是一个事项呢,对不对?你是把所有的JS写成一个文件,还是说根据需求来写成多个模块?我一个想法吗?这个能懂,好,那问题是。咋暴露啊啊说了这么久,你这最终要落实啊,你暴露啊是吧?哎,这个时候我们就可以用到一个工具。叫使用Mo GS来提供Mo数据,或者叫模拟数据。
03:03
那梦JS呢?它实际上是个JS库,我们来去搜索一下。哎,来了是吧,那这个呢,整个是他的一个首页,那一上来他就说了一句非常重要的话。好,他说生成随机数据拦截什么,呃,这请求什么意思呢?啊,什么意思。啊,他说的意思就是,如果说我发了一个请求出去。不能真正发出去。会被我们的这个Mo JS进行什么拦截?拦截之后他干了什么事啊,对不?他给你生成一个随机数据给你什么返回给你。
04:04
是吧,诶说到这个拦截,我就想起了我们的代理。是吧,我们代理是什么?哎,我发了一个请求出去,被我的代理拦截了,但代理拦截请求是干嘛呀,他帮你转发请求,接着得到一个响应数据就给你。是吧,啊,都是去拦截请求,但是做的事情不是完全一样的,但实际上给客户端是不是都是提供了一些数据啊。认了吧,好,下面要说一个事情,这里面有一个非常重要概念,随机数据,我听到这个围神随机数据,这不是想说那个数据都是随机的吗?那就出现一个问题了。对吧,你想想随机数据,那你想我我刚刚分析过Mo的数据跟那个真实结合的数据结构不能变,只能直变。
05:00
是不是这意思,那说明他的这个随机,那不能是真正的随机,而只能是谁的随机值。知道吧,结构,那就说老师那结构生成个什么结构呢?他怎么知道要生成一个什么结构呢?那你不得告诉他吗。是不是这意思?能不能你得告诉他结构。啊,这个地方啊,它就有有文档啊,有示例也有代码,这个代码实际上是它的源码。这个是没什么看的,因为它跳转的是get up上面的占点。那我们重点是要去看它的那个,就是。文档以及他的这一个事例,这个事例很重要,事例能看出来他到底是干嘛的,对不对?来看一下啊,这左边是个列表,这个列表说的什么意思呢。啊,大家要知道啊,我们的数据它有各种各样类型对吧,有字符串啊,有number是不是啊,还有对象类型,还有甚至有各种各样的特别的啊,看到左侧的。
06:12
是什么?就是说我这一个工具能支持产生很多种类型的数据。我颜色呀,图片呐,都可以给你反馈。那我们先看一看基本的,看大家懂不懂啊,这里面有一条语句,看大家懂不懂。诶,这哪来的。肯定是这个包嘛,向外暴露的东西嘛,对不对,我们是不是要去下载它呀,我们把那个下载写一下啊,看看它有没有啊,完了下载了没写,那我怎么办。嗯,看文档啊,刚才看的示例是不是文档上面肯定有下载的一些说明吧。必然有啊。这不知道吗?说明它的名字叫什么。
07:02
默克GS,那也就是说我们现在要去下载的话,下载一下啊,因这个下载要点时间NPM,嗯,因多杠杠C,接着写什么Mo g s,走你让他下吧,我们先看一下它的那边。那也就是说这个库是不是向外提供了一个大写的Mo呀,就是它这个对象有个方法叫什么小写的Mo。好,这一个方法接收一个什么对象,而这个对象是一个模板对象,也就是说你给我一个模板,我就返回给你一个,你根据模板生成的数据。也就是说最终像帮你生成的数据什么结构,什么类型对象,那对象里面熟悉名叫什么。史俊,那属性值是个什么样的值?是吧,哎,这怎么大家觉得是,大家理解一下,大家想一想。
08:02
你觉得社会是个什么情况?这幅串呢,是新怎么一到十啥概念呢啊,大家看把右边刷一下,这右边就是深层的结构啊,你刷新一下就是相当于把右边的这个代码执行一遍。能听到不能看到吗?好啊。这不就是说这个这个星星生成多少个吗?因为生成的有时候生成一个生两个生三个,是不是就结果就不一样了,这个值是变化了吧,但是这个名字会变吗。不会。那结构不能变,能听懂我的意思啊,其实后面呢,还有各种各样的,还有有包含一些看他特别有意思的,能力挺强悍的,其实有包含生成一个,生成一些名字的,大家看生成什么这图片,这图片可以指定尺寸,指定颜色。
09:06
嗯。这都是一些图片啊,你去刷的时候,它会它它可能是会有变化的,可以有变化的啊好还有一些大家看到能生成这样的文字,嗯,甚至能生成姓名,大家看到是生成姓的。能看到吧,这个生成明的。这个你就知道了姓名对吧,就你所需要的,基本上你所需要的数据类型基本上都支持。啊,还是非常不错的,非常好用啊。好。那下面比如说我知道他这么牛逼了,那怎么怎么用上呢,对不对啊,这个时候得稍微的去看一下它啊。来回看一下,这里面有一个语法,就是这个语法,其实就主要用这个语。
10:02
Mo点这个呢,是大写的,这个是一个方法对吧。看一下详细语法,其实详细语法有这样一个用法。刚才我们在那个文在市里里面看到的直传的一个参数,就这个用法,这个用法我们不能用,因为我们要需要访问一个接口,需要一个URL。他根本没指定懂不懂啊,这个第二个用法。就是你指他指定了一个URL,接着还指定的模板,你只要去访问这个UR这个例子,那他就可以会根据你指定的模板。给你返回一个随机的数据。能听到吗?你看嘛啊,记录是模板,当拦截到匹配的什么UI的请求时,将会根据你的这个模板来生成一个水域数据给你返回。
11:08
也就是说,你最终的价值最后提交出去了吗?没有被什么被拦截了。但没关系,我管我,我没提过去,没关系,只要我得到我想要的东西了,对不对。这这么长。啊,先理解这个东西啊,理解以后我们后面呢就可以去写。好,那我们呢,简单来去写一下,刚才不是已经下载了吗。下载了吧,来下面呢,我们在这个Mo这个文件夹里面专门去创建一个模块。啊,我叫他一个名字,大家看他叫Mo。什么意思啊?模拟的服务器嘛,就是我来提供Mo数据的啊,一个模块来就是使用Mo GS啊,提供什么呢?Mo数据接口。
12:04
能不能看到好这个地方,我们要使用Mo,那肯定等于什么,是不是引入,刚才看到它是不是得了这个。能看到吧,好,而且我们最终是不是要去向外返回数据,而我的数据放哪个里面呢?我们不放在date里面了吗?就比如这个数据。扔了吧,好来,我把这个数据也加载进来啊。叫啊,就叫date吧,From,点斜杠,Get。好,我们刚才说过了,一共要向外提供几个接口?三个接口对不对啊,一个是反馈什么的接口。商品列表的接口对不对,就说白了,就返回故的接口对吧,就写个返回故还有另外的两个,呃,Ratings,还有一个in。
13:09
是这概念吗?那如何来提供一个接口呢?Mo它有一个方法是小写的Mo,接着你是不是要为你的接口指定一个路径,这个路径随便你想指定什么都行,懂不懂我这边简单搞一下就叫什么切换故事可以吧,好返回的数据了。这个地方啊,我们前面是不是说过它可以生成随机数据啊。但生成随机数据呢,你就得在这里一点一点的写啊,我这里面就简化一点,直接。返回故。那也就是说,你说他现在返回的数据真正是随机的吗。不是,我根本这里面没有用到随机的语法,除非你去改这里面的值。懂我的意思吧,你可以去改,比如说我改一个呃,看看啊。
14:03
这个改了一个合适呢,比如说啊,我这一个价格。这不一个价格吧,呃,价格我们来看一下,我们根据它改一改是可以改的。嗯,找到这个语法,我们现在不烂过吗。看懂吧,好,Number这个地方来,它是这我就看到这个了。就用这个一般语法是吧,来啊是一到什么。一到100,那我这里面搞个竖线吧,应该是他这里竖线是吧,比如说一到补一了,嗯,十到20吧。给他一个默认的值啊,开始给一个值,就给它值。能看懂这意思吧?可以吧,可以啊,是个意思就行,别的就不整了。好,来啊。弄好以后啊,后面我们其他的是不类似的,但是啊,但是得说个事情,现在我们要说一说,还记得我们前面说过返回给前台数据啊,不是这个数据,不是这个结构,是个什么结构来着,还记得不是这样一个结构。
15:21
这样的结构。还记得吧,也就是我们返回的数据是不是统一格式。对不对,先要有一个对象,对象里面有code来标识我这个数据是正常的数据还是非正常的数据,当然我们Mo数据不是搞什么非正常的,都是搞正常的,对吧,那下面的。是不是这样改改这个叫什么ratings,下一个in for,那我这个地方点什么音。啊,接着是ras,这个不能随便瞎写啊,应该看着我的这个属性名是不是去写。
16:09
能不能看懂?好。那这个地方要说一说啊,我们一般一个模块是不是最后都要最终都要写一个什么export啊,什么default,或者要不要default没关系,是不是后面写个叉叉。那你说我这里面写什么呢?我向外暴露什么呢?嗯。我这一个这一个模块,当然有的模块比较特别,有的模块就是需要运行一下就行。他并不向外提供什么东西,并不向外暴露什么。怎么着?有人说老师你不是要提供接口吗?我提供接口,我觉得我这个代码再运行一下那个接口就可以访问了。懂我意思吧,我本身你想看你这里写什么,那你要不那你写写啥,你难道你说你说老师写这个对吗?不对,你不能这都没有,都没有这个没有这个变量对不对,你说老师写这个。
17:10
你小写这个干嘛,这不是通过他来引入得到的吗?能懂我意思吧,这个地方要说一个事情啊,不需要暴露任何东西啊,这有些模块是比较特别的,不需要向外暴露。啊,任何数据任何啊数据只需要干嘛呢?只需要啊保证啊能执行一次即可。这个分钟,那如何能保证他执行呢?说白了是我这么写的,你说这个代码写错了吗?没有,因为他不可能得到执行,对不对?那怎么样在让起作用执行呢?怎么让他进行啊,我们在one派打包的时候,我们说外派打包怎么打包呢?是不是根据入口文件,是不是加载所有相关的模块啊。
18:11
那也就是说我们那时候不还有一个说有一个有有一个图形的结构吗?是不是这个图的网里面去,说白了,我当前这个模块是不是在网的外面呢。关联到网上去了吗?没有,那我现在是不是关联上去,也是找个通过谁来关联上去了,你说通过谁这方面路口啊。那我就要执行一下就行了,对不对啊入口,那也就是说我们现在要在这里面干嘛去引入这个move serve。Import什么东西呢?对吧,因为我那个模块根本就没相关过什么,比如说你写了一个吧,你假设你写一个,你觉得有用吗。我跟你说没用,为什么就我就没有向外包了什么,你这个叉叉根本没值啊。
19:06
懂我意思吧,所以你这个什么from你都去掉,诶这种写法什么时候写过。CSS。你看那CSS就是要需要去,他要被夹杂到包里面来,才有可能被他打包对不对。他并不向外暴露什么东西。这个要注意啊,有的不换,就这么特别啊,加载莫即可。好,这是这个。那后面呢,我们啊,写好以后啊,我们就可以进行啊确认运行。我们把这个这个停一下,就先到这啊,这个先。
我来说两句