新增数据到数据库(2)

你的名字 2023-01-09 03:44 117阅读 0赞

今天接着上面讲。

这一句意思就是接受返回的数据，返回的一个数据必须要有接收才可以。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU2MTUyMA_size_16_color_FFFFFF_t_70]  
因为只查询单表，所以没有联表，查询完数据之后表格渲染就完成了，渲染图。  
![在这里插入图片描述][20210120193437600.png]  
图片上传有限，所以只能看到一部分，操作是自定义的话，要设置自定义属性值。

最后说新增，来到视图这边，写接受返回的数据一个代码。

一般来说添加都会有模态窗体，我也一样，先要给添加按钮设置一个点击事件。有打开模态窗体就会关闭，所以也要写一个点击关闭按钮的事件。

关闭按钮很容易，给你的关闭按钮设置一个点击事件，οnclick="

layerClose "，双引号里面的名称要跟你定义的方法名称要一致，保存按钮也一样。

function layerClose() {layer.close(layerIndex)};

layerIndex一开始就定义好了的变量。

图片里面已经写好了解释，在这里就不多解释。  
![在这里插入图片描述][20210120193451994.png]  
打开添加模态窗体之后，输入你要输入的数据，然后就是重点了，圈起来，要考。

保存按钮，又要去控制器里面写你要保存新增的数据到数据库里面。  
![在这里插入图片描述][20210120193555151.png]  
因为有规定，所以图片不能太大，写新增就是判断，判断名称不能相同，不能为空啊等等，根据自己喜好判断就行。

最后就是判断保存的值大于0就新增成功，反之亦然。

if (myModel.SaveChanges() > 0){};

最后回到视图这边，写保存新增按钮的方法。

先定义变量获取美元符号里面的值，

var Type = $("#IGameType").val();
    var Name = $("#IGameName").val();
    var Crowd = $("#ISuitableCrowd").val();
    var Time = $("#IPromulgateTime").val();

获取到之后就判断这四个值都不能为空的字符串，然后以键值对的形式，modGame：这就是我在控制写新增的方法名称。

if (Name != ""&& Name != "" && Crowd !=""&& Time != ""){
    $.get("modGame",{GameType: Type, GameName: Name, SuitableCrowd:
    Crowd, PromulgateTime: Time
    },
    function (data) {
    if(data.State == true) {layer.alert(data.Text);
    $("#ModGameDY").modal('hide');
    tabGame.reload();
    } 
    });

$("\#ModGameDY").modal(‘hide’)：关闭模态窗体，tabGame.reload()：意思是刷新表格。如果data传回来的数据等于true那就新增成功，

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU2MTUyMA_size_16_color_FFFFFF_t_70]: /images/20221119/715202ef684648aa8b000a1e3c4a61d2.png
[20210120193437600.png]: /images/20221119/09ea84e61e5d4d81b014a2fd71c6f6f5.png
[20210120193451994.png]: /images/20221119/269dcbe52d474130a63cb2ac6311a9f6.png
[20210120193555151.png]: /images/20221119/86fa26f668b943acab4ced6110419ef2.png