00:00
来来看一下哈,这个呢,是进入咱们当前的这个商品的一个,呃,后台这个位置啊,后台这位置,那么我刚才呢,有添加了一本书,比如说这本书哈,叫做正面管教,那么在这里呢,点击编辑辑,它会出现一个编辑的页面,对吧?啊编辑的页面好在编辑页面呢,我首先呢把这个图书的名字。啊,更改一下,然后下面那个位置呢,更改一下它原来的图片啊,他原来只有一张啊,只有一张,这一张呢,我也给它删掉啊,也给它删掉,大家可以看一下数据库,它大概有几张图片啊。有点卡了哈。卡了。他肯定是一张,肯定是一张,就只不过这个这个位置就卡了。对,然后关闭取消消。嗯,然后我从这里给大家打开这个数据库看一下啊,重新看一下。嗯,打开我们的买水果啊,进入数据库到那个呃,Book啊看这里啊,这个book ID为七的啊,它只有一张图片,看到了吧,只有一张图片啊好,那么现在这个情况下呢,呃,我呢,再给他添加两张啊,在这里呢,再添加两张。
01:13
在后面再添加一个一个啊,那这样的话是三张三张图片了,对吧,他原来有一张,这两个是新的对吧?让新的好点击提交啊,这是不是更新啊,更新完成以后呢,我们先看一下数据库刷新是不是多了,变成三张了,也就是他原来那一张没动,又给他增加了两张,懂我意思吧,那么现在呢,我们再来看一下哈,在这个置点击编辑下面这个图片呢,就是三张了。啊三张,然后呢,如果你在这里点击删除,如果你点确认这张数据,这张数据已经从数据库中删掉了了啊,我们来看一下啊,来刷新说变成两个了,对吧?啊也就是说用二点克四删的,听懂了吧,然后你可以都删完,你可以都删完啊在这里我也没做其他现你可以都删完,然后点击提交,那数据库里现在就是空的来刷新。看到了吧,啊,数据库留看的好,然后呢,你可以呢,再去选择编辑这个元素的时候呢,再去选择上传一张或两张或三张,这都可以,然后点击一二,然后点击提交更新啊,那我们看一下数据库啊来刷新。
02:15
两个吧吧,明白我的意思吧,啊就是它最终实现效果哈,那我们来说一下它到底是怎么做的呢?首先打开编辑这个页面面这个图片的这个,这个里面原有的效果,就是我大给大家封装的那个插件,对吧?然后呢,我再分装了一个什么内容呢?我又增加了一个方法,叫做阿呃叫阿布D的,如果你当前是做一个修改的话啊,那么你呢,把这个图片啊获取两就是当前这本书的图片,获取两个主要数据,一个是当前图片的ID,一个是当前图片的地址。啊,然后呢,你把它拼成一个GS的啊,一个什么呢?一个数组,数组中呢是一个呃,叫做列表,也就是字典,明白了吧,也就是说你如果有这个这本书如果有两张图片啊,那这个数组中的元素有几个呢?有两,就是列表中的元素有两个,那么每一个都是一个。
03:06
节省数据或者叫节省对象象啊里边呢,呃,包含了这个它的ID和它的这个图片,明白这意思吧,那这一步是怎么做的呢?哈,带大家来看一下这个D的边界页面在最下面,面在最下面啊在最下面啊来上面这个就不用看了,对吧?原来都是这样啊,我也没动好这位的哈,来我在这里定义的就是GS中定义一个数组对吧?一个空的啊,一个空的列表,然后我这里是不是写的咱们模板的语法模板中找到当前这本书,找到它所有的图片数据啊,然后呢,Old image这个变量就是ES里边变量,然后push是否往这个变量中压数据呢?压什么内容呢?压一个字典,看到吗?这个画括号和这个画号结束,这是不是正好是一个字点。啊,或者叫我们叫做那个对象对吧?然后这里边呢,字典中有两个K,一个K呢是ID,一个K呢是UR啊,然后用花括号画括号模板语法,在循环当中中把这个数据压出来,压到这个列表当中,那么最终你在这个页面里面看到的这个变量的值,大家可以看我这里在打印这个变量,那我们在这里检查这个元素,点开这个控台来刷新一下页面面,那因为我这这个图数呢,它有两个图片,所以下面这位置啊,就正好是一个数组,数组中呢是两个这个叫对象,包含这张图片的ID和图片的地址,对吧,兄弟们。
04:24
没问题哈,好,那么有了这个以后,接下来呢,我在原来的啊,原来的我们实例化的这个叫什么多图插件的这个对象里面,给它增,呃给它封装了一个方法叫做阿呃叫阿的引粒子,阿的引粒子,我们可以看一下我封装哪个东西啊,在这个位置,在这个位置位置,那这个里面呢,把你刚才那个列表拿进来啊,我在这里呢,做一个循环,循环中干什么呢?去页面中取那个叫it。找到对应的那个item,然后给它换掉它的什么呀,换掉它的背景图片,那这样的话,那个图片是不是就上去了,同时给他增加了一个什么,增加了一个属性,呃,是不是增加一个叫image子ID的属性啊,给增增加了这个元素里边,同时我让input隐藏掉啊,然后呢,再给你绑定一个removed事件。
05:09
啊,就你那个叫单击事件,你remove的时候,就是上面这个光标它能显示啊how的那个光标,明白了吧,好,然后呢,接下来呢,呃这么做完以后呢,只是说呃只是说把这个这个叫说呃把这个图片啊给它放上去啊,那么接下来就是点击删除的时候,点击删除啊,我是不是要把这张图片删掉啊,那怎么删的呢?就是从我们这个叫呃这个这个叫什么病,呃这个叫。呃,这个其实单词我写错了,应该是办的可里可啊,我写错了啊,就绑定一个单击事件这里面呢啊,我去在这里边你打呃这个叫呃单击这个事件的时候啊,触发呃弹一个框,问你是否要删除除。如果啊,你点确定,那返回的是处对吧,然后我就先把这张图片啊,在GS当中给他remove了啊,当然你也可以之后都行啊,那么接下来呢,我获取了当前图片的ID,看到了吧,获取了当前图片ID啊,那么接下来啊,我这里呢,又创建了一个iem,这是原来就写的,就是因为我保持它这个地方是三个嘛,对吧,所以你删一个后面就多一个,删一个后面就多一个一个对吧?啊那么最重要的是什么呢?最重要的是我在当前的这个里边呢,封装的一个方法,这个方法叫什么呢?在这,因为它是个对象嘛,这个对象里边封装了一个得的方法,但是这个方法是空的。
06:23
什么东西是空的啊,然后呢,我让这个叫,呃,这个叫单击这个叫删除的时候,把这个隐秘的ID传到这个方法里边去去。等于是强哥,你那个方法没定义啊,它是空的对吧吧。嗯,它是空的,但没关系,整体这个内容是不是一个对象啊,是一个对象的话,我怎么办呢?下边这个OBG,就是刚才呢,我们图片处理的那个对象,好,我在他给它重新定义这个这个delete它这个方法,这个对象中的这个方法重新定义啊,在外边重新定义,因为这个代码呢,是不能放到那个GS文件里的,因为这种这种东西呢,都需要我们的模板引擎来解析,对吧吧,你放到那个JS里边,它就没法解析了,所以你只能放到我们的模板的A里边,在这个地方写啊,所以呢,我是重写了这个方法中啊,带的这个得delete的方法,同时接受一个以利代替。
07:13
Email ID不是你在这边不是传给我了嘛,对吧?啊,传给了我这里重写完了就等于在这里接收了,那么我接收到以后判断了一下这个email ID呢,如果是真啊,那就证明它是原来有不变的。啊,什么时候获取不到呢?你比如说它没有突变这个东西,这个元素,请问它有移频带D吗?它没有有,只有这两个是不是有,哎,所以呢,就是判断它为帧,如果它为真,证明他有,那么这个时候我干嘛呢?在后台封装了一个专门的删除图片的方法,你只要发请求把图片的ID给我,后台就给你删掉掉。明白了吧,后台是怎么算的,我看一下啊,呃,这个叫delete,叫delete不这么一个方法啊,那么传过来,它传的是一个当前图片那例过了。好在哪呢?在这个位置置啊图片啊,商品图片的一个删除啊,那么这里边呢,去接收一下刚才接传递过来的这个图片ID,然后找到这个图片ID啊图片的这个对象啊,如果找不到呢,搞都没有对吧,如果找到了了啊,那么这里呢,给它删掉delete就行了,因为为什么可以直接delete它不用OS叫remove,因为我们当前这个叫图书的这个模型里面的这个叫图片啊呃,大家可以看一下下,这个里面呢,我们用的是谁啊,用的是叫呃叫叫叫fair的吧,呃,在哪来着,我们的图片啊,图片在这里叫就是我们用的是谁啊控框架给我们提供的,我们并不是存在一个字块,听懂了吧,我们自己存的那个字块,需要我们自己删,但是如果存成这个个啊,你直接找到这个对象,找到他的属性调得力的方案就可以删除。
08:43
啊,那他会把这个图片在我们服务器里面把它删掉,明白了吧,那如果失败了,你告诉他删除失败啊,如果没有问题,接下来再把这个图片的数据从数据库中把它删掉。啊,那那也就是说这里边儿就是找到这张图片数据,然后删除图片,并且删除这个数据,是不是就是这个逻辑啊辑啊啊,那你阿贾克斯发过来以后啊,你看阿贾克斯发请求回来以后,是不是就把它删掉了,其他就不用管。
09:08
其他管啊,那么接下来剩下的就是什么呢?你在这里添加新的图片,你看我这里删一呢,它就发一个,我一点确定它就要发起流,那么发起流过去之后,数据库就把它删掉掉,同时你在给它删了,你后面是不是就多一个啊,就多一个空白的追加上来了。那类意思吧啊,就是在原有基础上啊,拿把那个G插件呢,稍微做了一个更新啊,就更改了一部分内容啊呃,内容更主要更新的就刚才那两个,一个呢是原来的,如果你原来有图片,那我把图片给你,给你把这个原来的那个背景图片替换掉啊,换成现有的这个背景图片啊,如果你原来没有呢,我也不动动啊同时呢,呃,写了一个删除的方法啊,把它更新一下,就是发阿列克斯斯到数据库删除。能理解吧,那么剩下的一步就是我要是增加新的图片会怎么样呢?那么在这个位置置啊,因为它是创建了一个叫什么叫音input的,对吧,创建个音步,我新加一张图片进来,举举个例子啊,就这张图片。
10:02
啊,咱俩一样的是吧,啊,我换一张啊删除来来呃,换这个吧,来新加一张图片进来进来啊,那么这个时候它是不是就创建了一个音普打打。对不对,那么接下来你一提交这个input,是不是会把它提交过去,过去原来那张图片会有吗。没有,原来那张图片都没有这个内容,容知道吧,他等于没选择选择。所以原来的图片我是不动的啊,你因为原来的图片在你这个位置,你已经删掉了,我不管它,我只管你新的图片,所以呢,你在这里点击提交以后啊,下一步到了哪呢?提交是不是就到我们的更新方法里边了,哎,更新方法里稍微麻烦了一点啊,我们看一下更新方法中接收表单数据。接收这个图书代替,那么接收你选择的那个叫什么?选择的那个分盖D对吧?因为我们这个比较麻烦,跨了好几个表啊,同时呢,我要判断一下,如果这个PSCS啊有就把它删掉啊,这个地方是不用的,因为我们就算是接图片是不是也接那个叫什么呢?接那个fis啊,用Fi去接啊,所以这不用管它啊,那么接下来呢呢,在这里获取当前图出对象啊,这个是后面要用的,暂暂时用不了。好那么这里面第一步是更新图出数据,还记得我们有个updated的更新方法吧,大家把数据进行更新,这个是只是更新了图数的数据,但是呢,你这个分类怎么办呢?如果你重新选择了分类对吧?啊好,那下面呢,获取所有的你选择的分类ID,找到那些对象,然后进行重新更新,这个叫呃,图书和分类的这个关系数据啊,重新下载就可以了。
11:26
啊,那么下一步啊,下一步步就是更新图片了,那我在这里呢,去获取你当前所有上传的新的图片。我把所有的图片都当成新的上传,因为你原来那些都上传不了,走到这里。明白了吧,找不到这个位置,好,那么接下来干什么呢呢,在这里进行图片的处理啊,实例化一个图片对象,然后呢,呃,把那个叫什么咱们商品的那个叫图书这个商品的ID啊,这个对象给他,同时呢,把那个图片地址给到他,他是不是就自己完成上传了,最后把这个方法C保存添加进去就完事了了。
12:00
啊,那我们来看一下啊,这个位置来点击提交更新成功,那数据库啊,因为原来是一张,我又更又增加了一张,所以数据库应该是两张,对吧?来看一下这边边是不是两张。对吧,是不是两张啊,然后数据库同时也是两张,刷新两张。看到了吧,啊,也就是说这个逻辑是怎么回事呢?是这样的哈,代码我就不再挨个给你看了,好吧,大概了解一下哈,呃,是在这里点删除的时候,我用阿把它删掉。明白了吧,然后呢,你要新增加的时候,你就在这个商场就行了,那么接下来提交的时候,新增加的是不是会随着你的那个表单提交走啊,那么么原来这些呢,也会随着走,但是原来这些啊会在会在POS里面接收到。而你新添加的这个会在里边接收到,所以我在这里呢,做了这么一个操作,如果post的那个那个叫data,这个叫post接收的数据有那个pss就把它删掉,因为我不用再处理了,我不需要管它,原来的数据在就在我不用管管对吧?那么接下来呢,就是你新增加的那个,新增加的那些呢,我在这里去去那个接收,接收过来之后循环,呃,有人说他如果不上传,不上传没关系啊,不上传他不就是一个空的列表吗。
13:09
空的列表就不循环呗,就是下面这一步等于不走呗,是不是这个意思啊,所以也没有其他问题。听懂了吧?啊,所以这个逻辑流程啊,就是这样的,呃,只不过呢,就是我不知道大家有没有其他人去写这个东西哈,呃,稍微麻烦一点呢,就是前面。其实那个后台的更新啊,嗯,没有多麻烦,你只要找到图片该干啥干啥对吧,跟添加差不多啊,那么其实就是前面也就是说这一部分的GS代码。啊,稍微麻烦一些,呃,你需要呢,把这个当前这个图,这个图书它已经有的图片先放进去去啊,同时呢,还得给删掉掉。啊,你要做到这两点,其他的你就不用管了吧。没有力是吧吧啊,它逻辑就在这这啊难点难点这那么这个GS我又增加了多少行呢?大家看一下哈,这个D里面原来这个这个这个叫。呃,原来这个里面哈,没有这么多,原来这个里面呢,就大概只有嗯两行,所以我呢,又增加了两行,这个这个代码里又增加两行,然后下边这个地方呢啊,增加了这么几行,这个是新写的啊,增加了大概这几行,大概十行嘛啊,大概十行代码码啊,十行代码,再加上我的删除处理啊,删除处理理啊,这是七行啊,连连这个都算好,就七行行啊,也就是说GS里边只增加了不到20行那。
14:24
明白了吧,啊,就完成这个操作,然后呢,呃,更新里边就是原本原本更新也需要这么多的麻烦,就就是也需要这么处理处理啊,所以这里基本上没没什么特别的变化,唯独就是我用分装的方法单独去删图片。明白了吧,啊,单独上层面啊,我我个人觉得呢,就是这种方式是相对来讲嗯,比较合适的的。就是你不需要再单独的跳转过去,然后对图片进行处理处理啊,就在这里是比较合适的,当然了,如果你不不允许他更新图片,这个好像也不太合理理。是吧,好多同学写的不允许更新新啊,删了重上传是吧吧,对,其实也不太合理对吧?啊删了不太合理,所以呢,对,鉴于这一点呢,就是上午的这个王金玉问了一下是吧,那我就花了点时间把它写了一下。
15:12
啊。大概清楚怎么回事吧,你要详细看呢,这个代码呢,我一会儿把它上传了,你回头去看就OK了,OK了可以吧。啊行行,那这个内容就这么多,然后那个华为云的优惠券应该已经到了,我来跟大家说一下怎么去买优惠券啊,怎么用那个优惠券,然后怎么买,然后怎么去这个叫什么把那咱们的N搭起来好吧,啊怎么把搭起来可以吧。
我来说两句