删除数据

谁借莪１个温暖的怀抱￠ 2022-02-03 04:55 219阅读 0赞

开发工具与关键技术：vs和jquery
    
    作者：戴怡斌 
    
    撰写时间：2019年5月2日

下面我们来看一个删除数据的例子，删除数据会用到数据库，删除的数据就会从数据库里面删除。

删除要数据库，所以要创建数据库，怎么创建在新增数据里面有，不会的可以去里面看一下，表格渲染也有，删除也要用到渲染表格。

删除数据和新增差不多一个意思，只不过是反过来的，思路是差不多的，灵活运用就可以。

删除和修改按钮通常都是自定义设置的，css引用和就是引用在新增数据里面都有，这里就不多说了

function setOperate(data) {}

data：返回数据给你要接受的值。大括号里面就是你要返回的值  
![在这里插入图片描述][20190508201456842.png]

return btns;返回btns的值。

接下来写删除数据的方法，上图删除我给了一个点击事件，点击事件的名称是saveDelete，定义的方法名称也必须是这个名称，要一致。

function saveDelete(GameDeleteID)
    {}
    
    saveDelete（）括号里面的是我在控制器里写删除的方法名称。

删除之前要给用户一个提示，提示框的组件用的也是layer的，想知道效果的，下图有，自己抄。  
![在这里插入图片描述][20190508201433442.png]

$.getJSON("DeleteGameID?GameDeleteID=" + GameDeleteID, function (msg) {}
    
    getJSON：提交数据的一种方式，DeleteGameID：控制器里面写的方法名称，？后面跟的是要接受的一个参数。
    
    function括号里面的msg意思是返回的一个值。
    
    if (msg.State) {}：msg后面是msg的值，jquery对象，if为判断这条数据是否删除成功。如果没有就提示用户删除失败，反之亦然。
    
    tabGame.reload();刷新表格。

方法写完了之后来到控制器写方法。名称要和你提交数据的名称一样

在写删除数据之前先要搭建几个工具类，搭建工具类根据自己情况搭建。  
![在这里插入图片描述][20190508201413249.png]  
搭建完之后，开始写删除代码。

public ActionResult DeleteGameID(int GameDeleteID)
    
    DeleteGameID后面跟int类型，int类型后面跟一个参数，参数名称随便。

删除一张表里面的数据，那就要先找到这张表里面的数据。

所以要查询表，根据表找到你要删除的数据。

YX_GameSKL dbDelete = (from tb in myModel.YX_GameSKL where tb.GameID == GameDeleteID
    select tb).Single();

from：来自，where：哪里，select：查找。意思就是查询的数据来自YX\_GameSKL这张表。

Single()：查询单条数据使用。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU2MTUyMA_size_16_color_FFFFFF_t_70]  
如果你这段代码没成功，也不知道根本原因是什么，这个时候就需要一句代码

try.. catch (Exception)，它的作用就是当你代码打错了，但你不知道哪错了，就需要它。
    
    try.. catch (Exception e),后面加一个e，在这一行断个点，运行之后你把鼠标移到这个字母e上，大概就知道了，为什么说大概呢，因为大部分是英文。

如果运用的非常好，那么你就是大神了，（开玩笑）

try.. catch (Exception e)其实还有很多作用，只是我也不懂，所以...

删除代码全部打完之后，就是下图的效果，只是有规定，只能看到最后删除成功的图片。

代码本身很简单，就看你自己怎么想的，我是这么认为的。  
![在这里插入图片描述][20190508201231766.png]  
删除写完之后，就是修改了，有兴趣的小伙伴可以来看一看，指点一下小弟

[20190508201456842.png]: /images/20220203/e11836e2a0bc4425ab139e65271ab1f0.png
[20190508201433442.png]: /images/20220203/1f180a487d0b4be1b37d91e29dadf606.png
[20190508201413249.png]: /images/20220203/0c559c09cf1848c092573a1afc6b30c9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU2MTUyMA_size_16_color_FFFFFF_t_70]: /images/20220203/f63584638e184c43a45e5fe4e71edd8e.png
[20190508201231766.png]: /images/20220203/575f4f8b716d4747939af940fed09852.png