2021-06-06

                                       

                                                                上周学习

1. 数据库的新增 

          基本布局：

                 1.创建方法

                 

 public class LinqSelectController : Controller

             {

        // GET: LinqSelect

        //实例化，实体模型

        Models.TestDBEntities myModel = new Models.TestDBEntities();

        public ActionResult Index()

        {

            return View();

        }

        //查询表格数据

       

 public ActionResult SelectStudent()

        {

            //string str = "{\"name\": \"zhangsan\", \"sex\": \"男\", \"address\": \"四川成都\" }";

            //return Content(str);

            //linq标准查询语句

            var data = from tbdata in myModel.SYS_Student

                       select tbdata;

            return Json(data, JsonRequestBehavior.AllowGet);

}

新增的核心代码

            

myModel.SYS_Student.Add(modStudent);

            //myModel.SaveChanges();

            if (myModel.SaveChanges() > 0)

            {

                str = "新增成功";

            }

            else

            {

                str = "新增失败";

            }

            Return Json(str,JsonRequestBehavior.AllowGet);

2.模态框

 

              

3.表格数据的绑定，注意代码名称要与数据库中的名称一致。要不然    会出现没有数据，显示出undefined值，一开始做的时候就是没有注意到，搞了好久都没有弄好，后来还是同桌发现了。

                   

4.弹出或关闭新增模态窗体，关闭就把“show”改成“hide”就好了

                 

5.将页面数据提交到控制台中  完成一个新增的操作，也要注意id         名称，不要把名称混晓了

                   

6.验证检查

                    

7.将表单序列化为一个数组

            var dataArr = $("#frm").serializeArray();

           //console.log(dataArr);//判断值是否为空

          //  for (var i = 0; i < dataArr.length; i++){

          //      console.log(dataArr[i]);

          //      if (dataArr[i].value == "") {

          //          alert("表单数据填写不完整，请检查");

          //          break;

      

//      }

          //}

            $.post("/LinqSelect/InsertStudent", dataArr, function (msg) {

                alert(msg);

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

                window.location.reload();//新增后刷新

展示效果：

新增模态窗体中的数据一个都不能为空，因为我在上面做了验证检查，

填完所有数据之后点保存，然后添加成功，第六条数据就添加成功了。

       

数据库中未新增前：

 

       

数据库中新增后：

       

此时数据库的新增就已经完成了，为啥数据库中会有两个null值呢，因为我在写代码的时候就没有把后面两个写上去，所以数据库中才会出现null值，补全就好了。。。。