day13/上午/250-尚硅谷-尚融宝-用户列表实现回顾和总结

好，那我们呢，先把昨天咱们写的这个代码呢，简单的回顾一下，就最后这一部分的代码，然后咱们做个衔接，首先呢，咱们先了解到今天咱们最后的这个需求呢，就是展示啊这样的一个会员列表，然后通过模糊查询通过啊这样的一个高级搜索，能够能够搜索出相应的你需要的数据，然后下面呢，还有这个分页展示啊，然后最后呢，啊，我们啊，在实现这个代码的过程当中呢，做了这样的几件事情，首先呢，第一件事情就是创建了查询对象user info query，所以呢，我们对照一下我们的代码来看一下。好，我们找到我们的昨天写的最后的代码。在。Togo啊，在query里面我们写了一个info query对吧？啊，User info query，这是我们的啊第一件事情，那这个主要的目的呢，就是为了搜集表单数据啊。

好，然后接下来呢，啊，并且这个表单数据呢，是一个查询表单对不对，所以写在了这个叫做query啊，在这样的一个报当中，然后接下来呢，我们就。啊，创建了我们的service啊，因为我们要进行分页查询对吧？啊，所以呢，就创建了啊这样的两个参数，一个参数呢是分页对象，一个参数呢是查询对象啊然后在这个里面呢，首先我们先判断了一下有没有查询对象，那没有查询对象直接分页就好了啊，如果有查询对象的话呢，我们判断每一个查询条件是不是在，如果不在的话呢，我们就不装这个查询条件，如果在的话呢，我们再组装这个查询条件啊，所以这是业务层，好，然后controller层呢，就啊把这个分页参数和查询对象呢从前端获取下来，然后接下来呢，调用刚才我们后端的这个service，最后呢，把所有的这个返回的这个分页列表结果，那就返回给前端就可以了，所以这个是我们controller层做的这件事情，那么我们现在这个配置model里面呢，实际上。

就包含了很多啊，这个和分页相关的信息了啊，也包含了当前的数据的列表啊，那和分页相关的信息呢，其中有一个就是前端需要的，那就是total总记录数啊，就不是当前页的总记录数，是数据库当中这张表的总记录数都会被封装到这个配置model里面，因为我们后面啊，在前端整合的过程当中呢，是需要用到的啊，前端分页组件呢，需要用到那个总结度数，所以呢，我们就首先把这个全都返回到前端，然后前端你想怎么用就怎么用，对不对啊好，然后接下来呢，我们还讲了一个针对于look date time这种特殊的时间日期类型的一个Jason序列化格式的问题啊，就怎么去把这个啊时间日期呢，给他按照我们希望的这个格式展示出来，好，那所以这个呢，就是一个套路，一个通用的写法，像这种代码呢，不建议大家去把它记住了啊，你就把它作为一个代码片段收藏起来，未来在项目当中，因为它这个肯定是常见功能嘛。

带在项目当中，你用的时候，你就把它拿出来一复制粘贴是不就可以了啊，所以这是也是我们开发人员积累经验的一个手段，好然后接下来呢，这个就是个性化配置。啊，然后呢，再往后就是前端整合，前端整合这块呢，我们要展示的是那个列表页，所以呢，我们就先创建了列表模板，然后呢配置了路由，对不对，然后接下来呢，就定义了API，好，你看都是套路，然后接下来呢，就定义了组件脚本，好组件脚本这块呢，先定义data啊，Data这个里面可能大家自己在写的时候啊，你就是思路不是特别清晰的时候，可能不能一次性的把这些变量全都定义出来，那你就一个一个定义，比如说我知道我现在要把列表，那你就先定义它就好了。对不对，然后绑完列表之后，你说我可能还要传这个啊，实际那个分页参数，分页参数怎么传呀，我怎么才能在页面当中既能显示分页信息，又能在这个方法当中，你看我又能在这访问，我又能在这访问，诶怎么办呢？那肯定是把它定义成成员呀，其实这个位置就相当于我们Java当中定义成员变量似的啊，你怎么才能在多个方法当中访问这个成员在这也能访问，在这也能访问，那你就把它定义成成员。

对吧，这是一种定义这个贝塔数据的思路，还有一种思路呢，就是哎，我这个东西我要在页面当中给它渲染出来，那你页面当中渲染的东西，你一定要在这个地方定义成我的这个data的成员啊，所以就是两种啊，Data当中一般情况下会出现定义有两种情况，一种就是这种我页面当中我要渲染它，一种就是。这种我计算的时候，组件的时候，我要用到它啊，还有像这种都是啊，我下面的这个啊，组件也好，下面这个方法也好，你都要用到它，那么你就定义成这个成员就可以了，所以这个是定义啊好，然后接下来呢，我们昨天写代码呢，写了哪些呢？前端我们来看一下。

啊，我们找到s rb me啊，然后找到src，然后找到我们的views，然后再找到我们的user in for类view哈，User in for类呢，我们是啊。把这个表格已经渲染出来了是吧，所以div里面我们有一个table啊好，然后接下来呢，后面这块呢，我们是在页面加载的时候，我们发了一个data fe data呢就是利用API模块去后台获取数据，获取到数据之后呢，这个数据结果啊。也就是说这个response里面的结果哪两个值对我们来说有用呢？啊，这个是数据列表了，你们要渲染，还有一个呢，就是total total呢是分页查询返回的一个结果，那么它呢啊，是我们前端分页组件需要用到的一个非常关键的一个数据，所以呢，我们要把它复制回来啊，那我现在我们的当前页面当中呢，就有这个头头和类似两个值了啊，所以列表页我们显示出来了，接下来下一个步骤呢，我们可以去看一看分页怎么去做。

所以我们接下来呢，就来看一下这个我们今天的第一个内容哈，就是把这个分页功能呢，给它整合进去。