24_尚硅谷_书城项目_删除图书

下面呢，我们来说这个删除，现在呢，获取还有添加我们已经完成了，下面呢，我们来说这个删除，我们来这个添加一个，随便添加一本书啊，一会我们把它给删掉。添加完之后呢，我们一会把它给删掉好啊，又添加了一本，我们一会儿呢，诶把它给删掉好，诶那下面呢，我们来实现这个删除，我首先呢，得找到这个超链接呢，诶来到我们的book manner.html找到我们的删除超链接。哎，在这给我们来写一个写一个delete book，那要删除图书，我是不是得根据它的什么来删除啊ID对吧？哎，所以呢，我需要是不是得把ID传过去对吧？所以呢，哎，来问号。不开ID等于，那这个呢，是不是直接就能拿到了，点一个ID。

这是大写吧，得个ID就可以拿到这个呃，突出的一个ID了啊，就能拿到突出的一个ID了，好，我们来看一下。图书管理右键查看源代码。往下翻ID456，哎里边都有ID，哎没问题啊没问题，好这个，但是呢，我们现在啊，这个Du里边呢，还没有删图书的方法，所以呢，我们还需要再加一个函数啊，再加一个函数找到我们这个。博客好，在这里边呢，我们来添加一个删除图书，根据图书的ID。Delete。Book，根据图书的这个ID，哎，从这个数据库中删除一本图书。Delete book好，里边呢，我们传一个book ID string了啊。

好，同样写四口一句。Delete from where。ID等于五号。下面呢来执行。点一个DB点一个。Circle。第二个是这个。不该的。好。Either。等于，然后先if不等于new。

最后来return一个。诶，这块是每挨着好保存，哎，这是这个啊，删除图书的一个方法。Book ID should be。不看ID好大写的，那我们就大写的吧。好，根据ID来删读书，好，下面呢，我们来在这呢来测试一下。它是一个delete。Delete book。那这个呢，就不需要了，调用哎，删除突出的一个函数。

Delete。里边来传一个ID，我们来看一下我们刚刚添加那本图书的ID是什么啊。34。34好，诶，我们来看能不能把它删除掉。来，在这呢测试删除图书。那我们两个一块测吧，啊，让他也给我添加一本，添加一本，一会我们再在页面上再删除它，他找到我们这个。在这来复制一个。哎，测试添加删除。他是一个delete。保存。好哎，我们这个加一本，然后再删一本，看看能不能成功。

好啊，测试这个相关方法。相关函数。我们看一下数据库刷新。好哎，这个34给我们删除了啊，又加了一本三国演义，又加了一本三国演义，好哎，那这个呢，我们这个，呃，下面呢，我们这个方法写完了，我们来实现这个真正的啊在页面上点这个窗帘接呢，来删除这个图书。好。找到我们那个。页面啊，在这啊，Delete delete book ctrl c，复制一下超链接来到我们的慢点勾，我们来删除读书。复制一个。Delete book。

Delete，然后边呢，同delete book。删除读书。在controller里边来加上这个。处理器函数。Delete，删除读书。W。HTTP第一个response。

而。行。你。HTTP.request。或许。要删除的图书的这个ID好。不排ID等于。R点一个。这个还能用post form value吗？不能了是吧，也不能了啊，因为我这个不是提交那个表单了value。好，哎，里边来一个book ID。不ID，我们来看一下这传过来的是不是不ID啊。五个ID好，没问题啊，没问题。然后得到这个不开的之后呢，下面我们就来这个，哎，删除了调用这个不可低用这个删除读数的这个函数。点一个delete book里边穿一个book ID，好，那同样我上完之后下边干什么？

上完之后是不是也是要查一遍呢。对吧，所以呢，这块一样了啊，调用它呢，再次查一下入柱，再次查一下入柱。呢ni掉下的啊，再次查下输出就是这个。然后你删完之后呢，数据库里边少了一本，所以呢，你还得重新查一下，诶再把数据库里边那也再再重新查一遍啊好诶这是这个，诶删完之后呢，我们来这个再写，再再再次查一遍，查一遍呢，得到这个之后呢，再最终来到这个book man软件里看这个页面啊。好了啊，这个写完了，写完之后呢，我们来再来一次，把这个关掉，我们来CTRLC。Build，慢点，Go。买点买点一个exe。好，来图书馆里。

下面呢，来删一本三国演义给他干掉删除。来看。诶是不是删除了对吧？哎，这个就删除了啊，但是呢，现在你想一下我这个如果啊，我发现这个呃最后一本了，还是三怪一，我现在呢想删它，结果呢，手一抖就点点成这个数据库转了一点，是不是它就删除了对吧？这时候数据库里边数据啊就被删了，但是我现在不想删它，所以呢，我们感觉啊这块呢，最好干什么呢？点一下它是不是给他一个提示框啊，哎给他一个提示信息。那这个时候我是不是得给这些超链接绑定单击事件了？好。那怎么给他绑单支件呢？我需要给他加一个什么呢？我是不是给他加一个属性，然后根据属性来获取这些超链接啊。加啥？能加ID吗？不能吧，加ID，因为这个是在range里面遍历得到的，那这个ID是不是都一样了呀，所以呢，我们需要加。

Class delete book，我们根据class来给它绑定，单击时间，CTRLC，好。来诶上边我们这块呢，还没有这块是吧，还没有写过，所以呢，来这我们来script。引入一下这个。I。等于，嗯。下载一个。Script。下的我们呢，这块杠1.7.2。JS。保证。诶，我们来看一下啊，是不是这个。Script。Sta下的一个script下的杠，诶1.7.2JS好没问题啊没问题。好，那下面我们来。

Script。看一下啊，写的对不对，我们来alert一下这个Dollar符，那引入的有没有问题。来测试一下。图书管理。好，哎，没问题啊，可以弹。好，下面呢，我们来写一个到乐福。括号里边来一个function。在这呢，我们来给给这个删除图书的超链接。网恋单机时间。当时。括号。哎，这个呢，Class跟你们讲的这个CSS类似，哎，选择器是点。Delete book，诶因为我们给这个所有的超链接啊，设置了一个属性叫class，哎，我们根据这个class来给它绑单时键，这是delete这个book.delete book啊点delete book，然后点一个click。

啊。方式。Click function。好，那给他绑了单机时间之后呢，哎，在下边我这个要弹框，那这个弹框的时候啊，我们用的是这个con。就是这个确认框。就是确认它有一个返回值是不二类型的，如果你要点确定，它会返一个处，如果要点取消，它会返回一个false，诶那么就知道你是到底想删还是不想删，就有有这个后悔的机会了，那刚刚呢，你如果不加他，你直接一点就直接把数出本给他删除了，所以啊，相当于我们现在就有这个后悔的机会了啊这边写一下，哎，确定。要删除什么哪哪哪一本书吗？就这样啊，这本读书吗。

好，那现在也注意了，那这个确定要删除什么什么这本图书吗？这个图书的名字我是不是得得到。所以呢，诶，下边来获取这个书名。Word一个抬头就等于诶，那么物体来了说明怎么获取？书名是不是在这？不是在这对吧，那我现在点的是不是下面这个A。然后怎么得到署名呢？A，跟这个TD什么关系啊？A的负元素是不是这个TD？哎，这个TD跟他什么关系，他是他的这个兄弟对吧，也是他的兄弟，那我这个怎么来得到他呢？其实啊这个哎我们通过这个这块的方法呢，可以得到一个this呢，就是A，哎它点了一个parent，就是这个外边个TD，外边这个TD，然后呢，TD的在parent，哎它的负元素就是TR，那TR的第一个子元素是不是就是TD。

哎，这样也可以得到，也可以得到，但是呢，在这啊有一个简单的方式。怎么简单的方式呢？A，不是还有一个属性叫ID吗？我把书名付给ID。杭州C。CTRLV，好，我把这个图书的书名附给ID，诶那这个时候呢，当然你用那个正常的方式，通过A找DD，再找这个最上面这个DD也可以拿到啊，然后呢，拿里边这个text的它的文本就可以了，诶那我们这个A呢，有一个ID，我就可以这个借入于这个ID来把这个书名付给他，那有同学说你个书名要重复的话，那我得到的不是这个一样的了吗？诶没关系。你点的是谁，我们一会获取这个ID的值都是用z.ID的，哎，就用Z来得到的，就是当前这个对象得到它那个属形，所以呢，即使你的数面一样，它也不会拿到另一个A的那个ID，所以啊这这一块，诶，这是这个简单的方式啊，当然了，你也可以这个正常的，哎，得到A之后呢，在parent得到这个TD，在parent得到TR，然后在他的这个first第一个子元素得到TD，然后在点PA就能拿到这个负名了啊，这也是可以的。

哎，这个，呃，具体的这个方法呢，你可以看给大家之前发的这个API这里边啊，在这个第三列这块有这个过滤，你像这个first获取这个什么呢？第一个元素，第一个元素，哎再往下，你比如这块有个find，还有什么呢？Children准children呢，就是得到子元素的，你比如拿到TR之后呢，调一个处理方法就能得到它一个子元素，然后你再点first拿第一个子元素就可以了，那那个获取负元素呢，有个parent，哎，这是获取这个负元素的。诶，这个这些啊都是对应的，你像这个parent呢，是获取副元素的，Parent呢是获取主先元素的，只要它外边的都可以拿到，你在这个parent里边，你还可以传参，比如比如这一块，哎，你写一个A。

等于你得到的是A点派次方法，这个TDTR，包括外层的它都有因是它的组先元素，那你如果想得到TR，直接里边传一个TR，就是它一个TR这个元素了，然后你再点成准，就是它下边所有的子元素，你再点，再点first就是第一个TD，哎，得到第一个T之后，再点这个text就能拿到里边的文本了，所以这样也可以得到，但呢比较麻烦啊，所以呢，最简单的就说呢，我把这个数描干脆给他的ID，我通过这个ID获取就可以了。好，那现在我要获取这个水面，哎，就是哎，到了时。括号。里边呢，就是一个this this，哎，点的是A，所以那个this就是那个A，诶，导入出一包变成结块的对象，然后再点at tr at tr就是获取某个属性值的啊，里边传一个ID，这样呢就能拿到书名了。哎，At tr这个方法我们也来看一下，回来诶在第一列这一块。在这个第一列这块有个属性，属性这块第一个方法就是at DR，哎，我们来看一下设置或返回被选元素的一个属性值。

诶，所以呢，跟我们那个text呀，还有v value啊类似用法很类似，诶来看一下诶Dollar image就是拿到那个插入图片的那个标签，然后呢，点at DR s RC就是获取你那个图片的SRRC里面那个值的就是获取获取，那我也可以设置下边这块Dollar pro image.at DR，哎，Src后边传了一个新的值，哎，这就相当于设置src的值，哎，传两个参数就是设置我还可以传多个参数，也就相当于我可以设置多个属性的值。哎，就这样，At DR，呃，成一个大括号。Src冒号什么？哎，就是第一个属性，你想设置为什么，然后out，你想设置为什么？哎，也可以传多个，也可以转多个，就是按获取或设置属性值的一个，这一个方法叫at DR tribu的一个缩写啊at drr，好，那现在呢，我想获取的是ID的值，所以呢，哎，At drr里边一个ID属性就可以了，就能拿到这个书名了，那拿完之后呢，下边这块我们就可以拼串了。

加加里边传一个title，哎，传一个title，哎，这个时候再再弹的话，就是你确定要删除谁谁谁这本图书了，好，那它有一个返回值。一个。Flag就等于它，诶如果你要点的是确定它就是true，如果要点取消，哎，它就是这个false，那好，那这个注意了，哎，我这个如果要点取消，我是是就不想删这本图书了，对吧，那不想删我是不是就想这个return了。你点一下它一堆，那Rose是不是就不像这个超链接发请求了。诶对吧，所以呢，这块啊这块，哎，那我这块该怎么写呢。衣服呢？非是吧？

诶if非flag，诶如果你要点取消这个是false非false是处，然后在这里边是不是取消默认行为对吧？诶取消这个默认行为特。好，其实呢，这个呢，有个简单的方式。怎么简单呢，我把它注掉，我是不是直接return come这个方法就可以了。那我这样。我把人都除掉。有个简单的方式啊，直接这样return。CTRLC。CTRLV，这样行不行？可以吧，如果哎，你要点确定，证明你想删return true，那是不是就是我你想删这个，我直接是不是就向那个超链接发起图了，对吧，如果你要点取消，这就是false，是不是就相当于return false。对吧，哎，它是不是就相当于取消这个默认行为不删除了，对吧？好就是这个啊就这个，所以呢，上面这几步啊，我们可以写出这一步啊，直接return来confirm就可以了，好诶，那这个呢，我们写完了，写完之后呢，我们来测试一下看行不行啊图书管理。

来往下翻，我们来点一下三国演义，点删除。好，哎，确定要删除三国演义这本图书吗？点取消好诶没有删除，没有删除来诶再点这个删除确定。好，来看。哎，是不是就删除了对吧？哎，这种就删除了啊，这是这一块啊，我们这个删除删除这个图书，哎，在这个删除的同时呢，我们就通过j query啊，通过解块，当然你们用这个之前的那个JS呢，也可以啊，也是可以实现这个功能，诶通过这个JS呢来判断一下，诶给他一个提示光就防止比如说他扇某一本读书，本来不想扇它，结果呢，这个手一抖吧，点成另外一个了，所以呢，这个这个就呃没有后悔的机会了，对吧？呃，有了他弹光之后呢，有呢，你本来想删这个，呃，三国演义的，就不小心点出水浒传了，呃确定要删除水浒传嘛，你看啊，不是我删的，所以点取消就可以了啊，就不会删除了，好啊，这是我们这个删除读数的一个功能。