day21/上午/404-尚硅谷-尚融宝-网站端和管理员端展示还款计划

那么管理端显示还款计划呢，其实就是还是在刚才咱们的后台管理系统的这个页，在投资记录下面，我们显示一个还款人的还款计划，那所以这个呢，就嗯me烂的return了，这个return就是还款记录还款计划啊，然后这是管理端，我把它复制一下。呃，这面密新建一个，然后里面的这个代码呢，跟之前也是一样的，就是一个简单的列表查询。所以呢，这个代码的核心呢，大家可以看一下，就这一句话对不对，根据line的ID啊，去查找属于这个标的的下面的所有的还款记录好，那接下来呢，我们把这个还款计划呢，给它生成，就是说把这个嗯，查找还款记录的这个方法给它实现出来。

你下面是不是没有业务啊，他昨天在那里写的那个东西，相比这个简直了，我都不好意思写，然后加来呢，前端啊，蓝return里面呢，咱们加一个号啊，这个在哪加呢？在管理员端加，就是你写代码的时候，大家一定要保证思路清晰，咱们在做管理端显示访款计划，所以这个一定是呃，SRB和的密里面啊，这个不写设地方，那SRB的me里面，然后呢，咱们去创建一个叫做letter return的这么一个API接口文件啊，然后接下来呢，把刚才咱们写的这个接口呢，给它调用一下就可以了啊，这个方法呢，叫做。Get this方法对，然后接下来呢，我们页面脚本这块是不是和刚才很像啊，一样的啊，把这个API呢定引进来在London里，所以呢，我还是找到刚才我们的view号land啊，然后这这面呢，我们把它引进来，引进来之后呢，下面一样的是吧，把这个发音的啊fresh拉，In the实现出来。

界面好，同样的方式在这个地方我们去调用一下它的意思啊，这款呢是还款计划啊，就这样，那么就是刚才的对于嘛，对吧，然后接下来呢，我们再把这个还款计划列表给它定出。好。

然后请嗯呃，这边重新启动一下。模板还要给他粘进去了，好这边重新启动，重新启动图报错了，说明咱们这个代码调用了，然后呢，我们把模板给它粘过来，模板粘过来的话呢，就是在这面。找到刚才我们站的这个投资记录，在投资记录下面我们找到这个，嗯，就是填写这个保款计划，然后呢，刚才他展示啊出来了还款计划对吧？嗯，所以这个是嗯，针对于刚才咱们这笔投这个标的啊，这个标的的啊，然后呢，这个嗯，借款的三条还款计划的这么一个记录，那么呃，还款计划展示到了这个。

后台管理系统当中之后呢，接下来我们再把这个还是这个网盘计划，我们再将它展示在网站端，所以呢，展示在网站端呢，和展示在这个后台管理系统端的其实都是一样的啊，就一和二，这三和四那个很像，那这样的话呢，我们就把呃，网站端显示房产计划的这个接口能给它实现出来，那么就是应该在我们的API这个包当中添加这个拉算传出了，所以呢，我们先找到我们的API包。然后这个里面呢，就不建议大家创建了，因为和它会冲突，所以把它呢移植过来啊。好拉的称control臭了移出来，移出来之后呢，我们把这个还是跟以前一样，我们直接复制了，那你们要觉得这个代码模说的话，你写一写也行哈，然后呢，这面呢，也是一个嗯，Select，举一个业务层的一个查找列表的一个方法，根据标的的ID啊好，那我们刚才已经把这个业务方法实现了，所以这边呢，直接可以复用这个业务方法就可以了，我们先把这边重新启动一下吧，然后接下来呢，就是前端。

前面也是一样的，就把刚才咱们写的这个接口。调用一下就行了，所以呢，咱们找到呃，同部这块的这个服务器胞渲染的这个AC这下方法，然后把保款计划这一块呢给它添加上就可以了，那所以呢，现在我们找到site pages line的ID啊，我们找到脚本部分，在脚本部分呢，我们添加这个短款计划好，然后下来呢，下面这个位置，我们把这个它的个结果渲染到这个数据模型当中，那么渲染就直接写就好了，那它里面的贝塔表类渲染到这个位置对吧？好，那它展示到哪了呢？我们可以搜一下啊，它就展示到这个位置了啊这个地方呢叫还款计划，然后呢，这个是表头，然后这边呢是表格，你会发现其实后台管理系统当中，咱们多用这个，呃，就是那个element UI的那些表格，渲染前台网站就很少用，就基本都是写那种原始的表。

然后做便利啊什么的，为什么呢？因为一般情况下前台网站它那个设计性比较强，就是都是嗯，就是企业的那个，呃，平面设计啊，或者是网站设计的UI设计的，他设计出来的，设计出来的这种东西是按照他自己企业的一些风格设计的啊，那IUI这个风格是固定的，所以就不太好用，所以这个IUI这种东西大多数都会用于那个后台管理系统，而现在网站的话，绝大部分的功能呢，组建还都是要自己去手手动的渲染的啊，所以这也是为什么前台网站这块就没让大家去过多的写模板，就这个原因，因为实在是太麻烦了哈，用不上这个安UI的一些特别好的功能，好，那所以这边我们就做一个手中的一个宝宝的一个渲染的，做什么的是吧，啊保证之后呢，这边呢，前前台这边啊看一下。

好，然后呢，我们来看一下这个呢，就是还款计划，还款期数123，还款日期，成本，嗯，这个本金，然后利息啊状态是否逾期操作，这个操作是按钮啊，这一会我们会实现它一点还款，然后呢就对这笔金额呢进行还款操作，然后呢，相应的投资人那边就会有回款操作啊，所以这个是一会我们会扩展那个功能，好，这是还款计划在网站端以及在我们的后台管理端展示啊的两个这个接口吧，还有这个页面的一个整合。