00:01
来下面一个部分呢,我们叫它前台或者前端路由,就大家在做项目的时候啊,现在看不到是吧,没屏幕啊,大家做项目的时候,拿到一个项目准备开始去写的时候,其实有一个非常重要的事情要做,叫拆分路由。这个非常关键,你要拆不了,那你做不下去。也就你路由,呃,没法拆,我不会拆,没法写嘛。你怎没办法下手,你不能说先写里面的某一个按钮吧,那不可能吗?对不对,所以说先要整体被整体结构啊,认识表清楚以后再去做细节。那我们当前这个应用,那我们当前这个应用它啊,这个地方我们就会对整个应用呢,进行一个路由的拆分啊,因为是第一次大家去真实的去写项目啊,去拆分路由这地方呢,我就先直接告诉他结果大家看一下这种拆法是不是对的啊。
01:03
大家知道路由有一级路由和什么二级路由,甚至三级路由,对吧?嗯,这个里面从这个结构来看,我们整个应用,整个应用啊,一级路由有这么三个,大家看一下注册。登录和什么呢?主界面什么意思呢?当前这个是谁。登录吧,注册是一个意思,注册登录他们是平行的对吧,那我们直接去看登录啊,那假设呢,我现在去登录一下啊大神一好,密码呢123好,点击登录。诶,这整个界面,这整个。整个你看到的这个部分都是我的叫什么呢?主界面。这个人懂吧,嗯,而整个主界面里面。他是不是有这些有一个底部的导航啊。大家想,一旦有导航,就会有什么呢?新的路由产生。
02:06
这个人没有这个意思吧,就是啊,我们再去切换这个底部的时候,导航的时候是不是上面会变化呀。那说明这个地方不就是路由组件的部分吗?能不能看到,你想想看,我们整个啊,是妹啊,我们不是有一个主界面的路由叫may吗?那这个啊,大家看出啊,怎么看出来啊,是是不是它的子组件子路由。你看嘛,这个地方,我这一片是不是一直在啊。对不对,我是在点击这个里面,下面点击这里面链接啊,这个时候是不是上面在变化。能看到吧,就能看到啊,而上面的这部分啊,就是它的子路由的部分。怎么弄啊,这个地方有这么几个啊,啊大家看呢,有什么老板的主界面,就是当前我登录的是什么。
03:06
啊是大神啊,这个就是大神的主界面,其实大神的主界面显示的是什么。是老板的一个boss的一个列表。对吧,啊,Boss的一个列表,这个应该能知道吧,啊,当然也有大神的主界面,它应该显示的是老板列表,而老板的主界面呢,显示的什么大神的列表。这意思吧,啊,他们还有一个相同的界面,消息列表页面就这一个。三可以是列表吧,因为我只跟一个人聊天,所以就一个好,再一个是什么呢?个人中心。没问题是吧,还有一个就是老板信息的完善界面,刚才大家应该也能看到了,以及什么大神信息完善界面,还有最后一个叫什么呢?聊天界面,但是这个聊天界面比较特别,特别在哪呢?
04:04
你看我们刚刚说过了,哎,这个聊天的界面是主界面的一个,是不是子路由。但是有的东西没了。那个导航没了,本来应该有的,只是我把它隐藏了。这个能不能懂,只是我把它隐藏了,这个要知道啊,隐藏了那不就看不到了吗。认了吧,呃,我是有意的将他隐藏了,因为现在写这个导航有意义吗?没有太大意义,因为我可以回推过去吗?也就是说我回流出来,是不是又把它显示出来。懂吗?啊,三是有啊,本来是有的,我把它隐藏了。那再一个就是我们整个啊,整个我们这个项目的一个路由的结构。真实的项目可能会比这个应该还要更复杂一些,但是掌握基本技巧。
05:03
就没什么太大问题啊。当要通过我们的项目的一个实战的一个过程,以及他后面去做实战项目,也会去做的项目。那那个时候呢,大家需要去学会拆分路由啊,其实我后面会去学另外一个库叫view,它也一样,其实也需要去拆分路由,拆法是什么呢?基本上一样的。啊,基本上是想法是一样的啊。好,这个是关于前台路由,先大概有一个认识啊,后面我们慢慢再写,慢慢再去感触,好下一个也是比较重要的一个相关概念的一些东西,叫API接口。好。那什么是API接口呢?这里面有个全称叫前后台交互的API接口,那我这个地方你看下面啊,有很多重要概念。
06:02
第一个概念是大家必须清楚的,什么是API接口?有时候也简称API,简称接口,你告诉我。什么是API接口?数据交互。啊,也就是说我再说一个例子,那你集团公司你要开发项目,开发前端项目对吧,那后台项目呢,是另外一个同事在开发。而你的项目呢,需要访问他的项目后台项目才能去获取数据啊,去向他提交数据啊等等,对不对,那你就可能问哥们。你的接口写好没有是吧,你把你接口给我啊,把或者把接口文档给我。我来好去发请求,获取数据展现,向你提交请求,提交数据对吧。是这个意思吧。
07:00
那我就问你了,他给你的是什么呢?你不找他要接口吗?他给你什么东西呢?你是给我接口文档,那关键是接口文档里面写的什么东西啊,对啊,这个地方应该有一些信息,这些信息就是接口的组成部分,比如说你要登录。是不是需要一个登录的接口?好,那登录接口应该包含哪些信息呢?一个。最基本的应该至少有一个什么URL。对吧,URL就是要有一个地址我才能发请求嘛,无论是注册请登录都一样啊。一个URL是必须的,对吧?光有URL够吗?啊,其实要想清楚接口是什么很简单,你就要想我现在去发个请求,我需要知道哪些信息我才能发,首先地址肯定是需要的。
08:02
接着呢?还需要知道什么?请求方式。啊,请求方式是post请求还是什么给爱的请求。我得知道吧,你说老师你不知道你的试啊,那是也不是为了最后知道吗。还有吗?对,请求参数啊,请求参数,也就是说你只要告诉我这三个,那我就能发请求了。不能不懂啊,我有了这三个,我就能发请求。那这三个是我接口的全部的组成部分,不是。我要想实现功能啊,比如说我要去查询得到一个列表是吧,那我最终是不是服务器会返回给我一个阶层数据啊,那接着我是不是要读阶层数据里面具体的内容来展现呢?
09:06
那关键我咋读了。也就是说他给我的是一个什么类型,我得知道吧。是个数组还是个对象啊?是对象的话,那对象里面是一个,有哪些属性名,是个什么结构啊?也就是说,我最终要去实现一个异步的功能,我还要知道响应数据的格式。其实这就是接口的组成部分,那也就是说我们的API接口由四个部分组成,URL、请求方式、请求参数格式以及响应数据格式。这四个部分。那也就是说接口文档里面,接口文档里面就应该有这四个部分的描述。
10:07
那什么是接口文档?啊。什么是接口文档,那不就写好了很多我应用中所有接口的一个文档呗,文档是啥呀?文档是什么呀?啊文档文档是啥呀。文件啊,就是有一个文件里面可能是一个TT,也可能是word也可以Excel,也可能是个八档什么类型的文件不要紧。但是我打开这个文件,应该能看到你有哪些接口,你的接口都是什么样子的。好来打开我这个server这个file,诶,它这里面就写好了一个叫API文档,点MD。
11:04
不一定用麦克当的文件啊,这是我这里用的麦克的文件。大家看一下。也就是说我们这个项目里面有几个接口呀。123467,这不会看对不对,七个啊,一共有七个,而这下面呢,是关于各个接口啊,各个接口的一个具体描述,你看他在写什么。第一个,这是什么ul弟子?这是什么请求方式?这是什么请求参数的格式?这个地方具体是什么值?我要限制住吗?也就是说你的用户名必须是ABC,这要限制吗?这没法限制啊。这还要限制啊,对不对,主要是我们叫请求参数的格式,也就是他的名字叫什么,它的参数值应该什么类型,对不对啊,是不是必要的等等,这个Y就代表是必须的,Yes,必须的。
12:11
你必须传。能看到吧,嗯,好,也就是说前面三个是不能告诉我们怎么样去发请求啊。不然请求还不够,还要能够去解析响应数据,那他告诉我一个响应数据下面啊,你看到他告诉了,成功了,呃,返回这样一个样的数据,失败了,返回这样一个数据,如果返回的数据格式比较复杂,他甚至会写的更加详细,说每一个字段都什么意思,就告诉你,只是我这里面就没有做的那么详细了,因为这个很建明之意,一下就能看懂。现在应该知道接口是什么了吧?能懂吗?接口文档是什么?应该也知道了吧?啊,就是描述我项目中所有接口相关信息的文件,至于这个文件什么格式,没有强制的要求。
13:14
只要你能表达清楚就OK了。二。那有了这个东西下面啊,就有好几个类似的概念,这是大家进到公司以后,很可能前几天就会碰到的。叫测试接口接口对接口接口连调。啊。等等,其实这几个概念都类似,那这个类似是在干嘛呢啊,就是需要去测一下啊,通过一定的方式去测试一下你的这个接口,首先通不通知道什么叫通不通啊,就能不能访问对吧,能访问就对了吗?不一定。
14:06
还要跟接口文档的描述要一致,如果你跟接口文档的描述不一致,那就是说不是你的接口问题,就是你的文档有问题。对吧,你要么去改文档,要么去改接口。能不懂,也就是说,如果这两个中有一个有问题,你必须得发现出来。如果你最终他们有问题,你没有发现,这就是你的问题,对吧?如果说文档或者是后台的接口问题,你发现了,那就不是你的问题了。这个能理解吧,啊就出了问题,大家先啊,要搞清楚这个是不是我自己的问题,因为要不是你问题你就解决不了了,怎么办,对不对,你就在转悠转悠转悠,最后都本来不是你的问题。
15:02
能听到不?所以最后你要确定啊,说白了就确定是后台他们的问题对吧,不是你的问题啊,搞不定是他的问题,不是你的问题啊好还有一个呢,叫什么呢,前后台分离。前后台分离,我们现在做的项目就是一个前后台分离的项目,什么概念呢?其实非常的简单。啊,我们先要说不分离什么意思?一个项目分离了两个项目,就这么简单。那人说不分离和分离有什么区别呢,对不对啊,如果分离,那责任啊,就有一个责任的划分啊,后台主要处理请求返回数据,能不能把数据交给浏览器端,而我们前台的应用会在浏览器端把数据给他什么动态的渲染出来。
16:10
这个能不能懂,是这样个过程啊,也就数据在雷达渲染的。前台浏览器端下来的对不对,那如果你不分离了,数据是基本上都在什么后台渲染了,学过ES吧,它是什么叫后台模板引擎对不对?后台模板引擎,模板引擎用来干嘛呢?渲染数据的对吧,这个时候它实际上啊,就是每做分离的这种效果啊,如果没有做前后的分离,那你的。项目绝大部分的运行都是在后台运行的,有的界面是在后台渲染的,你发请求,最后你就得到一个带数据的界面。
17:00
浏览器把它显示就行。这个能不能懂,要能懂啊行,下面还有一个点叫Mo数据,翻译成中文叫什么呢?模拟数据,有时候也叫模拟数据接口。什么概念呢?我们现在是做前后台分离的项目,因为后台项目主要干嘛来着,是不是提供数据,假设后台项目还没写好,我的前台项目能不能开始做了,能对吧?能,但是我没数据呀,对呀,我要模拟假数据。你说模拟假数据,是不是在页面里面写一些静态页面,不是啊,是要模拟出来写,设计一些阶层数据啊,最后把它暴露成接口,至于怎么实现啊,是另外回事,先要知道。对吧,就最终我来产生一些接口。这些接口的不是真实接口。
18:00
但是这些接口呢,又能去向我的前台应用提供数据。这个过程叫Mo数据,也叫有时候有人读慢数据啊,都一样,懂是第一关键啊。啊,这个Mo数据的这个操作呢,我们是在放在view项目里面来做,先要对这个概念有一个基本的理解啊。好,最后呢,我们啊,要为我们项目设计一个接口文档啊,因为第一次我们就把这个已经写好了,相当于为我们这里面是不是已经有接口文档了,那后面我们啊这个说一下,我们这一次是把后台的接口也是我们自己写,能不能,那你说老师那到了公司以后不用我写了,我怎么办,你说你怎么办?对呀,用别人就用别人的呀,这不很正常了,那还轻松一点呢,对不对?啊,但是啊,你如果写过啊,还是能感觉好一点,对,不能知道啊,这个就这么写的是吧,啊我也写过啊,只是我不想写而已。
19:10
好,这是这一个大家需要清楚啊,这个其实挺关键的啊,因为无论是面试还是大家去工作,很快就能接,碰到这样的问题,你其实你清楚啊,就很简单,别人在说什么。啊,你说个对接口调接口连调都不知道干嘛呢,要要我干嘛呀,我都不知道。就是蒙圈的状态不行,你可以不熟练,懂吗?因为你做的少,可能不太熟练,没关系,不熟练没关系,重点是你清楚是怎么回事,你要熟练起来,其实就是一个过程。这是这样一个事情啊。
我来说两句