00:00
下面呢,咱们来整合课程大纲,前端的部分咱们继续来写一下,首先第一个我们先把接口进行定义,那咱们看一下啊,第一步在API中呢,咱们创建一个JS文件,那咱找到这里边,我们来进行创建这个文件,我们就开点JS。创建之后在里边定义章节相关的接口,这一部分我从里边直接复制,然后对照咱的接口给它检查遍。那咱们看到啊,里边有它的增删改查的接口方法,咱们来快速看一下啊,首先第一个看这里。列表方法添加修改删除这些方法,那咱们检查一遍啊,这个是列表,看这个路径跟我这里边应该是保持一致了。然后包括删除。添加ID查询修改啊修改的话呢,我刚才接口中用的是po提交,这里边是put,咱们给它改一下,改成我们的破提交,所以这个是章节部分的定义,这个咱就完成,完成之后下面我们进行小节部分定义,在里边进行创建。
01:13
咱们创建一个叫video点。JS。然后把小结的相关接口在里边定义出来,我就把这个直接复制过来,跟我们接口应该基本上是一致的。所以第一部分把接口完成了,完成之后呢,下面我们写页面,首先咱来到开里边,在开里边有个页面叫in vouee,咱之前写的只是上一步和下一步,目前里边有其他内容,那我现在把页面我就直接复制一下,然后咱们检查一下里边的相关内容,那我来把这个复制capital中有一个inex.vouee把页面中内容咱们复制一下。复制之后咱们检查遍啊,大家看啊,首先引入两文件,一个character,一个叫video,引入之后这里边还有其他组件,这些组件啊,咱们一会儿再完善出来。
02:14
这个组件啊,然后往下看啊,首先在里边我们就是得到章节小节的列表,包括这里边删除章节,包括你看啊,添加修改,添加课时巧结这部分,这里边应该都写到了,然后写到之后我们继续往下整合,下面呢,在开头里边咱们建个页面叫form.vue页面中做咱们章节的添加,包括修改部分,那我来创建啊,开头里我们见个页面。点voe,然后创建之后,把这段代码咱们给它复制过来,就是咱们章节到表单页面,咱们看一下啊,引入JS文件,然后里边调方法得到咱们最终这个内容啊,调用里边的方法得到。
03:03
得到之后啊,这里边。我们给他啊,放到这里。然后这个之后呢,我们检查一下里边的结构,各位看啊,这一部分呢,应该是根据ID进行查询,把查出数据我们进行封装,咱们看一下啊,开里面那个叫get白地。这个,然后咱们看一下咱的接口里边get白地插入数据,插入数据中,我们最终完成这么一个封装。啊,咱看里边啊,我们这里边应该没有item,所以这个给它去掉,直接封装到这个里边去,最终做数据显示。这些啊,应该都一致,所以现在这一部分完成,完成之后并没有写完,继续往下来做,现在就是小节部分,咱们建个video文件夹里边建一个叫form.v这个页面,把这个咱们创建出来,Video文件夹已经创建过了,咱们建个。
04:01
form.vue这个创建,创建之后里边完成那个小节的最终部分,那把这个我来复制一下啊,直接拿过来。然后在这里边呢,有一个地方咱们暂时还没有写到,就是我们上传视频部分,这咱先放到这里,一会儿来完善,咱们先看其他部分引入video,然后在里边我们就是打开页面做这个。添加包括修改过程啊,所以现在啊,这个过程我们就完成了关于这个课程大纲的现单整合,在这个video里的phone中有一个上传视频过程,这咱们后续的完程,目前主要功能应该咱们就完成整合所这就是课程大纲部分的前端整合。然后完成之后,最后呢,咱们把效果做个测试,看一下最终结果。首先啊,我把接口咱们先启动,然后前端这里边应该启动了,页面都进行创建,咱们最后测试一下,最终这个课程大纲的这个功能。
05:10
等它启动咱们试一下啊。然后大家看啊,现在比如说我们来到这里边。我们从最开始来测试啊,咱从最第一步开始测试,首先在这里边我们做一个添加,咱们添加一门课程,这门课程我写一下,比如咱们叫will,就是will。高级开发。讲师,这个东方讲师课程类别我们选择前端,然后选择这个,然后下面课时数我们写个80课时,这里边有个简介啊,就是vuee。这个高级。这个写一下啊,这个位置有一个封面,那封面咱们找个图片做一个上传,这之前有这个接口,最后课程价格我们写一个99。
06:02
现在完成保存,并下一步到它的第二部分课程大纲,课程大纲里边呢,会显示那个课程大纲的列表功能,也是在这里边,就这个开里边的inext中,它会显示列表功能,但是目前因为咱没有添加,所以下面咱们加一下,首先我点添加章节,大家看它就会弹个框在里边,我们写这个清单代码,那比如说第一个章节咱们叫。第一章。入门。确定各位看啊,章节就加进去了,然后加完章节之后,这里边我们可以编辑修改。包括可以删除,另外你看这里边有一个叫添加课时,就是小节,那咱加个小节,小节里边比如说我叫第一节。就叫入门一,这里边有些是否免费啊,包括视频上传,这还没有做到,咱一块儿完成,现在点确定我们看啊,这里边就完成了小节添加,然后在章节里边你还可以再加小节,比如咱们叫第二节。
07:08
确定这个也加进去了,另外你还可以再加这个章节,咱加个第二章,我们叫这个就是。编码。确定啊,另外同样加小节,包括小节里边也可以编辑和删除,所以大家看啊,以上咱们就完成了发布课程中的第二个步骤,创建课程大纲,包括列表,包括章节的增加、修改和删除,这里边有一个上传视频,咱们后续来完成,目前把这个第二步应该就完成了。
我来说两句