day07/下午/143-尚硅谷-尚融宝-保存功能脚本的编写

好，那做完删除功能之后呢，我们来看一下新增数据，新增数据和前面的数据列表呀，删除功能啊都是一样的，我们呢先定义一个API，所以呢，这个新增的API呢，其实呢，你就可以一葫芦画瓢去做了哈，你比如说你可以把前面我们做过的这个复制一下。啊，如果你对这个代码的结构不太熟的话，你觉得手写有点困难，那你完全可以参考，就慢慢慢慢的就逐渐就会手写了，先复制一下，然后这块呢，我们就可以写一个save，然后新增的话呢，肯定不是传ID了，肯定就是传这个数据对象了，那我们可以在这个地方传一个数据对象过来啊，Integral agree的对象，然后接下来呢，所有的这个啊，Integral的属性呢，都会封装到这个对象里，然后这块呢，我们肯定就是调用新增的接口了，那我们来看一下我们后台写的新增的接口save就可以了。对，后面呢是没有ID的好，然后呢，这个method的呢，我们还是对照一下这个接口叫post好，所以这面呢我们就写post，然后接下来注意在我们的接口当中有一个参数，这个参数呢是request body类型的，那么request body类型的参数呢，意味着我们这个接口呢，要接收一个Jason类型的数据对象，那么在我们的当中，如果数据类项是Jason类型的，我们这边用关键字data来传输啊，这是一个固定的关键字，必须data塔，这样的话你传的对象才是Json类型，然后对象封装到哪了，封装到这里了。

所以我们直接给他一个对象就行了，然后呢，整个传输的过程当中，它会自动的把这个啊对象转换成Jason字符串传到我们的后端，那这块呢，就是我们的保存方法或者是新增方法，我们的API呢就定义完毕了，好这个API定义完毕了之后呢，我们依然是来到我们的页面当中啊新增的话呢，我们打算呢，在这个表单当中啊，表单组件当中做新增。

啊，然后列表这块呢，我们就先告一段落了，所以现在呢，我们咋打开表单，表单的话呢，在咱们这个script里面呢。首先呢，咱们来把刚才咱们的那个脚本引进来in part对吧？嗯，然后这个脚本呢，就是。跟这个类似一样吧，防止写错啊，直接把它复制一下，这样的话呢，就更方便一些，好把这个API引进来，引进来之后呢，在这个里面我们呢，是要定一个safe啊，先定一个method。哎呀。MY啊，然后里面呢，我们定义这一波啊。

啊啊date好，然后在这个里面呢，就是保存或更新，好，那么一定是我们未来啊，在咱们这个新新增积分等级里面，它有两个功能，一个呢是保存功能，一个呢是更新功能啊为什么呢？因为大家再回顾一下我们上午做的上午做的这个路由，看这路由路由应大JS这里面是不是有两个路由，一个路由呢是新增积分等级，一个路由呢是编辑积分等级，他俩是不是都连接这个form组件呀，好，如果都连接form组件的话，说明新增也是在这个表单当中做，编辑也是在这个表单当中做，那这个表单呢，就是刚才我们改的这个表单了，那说明呢，这个里面呢。同一个表单，它既作为新增表单，又作为编辑表单，那么同一个保存按钮它啊新增的时候是save啊，更新的时候就是update了，所以呢，同一个保存按钮我们呢，去调用这个save or update，那么同时呢，在save or update当中呢，我们肯定是要判断的，判断什么呢？就你可以根据当前，比如说如果是更新状态的话，他一定数据模型当中有ID对不对，他先回写再更新啊，如果是新增状态的话，它数据模型呢是没有ID的，所以在这地方呢，我们可以判断就是呃，新增调用新增，什么情况下调用新增，好什么情况下调用更新啊，这个都是我们需要知道的，那么我们先呢，把这个新增和更新的具体方法先给它完善出来，一个是save方法，一个是update的方法，这都是我们自定义的方法。

然后某些情况下呢，我们调用save，某些情况下呢，我们调用update，先调用save一下，先调用save啊，所以这个就是一个基本的一个流程了，然后接下来呢，在这个save我写个save更好一些啊好在这个调用save data的时候呢，我们其实呢，就调用刚才咱们后端写的那个新增的API，所以咱们再打开刚才咱们这个API，刚才写的这个save，咱们调用一下它好怎么调用呢？用integ的API。

然后点。就是调用这个里面的这个思方法，然后呢，我们需要给他传一个参数，这个参数哪来呢？这个参数呢，我们打算呢，在表单里面，通过表单的啊一系列的字段，然后给它填充上，填充上之后呢传进来，那么表单里面呢，实际上就是从数据模型绑定过去，那么所以呢，在数据模型这个地方，我们得定义一个data塔，好，然后data塔里面呢，我们来定义这个。

啊，EGR的数据模型吧，我复制一下啊，就定义一下数据模型，这个呢，就是积分等级对象好。接下来呢，我们就呃，在这个地方呢，就传递这个基本等级对象，当然了，目前为止我们这个基本等级对象呢，它还是一个空对象，那么在哪块去填充这个对象呢？回头我们会把这个对象呢绑定到表单当中，然后在表单当中我们录入数据的时候，这个对象呢，就会为自动的做一个数据绑定啊好，然后绑定完数据之后呢，我们就在这个地方把它传过去就行了，所以this.integrate然后点the，然后意。好，然后this.dollar message，那刚才我们那个里面的那个提示是一样的message，然后T冒号叫做，然后逗号message冒号this棒点MY，好，这个其实还有一个简写的方式啊，怎么写呢？简写简写，这样写就是this。

点Dollar message，点然后this bus.message都可以啊，就是它的简化的形式，就是就是这样写，就是把这个type啊，直接作为方法给写到这了。好，这个是save data，那现在我们要做的是不是就是把这个数据给它填充上啊，嗯，所以呢，要做模板渲染了，模板渲染的话呢，就要在模板当中啊，去做这个数据对象的渲染，所以啊，接下来我们来看一看模板怎么去渲染。