00:00
那根据刚才咱们这个需求的分析呢，咱们首先呢，要在这个位置加一个按钮啊，这个按钮呢，我们直接把这个按钮复制一下就可以了啊，找到我们的页面在this view当中。我们找到刚才那个锁定和解锁按钮，把它们作为邻居哈放在一起，好这样的话呢，就是我们的登录日志按钮了，好这边就有了一个登录日志按钮，那么这个登录日志按钮我们点它一下呢，它要啊展示一个售老给record，注意是不是就是刚才咱们写的方法呀，并且呢，还把ID传过去，所以呢，这个受了给record呢，就定义到这了啊定义到这了，我们先来看一下，当我们传完ID之后，我们当前的这个值有没有绑定上啊，我们先把这个值绑定上再说，然后呢，当然了，你现在去点的话，肯定不会有什么效果展示出来，因为我们只是。通过调用它调用了一个后台接口，绑定了数据，我们还没有对页面做任何的修改，所以呢先F12一下，然后呢看一下这面，我点登录日志，大家看这个接口呢，啊已经发生了调用，然后接下来呢，我的这个远程数据呢，确实呢也拿到了，拿到了之后绑没绑上呢，看没有。
01:19
啊，然后VIVO这里面呢，有一个APP们啊，然后接下来呢，这呢，这数据就绑上了，因为ID为三的这个用户呢，他只有一次登录这个记录，对不对，然后再点登录日志啊，这个ID为一的用户啊，一点好看这面是不是ID为一的用户，他的登录日志比较多呀，啊那所以这个数据呢，也就在这儿就被绑上了，明白吧。所以这块呢，是我们的数据绑定，那数据绑定了之后呢，我们就需要做什么呀，就需要做啊这个。数据渲染了，数据我们要渲染到哪呢？我们要渲染到弹窗当中，所以呢，在这个位置我们点登录日志的同时呢，还要去展示一个弹窗出来啊，那所以接下来呢，我们就来看一下弹窗dialogue。
02:09
这个对话框。一点击就打开一个弹窗啊啊，它的主要的一个实现的原理呢，就是这样。有一个叫dialogue的对吧？啊然后呢，接下来呢，后面这块就是啊，Dialogue的这个dialogue visible是吧，把它给它展示出来就行了。然后我记得之前咱们是不是写过一个大浪。在导Excel的时候。系统，嗯，系统设置数据字典。这不是写过一个dilo原理呢，跟它一模一样啊，所以那我们直接把这个Di拿过来。看笔记就行了。这面呢，就有一个diallo啊，我先把它粘过来好，然后粘到什么位置呢？粘到任何一个位置都行，但是只要你粘到这个div里面就可以，因为默认情况下，这个diallo呢，它是隐藏掉的。
03:03
啊，它是隐藏条，它默认情况下是不展示的。好，然后dialogue里面有个table，一会再说啊，你这样写，所以呢，这块是一个dialogue，它默认情况下，因为是不展示的，所以其实你写到哪都行啊，写到任何位置，那一般情况下我们都会写到这个当前页面的最后结尾部分。啊，然后接下来呢，你当它展示的时候，它是一个和其他的文档流不产生冲突的一个悬停框，对吧？啊，它是一个啊停在其他上面的一个框，所以呢，啊和位和其他文档的位置也没有什么关系，因为它是绝对定位到所有其他的这个文档内容的最上面的啊所以位置其实是没关的，但是一般情况下我们会写到最后，然后呢，接下来呢，这个之前咱们解释过，就默认情况下呢，给这个dialogue visible一个值叫false，那么就是对话框不展示啊，那如果我们这个dialogue visible一个值叫true的话，Dialogue就展示出来了，所以这块呢，我们就可以在这个位置。
04:06
This点大ible等于出好，然后我们来看一下。啊，我们点击登录日志，这样的话呢，就展示一个登录框啊，然后点击这个叉，那就关掉了，好那么这个点击这个叉关掉呢，是由哪个来决定的呢？是不是由这个点SYNC啊，这个之前咱们讲这个Excel导入的时候曾经讲的这个问题哈，好，那所以就是一定要把这个点SYNC写上，这样的话呢，它能配合我们这个Di log来实现这个叉的关闭功能。啊，然后接下来呢，就是在这个dilo里面，我们要写一个表格了，好，那这表格呢，就是这个了，好把它粘过来就可以了啊，然后dialo里面这个的dialo里面的这个table啊，Table所绑定的这个数据就是刚才我们绑定的这个log list，所以把logging record list里面的属性内容呢，分别配置进来就可以了，包括登录时间，IP啊，还有索引就可以，然后接下来呢，我们在这边看一下点登录日志，好整个的这个用户的登录日志呢，就展示在这个位置。
05:19
那这块呢，就是我们对。啊，显示登录日志的一个整个的一个前后端的实现的流程的一个讲解。
我来说两句