00:00
前端呢，首先第一件事情还是定义API对不对，所以你看。都是一一样的事情啊，所以呢，我把这API我直接粘过来了，然后接下来呢，嗯，我们，诶那得定义一个，嗯，就因为它也是user in for里面的一个功能，你看在前端看来的话，是不是都是会员列表里面的一个功能啊，所以呢，前端的这个方法呢，虽然我们在后端是定义在了另外的一个。模块当中叫admin user of controller啊，这是针对于后端，因为我们后端呢，主要分模块，怎么分，是根据数据库表来分，不同的数据库表我们就分到不同的这样的一个文件当中，是不是那后端不一样，后端啊就是那个前端不一样，前端的话呢，一般情况下有时候我们是根据页面来分，比如说现在呢，我这个页面当中所有的功能，那我可能呢，就写在一个模块里，那所以呢，现在都在这个会员列表页面当中，所以我们刚才的这个接口啊，也定义在会员列表这个接口模块当中就可以了，所以我们就不必要新创建一个JS，直接在这里写。
01:10
啊，然后呢，只不过它调用的呢，是后端的user老record啊，这个controller里面的这样的一个方法，然后在这边呢，我们就user ID给它传进来就可以了，所以这块呢，是一个接口的定义啊，然后这块定义的时候大家注意就是没有必要再再新建一个针对user老record的一个API文件了啊，因为其实那样的话，我们这个本来每一个API里面的这个方法呢，就比较少，然后你在那么分散，那可能就不利于我们管理，当然如果未来我们这个程序越做越大哈，那每一个API里面的代码特别多的时候，那你可能就会进行一个有效的拆分了，现在是没有必要的啊，因为它都是展示在一个页面当中的功能，所以我们把它写到一起也是可以的，好，那这样的话，API我们就写好了，API写好了之后呢，在页面当中我们呢，就可以调用一下它啊，所以在页面当中调用的话呢，我们在。
02:10
还是在类似view这个里面啊，我们先写一个方法去调用那个API。叫做show，嗯，Log in red，我们自己起个名字好，然后接下来呢，就刚才you，嗯，User in for API，点刚才这个get user，那给你record record top50这个方法，然后把谁传进来呢？把ID传进来，同样跟刚才的道理一样，你点哪个按钮对吧，你就传哪个嗯数据的ID，所以呢，我们就只能通过参数来传啊，没有那种全局一下就能取出来的方法，就是个性化的I嘛，ID肯定和其他的都是不一样的，所以那就这样传，传完了之后呢，我们在这个地方呢，就写then，对，Responses好，然后接下来呢，我们list前面我们在定义这个列表的时候呢，定义了一个叫做login record list这样的一个数据，所以我们就把这个呃。
03:16
返回来的数据呢，绑定到这个位置就可以了。叫this.logging record list，然后等于response，点点看后端，后端这边我们写的是啥来着。写的是list对不对，所以呢，前端这块我们就写list就好了啊，所以这块是整个的这样的一个。方法的一个定义，那现在这个方法定义完了，我们呢，需要。去找一个这个位置去调用它，对不对啊，那我们来看一下我们这个需求，去看需求啊，需求就是这块呢，会有个按钮啊，所以呢，我们得先做这么一个按钮，是不是直接用按钮调用那个方法呢？不是的，我们呢是直用按钮去打开这个。
04:08
弹窗，然后在弹窗里面再绑定那个数据啊，所以是这样的一个流程，所以接下来呢，我们来看一看怎么去在这边添加一个按钮，然后怎么在按钮里面呢，去这个打开一个弹窗，然后怎么在弹窗里面绑定刚才我们的数据。
我来说两句