00:00
就是最后咱把修改完成,也就是说啊,在这个页面中,咱现在数据回显了,然后把里面的值,比如说这个标题,比如说这什么。分类啊,包括什么讲师等等这些都可以修改,都改完之后咱点保存,并下一步这些数据是不是要改咱们数据库内容,所以咱就把这个功能最终做到啊,那咱们看怎么来做啊,接口咱已经写过了,就刚才刚写这个。修改接口,然后咱就最终写这个前端,咱看最终实现。那咱看怎么写啊,首先第一个呢,咱先找一个按钮,这个按钮保存并下一步,这里边有第一个问题,就是你点保存并下一步,它可能做的是修改,是不是也可能做的是添加呀,它里面的作用是不一样的,所以咱们需要区分一下咱做的是添加还是修改,这是我们之前我写的方法,咱找到方法中。当时咱只有一个添加,那我现在为了明显在下面我把方法咱再定一下啊,我先写一个添加。
01:07
就是添加这个课程的方法,然后这添加我就叫这个A的。Cos。就叫A的Co啊这个方法。然后在里边咱们把这段代码我就复制出来啊,就这个代码咱先复制给它提取出来,因为咱们要有修改操作,里边有存在。这是添加课程。然后除了添加,然后还有一个修改,我再来一个修改课程,我们叫update这个cos。修改里边我们肯定也是写它方法给大家一块儿写,但是最终呢,咱来到这个方法中,因为咱刚才提到我点保存,并下一步它调的是CO的方法,就是咱们写到的往上看。这个方法,这个方法中呢,可能做添加,也可能做修改,所以咱需要做一个判断,判断它是添加还是这个修改,这是我们要做到的,那怎么判断,咱之前也都写过的啊,我就直接写了,咱说一下啊,首先咱们看啊,在里边有一个叫。
02:13
S info,如果说你做添加,那cos info中它是不是就没有ID值啊,如果说修改的话,里边是不是就有ID了,那我们根据cos中有没有ID值做过判断是不是就可以了,用这个做的跟之前做讲师应该是一样的。那咱们写一下啊,我加个if。啊if就是如果说if里边加一个叫this.cofo.id啊ID。呃,我这么写啊,就是里边如果说没有ID值,那咱做的肯定是一个添加。那我添加一个就是A的cos,这是第一个啊,如果说里边有I地址,那咱做的肯定是修改。
03:02
啊,我加一个就是this,点这个after Co这个叫修改,所以咱们这个判断may地址添加有I地址做修改,这个完成了,啊完成之后最后把这个最终的修改代码我们给他就写下。小D位置啊。加一个叫Co。点上这个update ino。里边传入这个对象叫这个cos info,然后写完之后加一个。点赞加一个response箭头函数在里边,我们就是给它来一个提示,然后做个跳转,跟这个应该一样,用它就改一下了啊。这个改一下,第一个我们改一个值,就叫做修改课程信息成功,然后修改之后让他就跳转到我们的这个地方来,但是跳转住啊,有个问题就是啊。鬼注意啊。就是这个地方。咱们添加之后呢,会返回课程ID,但是修改之后不会返回,所以你这么写应该就不对了啊,那咱给他就稍微改造一下啊,课程ID咱给他改一下啊。
04:11
网上找。因为咱们这里边应该有一个坑ID,然后就把这个直接传过来啊,这个位置咱给他也获取到了。就是修改的时候。把这个拿过来啊,到修改中。所以各位把这个要注意一下啊,我再说一下啊,就是因为咱们添加之后会返回坑ID,最后用response这个值可以得到,但你修改的时候呢,不会反客ID,所咱就在修改跳转时候不要这么写了,而修改里面的ID咱在上面通过路由中已经取过了,所以咱就写上这个叫这点cos。把这个最终给他写过来,这样的话,这个修改功能咱就最终完成了啊,就是我们的这个代码。然后咱们做到了修改操作,最终咱们把这效果我们就测试一下,看一下最终的结果是什么样的啊,最终咱试一下哈。
05:06
我们重新演示。先点击这个添加课程。然后在里边呢,我们输入课程的基本信息,我就随便写个值,比如我叫测试这个。修改课程信息,就叫它第二个课程分类,我就随便选一个分类,第三个讲师,包括这课时数,包括简介啊,都随便写些值。然后都写完之后,最后咱点保存,并下一步这数据肯定可以加到我们的表里边,咱到表中先看一下这个数据。应该就是这个这个数据,那下面咱们把值做个修改,我来改一下啊,点上一步先做回显,比如说啊,我就随便改一个值了,就改它了啊这些都可以改啊,然后改完之后我点保存,并下一步咱们看表中的数据啊,这里面提示成功看表里边。
06:01
大家看我加这个up up是不是就有了,这样的话咱就完成了,这就是修改课程信息这个功能咱就做到了啊。所以咱们现在就把我们里边的这几个功能最后重复一遍啊,第一个就是添加课程的基本信息,包括里边的这些完善,然后第二个就是课程大纲的列表功能,就是做一个类似于我们的数形结构。只是说咱用那个标签形式做到,就类似于我们刚才看到的。形式这种形式啊,刷新一下啊,就是。这种结构咱做到了,然后第三个就是当我们点修改,它可以回到我们这步骤做一个叫数据回显。然后数据回选之后,咱们改内容,最终可以改数据库中的数据,就是修改课程信息,所以咱现在把这几个功能我们就做到了啊,所以各位把这些能完成,然后这些过程中呢,咱会发现啊,后端中应该不是特别复杂,它主要就是你在修改,包括查的时候要查两张表数据,咱做这封装,它里面在前端,而前端中比较复杂点都是在这个就是。
07:12
二级联动这个位置,比如说我们二级联动效果,包括做数据回写,咱主要是在这个地方,所以大家把这个好去写一写啊,就二级联动它怎么做到,包括怎么做到数据回写,特别是这个值默认是没有值的,咱需要手动构建数据。这是我们做的这个功能啊。
我来说两句