00:00
前端这块呢,就是需要我们在包这个页面当中去展示我们的下拉列表啊,那我们的下拉列表呢,一共有学历列表,行业列表,收入列表。还款来源列表以及联系人列表这几个,那这几个列表呢,我们同样都是来调用这个远程的接口啊,所以呢,我们写其中的一个,其实其他的呢,也就都就也都有了啊好,那我们来分别去写一下,嗯,在哪去调用呢?在我们的ni selected这个方法里调用,并且呢,这个it select这个方法写好了之后呢,我们在页面加载的时候去调用它,所以呢,我们在我们的这个borrow view这个里面哈,我们先写一个什么呢?先写一个create的这个方法啊,然后在create这个方法里面呢,咱们调用一下这个select,接下来呢,在math里面呢,我们初始化它select。
01:10
好,然后接下来呢,在这里面呢,我们就去第就是学历列表对吧,然后this.dollar x.Dollar get啊然后我们刚才写的这个接口啊,我们刚才写这个接口呢,在这面叫API。好,然后接下来呢,在接着是find by code。好,然后这面呢,我们把它换成真正的difficult,比如说现在我要获取的是学历列表,那么呢,我就要写这difficult呢,等于education。这样,然后接下来呢,点。
02:00
瑞士棒。好,那这个呢,就是我们学历列表的一个远程调用了,那么远程调用完了之后呢,我们的学历列表呢,就会在response里面了,那所以呢,我们给本地的这个学历列表呢,进行赋值education list,这点education list等于response.data.data list啊刚才我们写的这个后端接口呢,我们的返回值呢是date list,所以这个地方呢,我们也是date list就可以了,所以这个是我们的学历列表的一个获取,那我们先来看一眼。啊,前端这面啊,首先F12啊,第一个步骤呢,你要先看远程调没调用。然后呢,这边有个education哈,就说明呢,这个远程是调用了的,然后呢,数据拿没拿到啊,说明这个数据是拿到了的,然后接下来呢,看数据绑没绑上对不对。
03:03
好,这个数据呢,是。来这边啊。Education是绑上了的,对吧,这个是数据是绑上了的,好,然后接下来呢,再看渲没渲染。学历渲染了啊,这个渲染这块是已经发给大家的代码当中已经自带的了,就不用大家自己做渲染了,这边呢,已经去便利这个我们的。嗯,Education list这个列表了,好,所以呢,就渲染到这个地方了,当然这个学历你选完了之后,这个学历所选中的值呢,它会保存到borrow这个对象里,borrow.education啊,这个值呢,会啊,这个保存你的学历值啊,什么意思呢?比如说在这个地方我选中了。研究生,那你会发现在borrow啊这个里面,它就有一个education这个字段呢,就被赋予了值,和我们之前整理的这个呃,附件下拉列表呢,他们是评级的关系,最后呢都是包的一个属性,然后最终呢会被提交上去啊,所以这是学历,那如果我选本科,那这块就变成三对吧,所以这个下拉列表里面选的值最后呢会被组装到这个包尔这个对象里面去啊,所以这就是这面v model的一个实现,然后这面呢是下拉列表的一个便利,好学历写完了之后呢,像行业啊,月收入还有还款来源这些都是一样的啊,只不过就是这面的这个类型,数据字典的类型不一样,所以这面呢,我们就不一个一个写了,然后呢,我们把它整个呢去把它。
04:44
复制过来,行业列表、收入列表、还款来源列表和联系人列表。好,然后呢,我们把它复制到刚才我们写的这个学历列表的下面就可以了。在学历列表下面,我们再把其他的几个都填上。
05:05
啊,填上的时候我们简单看一下吧,行业列表呢,就是给这个in industry list复制啊,然后收入列表呢,就是给income list复制好,还款来源列表呢,就是给return source list复值,那么最后联系人关系列表呢,是给contact relation list复值好,这些值全付了之后呢,上面这些啊,页面这些的渲染我们就是都已经写好了哈,所以大家直接看结果就可以了,那在这面呢,我们看到行业啊,月收入,还款来源以及联系人关系啊,他们呢就都依次的被填充上了。所以呢,这块呢,就是我们整个的前端展示借款人信息啊,完整的信息呢,啊完整的一个表单呢,我们就实现出来了,那下一个步骤呢,我们就可以开始实现这个提交功能了。
我来说两句