数据新增到数据库

Posted 是小叶的呢.

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了数据新增到数据库相关的知识,希望对你有一定的参考价值。

效果图:
在里面输入要新增的内容,再点击Get增加按钮,然后弹出提示框新增成功。
在这里插入图片描述
最后回到SQL里面CTRL+R刷新就能看到新增的内容。
在这里插入图片描述
html部分:(注:本人运用了插件)

<body>
    <div class="container mt-5">
        <h4>学生表</h4>
        <form id="myform" @*method="post" action="~/kaoshi/getData"*@>
            <div class="form-group form-row">
                <label class="col-form-label col-2 text-center">姓名</label>
                <input class="form-control col-9" type="text" name="stName" id="txtName" />
            </div>
            <div class="form-group form-row">
                <label class="col-form-label col-2 text-center">性别</label>
                <select class="form-control col-9" name="stSex" id="cboSex">
                    <option value="0">--请选择--</option>
                    <option value=""></option>
                    <option value=""></option>
                </select>
            </div>
            <div class="form-group form-row">
                <label class="col-form-label col-2 text-center">地址</label>
                <textarea class="form-control col-9 " name="stAddress" id="txtAddress"></textarea>
            </div>
        </form>
        <div class="form-group form-row">
            <button type="button" class="btn btn-outline-primary c" id="btnget">GET增加</button>
            <button type="button" class="btn btn-outline-danger ml-4" id="btnpost">POST增加</button>
            <button type="reset" class="btn btn-outline-secondary ml-4">重置</button>
        </div>
    </div>
</body>

javascript部分:

<script>
        $("#btnget").click(function () {
            var name = $("#txtName").val();
            var sex = $("#cboSex").val();
            var address = $("#txtAddress").val();
            if (name != "" && sex != 0 && address != "") {
                $.get("/Home/addInfor",
                    {
                        stName: name,
                        stSex: sex,
                        stAddress: address

                }, function (data) {
                    alert(data);
                })
            } else {
                alert("新增的信息不完整");
            }
        });

    </script>
  1. 首先我们通过ID创建一个点击事件。
  2. 利用JQ的方法获取ID。
  3. 通过if语句来判断他们是否等于空,如果等于空就执行else里面的语句。
  4. Post方法来提交数据,有四个参数,第一个:提交的地址,"/Home/addInfor"Home指的是控制器,addInfor指的是控制器定义的方法。第二个:提交的数据,第三个:回调的函数,我们一般用前三个就可以了。
  5. 最后以键值对的形式传递数据。
    数据库映射的模型实例化对象:
Models.addDataEntities myModal = new Models.addDataEntities();

新增的方法如下:

//Studentchart表可以使用using引入, student实体类
public ActionResult addInfor(Studentchart student)
        {
            string str = "";
            //二次判断数据是否为空,为空就弹出else里面的内容
            if (student.stName != "" && student.stSex != "0" && student.stAddress != "")
            {
            //这里的myModal指的是从数据库映射过来的实例化对象,然后点出Studentchart表使用Add新增的方法
                myModal.Studentchart.Add(student);
                //SaveChanges指的是将数据保存到数据库 判断它是否大于0,大于0就新增成功
                if (myModal.SaveChanges() > 0)
                {
                    str = "新增成功";
                }
                else
                {
                    str = "新增失败";
                }
            }
                //返回数据
                return Json(str, JsonRequestBehavior.AllowGet);
        }

这样数据就完美的新增到数据库啦。

以上是关于数据新增到数据库的主要内容,如果未能解决你的问题,请参考以下文章

实用代码片段将json数据绑定到html元素 (转)

将数据从活动发送到片段android工作室[重复]

如何将字符串数据从活动发送到片段?

如何在android中将json数据加载到片段中

当我从用户获取数据并将其保存到 SQLite 数据库中时,我应该怎么做才能使列表视图在片段中工作

如何将列表视图中的数据从一个片段发送到另一个片段