2021-06-07

表单的增、改、除

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术：vs

作者：

撰写时间：5.28～6.8

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

一、实现功能

从数据库中获取数据并提交到页面显示进行更改且同步到数据库中。

项目介绍：

 

图一：初始状态

图中有两个按钮分别为新增、删除通过点击按钮实现数据的增，选择序号下方的复选框实现数据的删除。如果想要更改数据的话可以双击所属的列表后，会弹出一个模态窗体进行更改。

功能介绍：增加数据

图二：提示框

 

当你点击新增按钮时，它会弹出一个模态窗体填写你的数据，当你数据为空时会弹出提示框，提示你补充数据。补充完成后

 

图三：新增数据

修改数据：

 

图四：更改模态框

双击所属的列表后，会弹出一个模态窗体进行更改。修改完成后

 

图五：更改数据

删除数据

选择序号下方的复选框实现数据的删除，当你选择了几个则会提示“只能选择一个数据”

图六：提示框

 

                              图七：选择删除

 

                             图八：结果

二、重点代码：

 

 

三、代码讲解

代码运作原理：通过数据库的引入到视图，在利用控制器将数据储存，这样就可以使用$.get(),$.post()进行接收

if (window.confirm("是否删除数据？")) {

// window.confirm()方法用于显示一个带有指定消息和 OK 及取消按钮的对话框

                    var sdentID = checks.val();

                    //console.log(sdentID);

                    $.post("/ling/valDele?sdentID=" + sdentID, function (msg) {

      //"/ling/valDele?sdentID=" + sdentID字符串的拼接

                     alert(msg)

                    })

                    $("#ModalInsertStuent").modal("hide");

                    window.location.reload();

//页面刷新

                }

 

如何获取数据：

      public ActionResult valDele(int sdentID)

        {

            string msg = "";

            student student = (from tb in myModel.student

                               where tb.StudentID == sdentID

                               select tb).Single();

//Single()方法单精度浮点。处理大多数小数。

            myModel.student.Remove(student);

            if (myModel.SaveChanges() > 0)

            {

                msg = "新增成功";

 

            }

            else

            {

                msg = "新增失败";

 

            }

            return Json(msg, JsonRequestBehavior.AllowGet);

        }