00:01
行,接着来看我屏幕啊,我们把这些全部关掉。我们刚刚呢,我们学习了view的一些基础知识点。呃,我们学的第一个小的知识点。第一个小的知识点是叫大括号,大括号。这个是用来形容某一个标签内部的文本,相当于相当于in the text。是吧,同学们相当于in the text,然后我们学的第二个叫VB的,比如说value。哎,这个其实就是用来控制,就绑定绑定value值是吧,同学们绑定某一个value值,当然你注意了,同学们不一定非得只能绑定的value上面啊。绑定的其他的属性也可以的。只不过我后面冒号后面写的是value,那就绑定Y6值,你如果比如说V杠棒的冒号src啥意思。是不是就绑定到某一个src值上面去啊。啊,所以说这个准确的讲叫绑定属性值啊,咱们这个value,呃,这么来写啊,这么来写VB冒号。
01:06
E。啊,这个叫绑定属性值。哎,就这样子。例如。就这样吧。再来。第三个。第三个我们讲的是V-model对吧,它指的是双向绑定。好,这个指的是双向盲点。OK。那么这个V杠棒的它可以简写。倾斜。啊,简写成比如说冒号value。哎,可以这么可以这么去写吧,啊下面这个v model,比如说v model value啊,可以和value之间绑定,那么也可以简写。啊,我们可以简写成V-model对吧,同学们啊,可以这么去写。
02:00
再来。然后呢,我们还有什么呢,叫v if。我们还有V杠,Else,还有V刚。秀对吧,V刚秀。那么第一个第一个部分。啊,V-if和V-else之间。不能有其他的节点。对吧,不能有其他的节点好。刚秀。啊,是通过。是通过样式表。Display。来控制节点是否显示。啊,节点是否显示。和上面的V-if v-else不一样,上面的V-if v-else,如果你不成立,直接这个节点就没有了,是不是同学们?再往下。再往下,我们学的是V-for。啊,它指的是迭代。比如说four。
03:02
等于。比如说float in float list,我们是这么写的啊,表示迭代float list。就这样子。再来。再来我们学习的是叫V杠什么呀。我们是不是有个叫on,是不是叫绑定事件啊。绑定事件,当然我们这里面还学的,比如说真听真听属性是吧,同学们啊,这真听属性好,我们要不写在这吧,第七个。Watch。表示真听属性。好,其他的一些,要不我叫其他啊其他。好,Watch表示真定属性。比如说比如说我们还有生命周期。生命周期。比如说我们这边还有比如说我们就学了一点点啊trim顺便了了解了一下,比如说split方法。比如说教育方法。
04:00
好,其中这个群不是小括号啊,直接是群。对吧,去除首尾空格。首尾空格就这样子。好。这是我们六当中啊,所学习的一些内容,比较简单了。好,那下面咱们再来看,我们下面看一下。Access呢,它是我们Ajax的一个框架。是。的一个框架。啊,它能够简化我们的GX操作。我们之前在进行操作的时候,咱们得需要首先创建我们的XL htp request对象。第二步,我们还要再去通过open方法进行设置。然后呢,我们再进行散的,再进行调用。那么你在调用之前还要再去绑定一下回调函数是吧?呃,这个步骤步骤虽然说应该来说还是比较清晰的,但是呢,还是我觉得还是蛮有点繁琐的。
05:01
那么它怎么来执行这个操作呢?哎,它比较简单,咱们一起来看一下。第一步,我们添加JS文件。啊,添添加我们access。的JS文件。啊,添加并引入。好,这第一步。第二步,我们一起来看一下啊。回到我们课件上来,我现在已经打到这个章节了啊,在这。在这个章节行吗?在这个章节啊,那么第一个A这个简介咱们就不看了,简介我已经和大家说过了,而且这个原生的代码都给大家演示过了啊,所以就不看了,我们直接看第二小节叫access。首先我们在前端页面上,咱们引入这两个,把view和都把它引入进来。然后呢,咱们先来完成第一个事情,叫发送普通的请求参数。发送一个普通的请求参数。
06:03
这是我们的客户端。好。这是我们的服务器端。那么客户端首先是通过异步的方式向我们服务器端发个请求。我们发送的是一个普通的参数。请求。发送普通的参数值。好,那么第一步呢,我先要求我们的服务器端把普通的参数值接收到打印出来就行了。我们重点研究的是它能不能通过access发一个异步请求,而且把这个值带过去。好,这是我们第一个任务,咱们一起来看一下。客户端。向服务端。异步发送普通参数值。
07:00
OK,那行吧,现在呢,我在这边写个叫DA09 CTRLCCTRLV09。那么零九这个页面上呢,咱们window.on这边,呃,我先不管它啊,这个method下面的部分全部把它删掉行吗?同学们,这是咱们刚才讲的生命周期,我先把它删掉啊,Data留着,Methods咱们也得先留着,这个方法不要删掉。好了。这边一个div,这边一个SPA,这边一个input。行第一步,Input input type text。T text。然后呢,咱们这边写个value值。我我来写个叫v model是不是双向绑定啊。双向绑定。啊,然后我媳妇叫尤丹。那同学们,我这么一写的话,请问一下是不是我上面date里面要出现个叫U。不出现不行的啊UN name,那依然咱们给它一个默认值lida行吗?同学们顺便把它写一下吧,再给他一个密码叫OK。好,这第一个CTRLC。
08:00
第二个。You name。PWD。好,把这个改掉,DWD。这个就是text,算了,咱们就别改成password了啊,Input type等于button,是不是有普通按钮啊?然后艾特click,哎,是不是事件绑定啊,我写一个。我写个叫ACCESS01。行不行?就调用这个方法叫零幺,能听得懂吗?啊,就这个。好了。那么也就是说我在这里面缺个方法呗。你这边有叫X01那里method里面是不是补一个。哎,是不是啊,行,那所以咱们要补一个这个方法。咱们来看一下怎么来写。那这边咱们就不看了啊,我们直接看这你看method,咱们一个方法。然后这个方法我们要执行这个函数,然后在这个里面,哎,他给我写的这一坨。大家在写的时候,你可以直接复制粘贴。复制粘贴,然后你在这个基础上去修改。
09:02
啊,这是没问题的,那行吧,我给大家写一遍。把把窗户关一下啊。我给大家写一遍啊,叫access。好,然后在这个地方我们写一下X01冒号function。好在这个里面看好了,我就发一个access请求。我就发一个请求。小括号。点Z。把它补全了,你看我在写好之后,我再写一个catch catch表示当发生错误的时候。方调另外一个函数叫reason reason叫元音。好,就这样子,我再来写一遍。我再写一遍。Access。表示什么?表示我将要去发一个异步的请求。当我有成功的给我回应的时候,我就写个叫在。代表着成功的给我回应。当没有成功的给我回应出问题了,我写个叫catch,能看得懂吗?就这样的。
10:02
啊,这是三个部分。那么这个Z它指的是当成功给我响应的时候,我在这边调一个匿名函数,我是不是在这边写个方向看一下啊,是不是叫回车。只不过这个方向这边有参数,参数先不管,一会儿我再解释,这边方法主体我还没写吗。当发生错误的时候开启,我再写一个function可以吧,这边也带个参数叫reason,先不管它,好,下面老师怎么去发一个异步的请求呢?怎么去通过access发一个异步的请求呢?行,就在这里面。在这个小括号里面。我需要这么几个组成部分,第一个,我需要一个method。我要告诉服务器,我当前的请求方式是get还是post?第二个U2U,你到底想发给谁?第三个你想要带的参数叫在里面把它带过去。注意大括号。然后第一个慢的以什么样的方式发送随便你了,你post或者get随便你啊,第二个咱们需要的是URL。
11:04
好,呃,比如说我这个地方,我就发给发给一个叫access。零幺。点度吧,行吗?我就发给01点度啊,就发给他。行。再来要不要带参数过去呢?要的,如果你想要带参数过去,那你这边就写个叫pers。啊,写个叫就可以了,行。冒号打括号,那这里面是k value6k value嘛,那k value第一个key。那它的value是什么呢?是不是就是this?好,只不过这个地方大家要稍微注意一下这个意思,它已经进入到这个方法内部了,已经是这个方向内部了。但是我们这个u name是谁的?是这个view里面的,它的data里面的u name,所以这里不能用this,我们用的是view。是这个变量名。
12:00
变量变量名点啊,这样去引用它。再来第二个password 6.password把它引用进去。好,这样就表示把这两只发过去了。那行,我下面我也写一下服务器端。我新建一个com.at硅谷点,比如说我写个叫access点,比如说ACCESS01。好,这写一下啊X,我拼错了是吧。听错了啊。是吧,没错啊。Exi exi,哎,对的啊,蒙对了,那行吧。来继承HDDB,那行吧,咱们把Tom盖把它导入进来啊,选它选它。选择model,选中它,选中dependency。不是。应该是咱们最后一个那个是我备课的啊,回到找点击加号,点击它。
13:00
点击。就这个吧。哎,是吧,行,把它加进来好。点击应用,点击OK,行,再打包,这样就没问题了。好,咱们重写一下service。那行吧。QUEST。Response。咱们先完成第一步,我们的客户端它的值能不能发过来呢?我们通过request.get name,咱们接收一下行吗?同学们。啊,咱们接收一下,好,再来第二个request.getter比如说password,好,咱们也来试一下。好,把这两只把它打印出来,Password。You。行不行?同学们,我这个策略做的事情比较简单,就把接收到的两个值打印一下不就完了吗?Web好,我这边写个叫001点是不是。好。再来。这个地方表示我给服务器呢,发一个异步请求,把这两玩意儿带过去了,然后当成功给我响应的时候,我其实可以在这边打印数据啊,这边是回调,是不是这是错误的时候回调,咱们这两个先不管,我们先看一看他发过去之后,咱们服务器端能不能接收到。
14:12
行吧,同学们试一试啊。这是28,咱们点它再点它。点他。28,没错。应用一下。回到这,那这个就是28后面的叫DA09,是0909啊对的点HTML。可以吧,同学们,咱们来试一下。启动一下。好,回到这边来啊。客户端向服务器端发送一个异步的普通的参数值。那么它的格式。Access。好,小括号点。than.catch这是它的一个格式。
15:13
好了。Access。点赞。Function。好,这边我们写个value。点。Catch。Function。好,这边我们可以写个叫reason reason叫元音嘛。好,就这样子。好,就这样,然后这个里面啊,这个里面咱们得需要个对象。好打括号。好,第一个,第一个咱们请求的方式。咱们请求的方式,我们这边用的是post,那行咱们就是用post就行了,Method冒号,比如说post。啊,大写小写啊,咱们把它全部大写好,Post第二个是我们的U2U。
16:00
好,第三个我们要发送的值叫。是吧,好,Key冒号逗号。这个叫T。哎,算了,就这么写吧,叫啊。好,Password冒号,OK,好,只不过咱们这边做的稍微麻烦一丢丢啊,咱们这个直播是写死的,而是从这个view里面去读的是吧?行,就这样啊,现在应该已经启动好了。OK,没问题,启动好了啊。咱们来看一下。好,右键检查。这不管它这是什么小图标,找不到,刷一下。哎,没了吧,行。把它清空,找一下network网络啊,看他会不会给我们发发请求啊,我把这个窗口,我把它调到右侧去,调到这边来啊,显示下面这边显示的右边啊,显示到这来行。看一下啊。哦,这个小按钮上面没有给到按钮值是吧,无所谓了,点一下啊点。
17:03
他发了个请求吧。他说access is not DeFine啊,他说we you。呀,怎么会未定呢?难道我没引入啊?还真有可能看一下回到这。是吧,是不是没引入,引入一下啊。Javascript s script杠是它吧,就这行再刷一次啊。刷新。来顺便顺手把它改掉啊。发送一个普通的啊,发送一个。普通请求参数值的请求啊,异步请求。发送一个带普通请求参数值的异步请求。就这样。刷一下。好,出来了点一下吧,咱们先清空掉。点一个呗,你看在这呢。是不是U等于零的帕速度等于OK,是不是拼到后面去了?
18:00
啊,咱们看一下我们的请求头request黑,你看一下request。Request里面。哎,我们会发送过去。然后呢?在这cor瑞是吧,瑞咱们说过的吧,Cor瑞啊,确实发过去了,当然response现在还没有值呢,因为我们服器呢,是不是没有给我们返回值啊。确实是的,没有返回值嘛。啊,确实没有给我们返回值,OK。行,再来再继续啊,所以第一步咱们成功了。再回到这边来。好。那么我们服务阶段,我们的服务阶段。也可以给客户端返回一个普通的文本。我们可以通过response.get right.right或者print的方法。咱们上一次我给大家稍微演示了一点点,叫print line,是不是会把那个回车也带过去啊?啊,咱们可以用,或者用right也行啊,用right方法也可以。就是这样的。
19:01
那么服务器端你给我这个响应的普通文本,我怎么去接收呢?我怎么去接受呢?哎,我们刚刚说过一个叫Z,它就相当于是我们的回调,在我们than当中,是不是一个叫value啊,Value它有个属性叫data。叫data属性,咱们一起一点一点的看一下啊。现在我再来改造,第一步已经搞定。第一步已经搞定了啊,伏击的能接收到了。把它写在这啊。稍等,先画一个框框。蓝颜色就蓝颜色吧。零幺。第一步。接受请求参数值。参数值。第二步。客户端响应普通的文本值。OK,咱们试试吧。
20:06
好,把它放到这儿啊。怎么给他响应呢?我把它写在这里面。好,我们用的是我们用的是out.right方法,或者都可以。啊,响应。普通。普通文本之。好给客户端就这样的那行吧,所以现在我对改造一下这两个值,咱们可以再把它再返回回去。Response。Response。Set coding,我先设置一下编码,防止人家给我传的是中文,那出现乱码不就完了吗?这边我也来设置一下。Request是的时候。啊,下面是响应的时候,同时response set content type。
21:00
Text-HTML恰的UTF杠八,UTF杠八好,然后response.get right。啊,得到一个打印流print right,好out对象,然后再来out.print print line随便你了,你print也行,或者你就right也行吧,反正right方法里面是不是也带有死菌啊,行,可以。呃,咱们就把这个u name的值啊,服务器或者这样吧,就写一个叫u name加上一个。加上一个下划线,再加上一个password行不行?啊,就把这个值返回给我们的客户端。就这样吧,没问题。啊,返回给客户端。那行吧。咱们客户端就要设置一下。Then是不是?咱们在在里面进行操作,好同学们在这个地方呢,我用空色,我通过debug模式,我调试给大家看一下,看一下这个value里面到底有啥玩意儿。
22:03
咱们一起来看一下啊。呃,重启我需要重启吗?不重启试试看啊。回到这。刷一下。刷一下。好,我现在回到服务器端。回到这,我们现在现在这个地方设个断点,看他能不能进来啊,如果能进来就说明他已经更新过来了啊。来个中文吧,鸠魔志。点一下点。咱们回到服务阶段看一下,哎,是不有了。直确实打印过来了吧,行,咱们开始下一步下一步下一步请问再往下执行是不是就响应给我们的客户端了。行,现在我在客户端我也来设置个断点。找到JS文件。就是他吧,JS就写在这个文件里面啊。回到。这个地方行吗,同学们?我把断点设在在这个地方,能看得懂吗?同学们,我设在这儿啊,设置在这个地方行再来。
23:02
下面我们进来看一下这个value,看一下这个value它里面到底有哪些属性。好,我准备放行了啊,我点这个了,行不行,点了啊好回来。啊,他没接收到。不应该啊。我现在把断点去掉,我去掉了啊,把断点去掉再来,哎,有了现在才反应过来是不是啊,现在才反应过来啊,行进来了啊,进来之后没关系,进来之后我们看一下这个value的结构。看这也行。同学们看一下value的结构,它里面是有一个data属性。还state的属性,还有属性。还有一个黑的属性,还有一个conve属性,那行吧,看右边也行,看这。点开。Coniggu conig里面封装的是什么?Config里面封装的是不是我们请求过来的,是一些信息啊,就是我们浏览器给服务器的发请求的时候,你看pers是不是封装在这。
24:04
什么样的请求方式post?对吧,同学们121哦,X01点度哦,给这U2L发请求,就这样的。好,再来,再来看一下view里面一个非常重要的一个属性叫data。Data就是我们服务器端响应给我们客户端的一个一个一个内容,你看data鸠模制下划线,OK,这不就是我们服务器端的一个值吗?不就这个值吗?哎,他确实能接收到,所以说你想接收人家服务器给你相应的值,你是不是就通过value.data不就完了吗。是吧,同学们好,就这样行,顺便把我们顺便看了一下conve,那下面还有黑的。黑的啊,咱们也可以把它看一下,然后还有一个叫request。那你你看xmlhttp request这啥意思啊。啊。这不就是我们发送异步请求的那个关键对象吗?哎,就是它说明咱们access封装了,你通过view.request也可以获取到这对象。
25:07
好,还有其他点熟悉叫status以及state text,那么其中这个data咱们是必须得掌握的。OK,看完了啊。看上去全部把它跳过去。那这样他就能在我们的控制台打印。你看就打印这个data了。行吧,同学们啊,就打印这个纸了,OK。好,当然它这个当前打印的是value啊,如果我们想打印data,那就value.data就行啊。好,再继续。我现在给大家看的是成功的发送,而且成功的给我响应的时候,我们所执行的一个回调。那如果说有问题的时候怎么办呢?它就会执行开启。他就会去执行catch,行,咱们来看一下catch的情况。好,Reason。
26:01
OK。我现在我在服务器端,我故意的来抛个异常。我在这边抛一场思路。那这样不就报报500错误了吗?U比如说控制帧嘛,这个大家比较熟悉啊,报一个控制针异常这里故意。抛出一个空指针异常。OK。行吧,我抛了一个空指针异常,然后我再回到这边来,我们看一下这个开启能不能捕获到。刷一下啊。
27:16
好,来看一下啊。现在应该启动差不多了。没问题,没报错。行,咱们把这个关掉,右键检查。好,我们找到S。然后呢,我们在这个地方是个断点行吗?同学们在这里面是个断点啊,这边把它清掉。行就发英文的吧,点一下。一点击。我们服务极端,应该一出五厘零,看到没有?叫internal server error server服务器内部错误是吧?500错误,你看被开启到了吗?这样它就被开启到了啊,开启到你看这边有个reason,这是错误原因,打开回到这啊。打开你看一下它其中。他其中一个config,哎和刚才一样的,然后我们也有request,我们还有个叫response。
28:04
其中一个叫response response里面是不是一个叫data呀。是不是啊,这边有个data,但这个data是不是也是给我们响应的呀,给我们响应的内容。哎,确实是相应的内容嘛,然后咱们才抛异常的嘛。是吧,同学们啊,然后再跑一场,OK。行,其中一个叫message。啊,Message就是我们在页面上显示的那个错误消息。就这样的,这边还有个sta,这是我们,呃,这个叫错误的叫sta叫对战嘛。是吧,显示这个堆栈就这样子。OK。那行吧。好,稍等一下啊,这个叫reason,叫点response啊点date。可以获取到相应内容。响应内容。相应的内容。进来。
29:04
Reason,点它一个叫sta。还有一个叫message。查看错误的信息,OK。不用去死记硬背啊,不需要去死记背,大家记不清的时候,你就和我这样debug一下,你看这里面的结构不就知道了吗?是吧?同学们,你看到结构你就能知道你想获取哪个,那你就获取哪个吗?你想获取哪个你就点住哪个嘛,是吧,同学们OK,不看了啊好,这是我们第一部分的内容。
我来说两句