00:00
好，前端这块整合呢，其实就是调咱们刚才那个后端接口就好了，然后所以呢，咱们还是找到ID这个页面，然后呢找到计算收益这个脚本这个位置，复制一下，它就定义好了，就缩就行，就在这，然后在这个地方呢，咱们就调用刚才的方法，那这块因为是在MY里面，所以呢调用ex直接用this就行了，this.dollar.dollar get。嗯，投资收益的接口，嗯，是这个。先买个，然后呢，这呃，这面这面上API靠烂的。好，然后接下来呢，后面我们给他换一下，换一下的话，呃，这面呢是投资金额，投资金额的话呢，应该是用户在这个位置输入的。
01:07
应该是用户在这个位置输入的啊，所以我们要找到投资金额它所绑定的这个数据啊，投资金额它所绑定的数据呢，应该是这个invest.invest amount，所以呢，这面我们就写west.west amount，那为了方便呢，我们可以把这个直接换成反引号。这边换成翻译好，然后把它换写成刀刃，然后还用插值的形式写啊，然后这面呢是年画，嗯，年画的话呢，我们是从烂的这个对象里面获取到的。就是这，嗯，通过这个烂ID啊们，咱们刚才上节课的时候得到了一个response，然后land land的标的信息里面有名画，所以呢，咱们找到名画。
02:08
This点烂点二是叫吗？你看一下F12，然后嗯，看这面，所以这面是land，然后找那个0.12叫land对吧。嗯，所以这个呢是我们的年画，然后接下来呢是嗯，这是帽子是吧，跟这个应该差不多啊，都用从这里取出来，还这也是从这里取来，就先粘一下，然后呢就是month。骂吧。别难受。
03:05
那。嗯。男士在第二还呢哈啊这呢是吧，好了啊，那这样的话呢，我们的这个呃呃就是阿贾克斯这个方法呢，我们就给它调用了，调用了之后是不是该赠了，所以呢就点问啊，然后日棒啊这块是计算收益，那么我们就应该把这个值呢，最终给它赋值给收益显示的那个位置，收益显示的那个位置就在这叫您将获得收益多少元，你可以这样搜一下。您将获得收益多少元，就是他呗，In the restaurant count啊所以呢，找到刚才我们这个位置，那这个地方呢，叫this.count等于response.data然后点应该也是它看一下吧。
04:13
叫对吧，好没问题，那这样的话，我们这个收益呢，就就计算出来了，然后我们来看一下这个前端的一个情况。为什么？好，然后接下来呢，我就，嗯投资。还是投资这是什么，这个是一次还本还息啊，一次还本还息，我们投资1万元吧。等一下啊，投资1万元，然后他说什么in invest is not DeFined，看一下哪去嗯瑞看一下是哪个us f12啊，然后你看一下这个can，看，然后我们重新翻新一下，然后重新的去访问一下，看看哪哪个地方去做这手。
05:10
你注意啊，这个页面当中有的错误，他就是咱们还没还没做到，那你坐到那的那个错误，你先不用管它，然后坐到那的那个，你你得去注一下，先看一看那个远程访问是不是成功啊好，然后我先看一下，主要是远程访问成没成功，远程访问成不成功，你们看就看这面，然后这面不是有十个错误吗？这十个错误你先看一眼，这十个错误都和谁关联。上面这块没有哈，往下往下呢，这块叫land item list，这个实际上是投资列表，投资列表是什么？就这款这个我们还没写呢，还没写呢，那这个还没复值呢，没复值他就来便历，所以它肯定有问题，但是你先不用管它，明白吧，啥时候写了它，它才好使啊，然后再接下来就是这是还款计划啊，然后这也是都是这都是这这两个问题，所以呢，现在目前为止还没有我们现在需要处理的错误啊，先把它清掉，然后清掉之后呢，看network这块，那network这块呢，我们在投资金额这个位置，注意在投资金这个位置，你们搜一下投资金额这地方呢，我们有一个叫做LS这样的一个事件，这事件叫什么叫失去焦点，什么叫失去焦点就是。
06:45
我在这个文本框中输入，输入完了之后，我点击文本框输入框外面的部分的内容的时候，那这个方法就会被触发，好，那这个方法会不会触发呢？我们来看一下，就是刚才咱们写的这个计算收益的这个方法，对吧？啊好，那么这计算收益这个方法呢，我们就就被调用了，就被调用之后呢，刚才他说的是这个好像是这个外的定义吧。
07:14
我看一下啊，Invest invest。啊，他应该是我看一下啊，这是什么外，哎，好像不对呀，我应该是写哪个是我那个那个投资金额呀，啊对是吧，没写this找人，嗯这块写this，对刚才他说没定义，就是这个原因是吧？啊那这样的话好像知道了，然后呢，在这地方我输入1万好注意啊，现在还没有主发那个请求呢，就是这地方还没有主发请求好然后。下。1万好，现在这个请求是不是已经出发了，已经出发了的话呢，他的这个响应拿没拿到，看一下响应已经拿到了，已经拿到了，白色看的等于300，好像已经算出来了吧，但是这块好像还没复值呢，是看瑞写错了是吧？Re，对吧？所以大家一定要就是当他有问题的时候，大家一定要仔细看这个pencil啊，这个pencil里面他的信息其实还挺明确的，所以像刚才这种调试，你怎么你怎么调试，就是刚才我说的流程，第一个流程就是看一下它是什么，就是什么时候触发了它的这个后台的接口调用，然后我们知道是乐的时候，所以你就知道你点一下外面它就触发，触发了之后你得看看这个结果掉没掉，明白吧？啊，你点一下外面，点一下外面，你看结果掉了，那就证明结果掉着了，结果掉着了，然后你还得看看这个。
08:56
黑果调用成为成功，你看接口调用成功了，就说明触发好使接口也调用了，调用完也成功了，那么问题出现在哪？那就复值，最时就常复值对吧，那不值怎么找can pencil，如果有错，Cancel里，所以canl里面他说response is not无反应，为什么？因为字拼错了，那是很好，然后所以这块呢，就是瑞明白哈。
09:24
你步又调又耐心啊好，那这个是好，这样的话这个300元就显示出来了啊，然后剩下其他的还都是跟特S什么类似完的，那这款呢，就是我们的一个收益的计算。
我来说两句