47-尚硅谷-微信支付-基础支付APIv3-生成订单-显示订单列表

接下来呢，我们来。创建一个查询订单列表的接口方法，为了方便呢，我们在当前的这个前端页面当中的我的订单这个页面当中，将订单列表呢按创建时间的倒序给它展示出来，所以呢，我们在我们的后端先创建一个接口文件order controller。好，那么前面呢，我们先写一些必要的注解，那这些注解呢，我们可以参考controller上面的这些。那我们进行简单的修改，这面呢是订单管理。URL地址这面呢，我们可以写order。又层呢？我们注入order info service。

那方法呢，我们写一个get方法，Get mapping。地址呢，我们直接写。方法的返回值依然是R。好，那我们直接可以调用业务层的方法，那业务层方法这块呢，一会我们去，因为要按时间的倒序排序，所以呢，我们要组装查询对象，那么我们写一个list order by create time death。啊，我们希望呢，这个方法返回的数据呢，是我们的。订单列表。Order in。

我们把必要的依赖呢给他引进来。好，然后最后呢，如果我们得到这个数据的话，我们就用给他返回。那接下来呢，我们来实现这个业务方法。好，那么在这个里面呢，我们首先创建查询对象query rapper，那么查询对象的型呢，依然是order in。接下来呢，我们针对这个查询对象呢，去做一个查询条件的组装，那么它不但可以组装查询条件，还可以组装排序条件by DEC，那么我们想让它根据create time创建时间这个字段呢，倒序排，所以呢我们可以组装这样的一个排序条件，那因为整个query rapper呢，它有一个链式操作的写法，所以呢我们也可以直接这样。

那如果是这样写的话呢，我们就必须在创建对象的时候呢，写泛型了好。接下来呢，我们可以根据我们组装的query这个条件呢，来执行一个查询。被per.rap。那现在呢，我们的业务层的方法呢，就写好了。

好。那现在我们来启动一下我们的服务器。我们来访问一下swagger。稍等，这面还没有启动完成。好，现在启动好了。我们来访问一下swagger，那swagger这个里面呢，有个商品订单管理，在订单管理里面，我们找到类似的这个方法呢，点击try it out，这样的话呢，我们就得到了我们刚刚啊前面创建的这个订单，接下来呢，我们来看一下。支付案例这面的我的订单，我们刷新一下这个页面，那么前面的这个订单呢，就展示出来了，我们简单的来看一下前端代码。我们来分析一下前端关键位置的代码，首先呢，调用我们后端接口的呢，是API这个里面的模块，那么因为我们是order info，所以前端这面呢，也对应创建了一个order info的模块，那么在这个模块当中呢，有一个类方法，这个类似方法呢，就对刚才咱们的A呢用。

写的这个API order INF for类似接口好，那么我们订单列表页面在哪呢？在views下面的orders.view这个view组件当中，那么在这个view组件当中呢，和之前一样，也是有两部分组成，一个是template，一个是script。那么首先在脚本部分呢，我们引入了刚才的order info这个API模块，然后接下来呢，用引入进来的这个FAPI这个模块的名字呢，去做了一个调用，那么具体的调用的过程呢，就是在里面我们创建了一个方法叫show。

在这个方法当中，我们调用了order info API里面咱们刚刚写的这个类似方法，这样的话呢，只要受order list这个方法已被调用，那我们的远程的API的调用呢就可以执行了，所以呢，我们在生命周期方法当中去调用了show order list方法，那确保呢，页面一加载的时候，我们的数据呢，就会从后端服务器获取到前端，那接下来呢，我们执行完远程调用之后，我们把响应结果当中的list这个值复制给了我们前端的list这个数据。那接下来呢，我们在前端temp类当中用表格组件将类似数据呢做了渲染好，后面这块呢，具体的就是表格组件了。

那么渲染出来之后呢，在这面我们就展示出了这个订单列表。