修改表格数据

怼烎@ 2022-10-16 09:40 109阅读 0赞

下面我们来看一个数据修改的例子，数据修改也会用到数据库，跟前面新增，删除一样会用到数据库，看过新增的就知道数据库是什么样的，我就在这里不多说，

修改的逻辑可能比较强，跟新增，删除不一样，所以说会难度大一点。

但也不会太大，也有各种判断，比新增，删除还有多。

一开始做就要想清楚思路，不然，很容易死循环。

不过修改很新增都需要保存数据，已修改，已新增都需要，保存的对象看自己的思路。

也可以说修改是在新增的数据和原本就有的数据上进行修改。修改的数据也会保存到数据库里面，也可以说是覆盖了原有的数据。

思路一点要清晰，我老师经常这样说。开始修改了

和新增，删除一样都需要一个按钮，按钮的名称都要一致。  
![在这里插入图片描述][20210529082652398.png]  
是跟删除一起的，作用在删除哪一篇有，这里就不多说。

我就先写视图部分，然后就是你修该之后的保存了，可以说很重要，其实保存数据和修改数据可以都在一个方法里面，

但是这是单独说的，所以就不把这两个方法放在一块。

var Type = $("#IGameType").val();

获取已这个IGameType命名的ID的值，

因为是修改保存，所以必须要获取的你要修改的ID，作用在新增哪一篇有

$.get("/Comupter/GameUpdate",

这句代码的意思就是提交，你修该的数据要提交到哪里去，提交有两种方法，get，post。

GameType:Type, GameName: Name, GameID:id, SuitableCrowd: Crowd,
    PromulgateTime: Time

这句话就是对应的，对应数据库里面的数据，也就是键值对。

图片后面没有的，只能说声抱歉，只能以一段代码一段解释来说明了。

function (msg) {if (msg.State == true) {layer.alert(msg.Text);

这句话的意思是从控制器接受数据，msg就是传过来的数据，后面代码意思是如果传回来的数据是真的那就执行。如果不是就给客户一个提示。

$("#ModGameDY").modal('hide');

成功之后就要把模态窗体关闭掉。

tabGame.reload()：关闭之后刷新页面。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU2MTUyMA_size_16_color_FFFFFF_t_70]  
视图这边写完之后就开始写控制器部分了。

写控制器就必须要写数据回填，数据回填的意思是把你要查询的数据从数据库里面回填到你要修改的数据上。

所以就需要查询数据这一步，插询要修改的数据。

查询数据主要是从哪个表里查数据，还有就是自己要查询什么样的数据。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU2MTUyMA_size_16_color_FFFFFF_t_70 1]  
查询写完之后，开始写修改，修改要加参数，参数是类型的都要清楚。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU2MTUyMA_size_16_color_FFFFFF_t_70 2]

!string.IsNullOrEmpty(GameType)
    IsNullOrEmpty：指示指定的字符串是null，！：感叹号的意思是非，就是否定的意思。所以这句话的意思是判断你要修改的数据不能为空。后面的就跟新增差不多 。

修改表格数据就写完了。

[20210529082652398.png]: /images/20221014/497d0a6481e34712a641ec2b0b2998f7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU2MTUyMA_size_16_color_FFFFFF_t_70]: /images/20221014/09d0caf534d946aba028a90a2b4e0031.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU2MTUyMA_size_16_color_FFFFFF_t_70 1]: /images/20221014/5b1e011589f94aa687e1a98b8a626944.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU2MTUyMA_size_16_color_FFFFFF_t_70 2]: /images/20221014/900bb0a303dd4897ac9fce68c95c57b9.png