数据库的操作无非就是增删查改,其中增为首位所以今天就说说如何新增一条数据.
- 设置一个新增按钮
新增
- 然后构建一个要新增数据的关键字的弹出层,用于收取我要新增的数据.
<div class="col-12
mt-3">
<form id="formXz" class="form-horizontal">
<input type="reset" hidden />
<input type="text" hidden name="NoticeTypeDetailID" />
<input type="text" hidden name="NoticeTypeID" />
<div class="form-group
form-row">
<label class="col-form-label
col-3">学生名:
<div class="col-9">
<input type="text" class="form-control" id="StudentName"/>
</div>
</div>
<div class="layui-form-item
layui-form" id=“Sex”>
<label class="layui-form-label">性别</label>
<div class="layui-input-block">
<input type="radio" name="StudentSex" value="男" title="男" checked>
<input type="radio" name="StudentSex" value="女" title="女">
</div>
</div>
<div class="form-group
form-row">
<label class="col-form-label
col-3">身份证号:
<div class="col-9">
<input type="text" class="form-control" id="StudentIDNum"/>
</div>
</div>
<div class="form-group
form-row justify-content-center">
<div class="col-4">
<button type="button" class="btn
btn-primary" id=“btnSaveNoticeTypeDetail” “XZ()”>保存
<button type="button" class="btn
btn-danger" “layerClose()”>关闭
</div>
</div>
</form>
</div>
Ps:在这我创建的三个字段 StudentName:学生名 StudentSex:性别
StudentIDNum:身份证.name的值必须和数据库相同
- 以不会重复的数据作为条件来判断新增数据是否和数据库重复.
public ActionResult XZ(PW_Student pwStudent) {
try
{
int oldCount = (from tbStudentIDNum in myModels.PW_Student
where
tbStudentIDNum.StudentIDNum == pwStudent.StudentIDNum
select
tbStudentIDNum).Count();
if (oldCount==0)
{
- 数据不重复就将数据添加进数据库中的表中,左后判断是否添加成功.
myModels.PW_Student.Add(pwStudent);
if
(myModels.SaveChanges()>0)
{
returnJson.State = true;
returnJson.Text = "保存成功!";
}
}
else
{
returnJson.State = false;
returnJson.Text = "和以前的重复";
}
}
catch (Exception)
{
returnJson.State = false;
returnJson.Text = "数据异常";
}
-
将表放回
return Json(returnJson,JsonRequestBehavior.AllowGet); }
-
写下新增函数
function XZ() {
声明我要的数据的名称变量例如:名字: StudentName,就是接收名字数据的变量
²
var StudentName, StudentIDNum,Sex,data
²
StudentName = $("#StudentName").val(); 获取名字的值
²
StudentIDNum = $("#StudentIDNum").val();获取身份证的值
²
Sex = $("#Sex [name=‘StudentSex’]:checked").val();获取性别的值
判断我获取的值是否为空,为空就给出提示,不为空就继续执行代码.
if (StudentName != “” || StudentIDNum != “”) {
用post方法请求控制器中的新增方法,并且用键值对的方式传递参数,新增完成就刷新数据吧.
$.post("/ZGCS/XZ", { StudentName:
StudentName, StudentIDNum: StudentIDNum, StudentSex: Sex }, function (returnJson) {
if (returnJson.State
== true) {
layerClose();
ZGCS =
layuiTable.reload(‘ZGCS’);
}
layer.alert(returnJson.Text);
},"json")
} else {
layer.alert("请填写完整数据")
}
}
效果图:
未填写数据
填写的数据
控制器获取的数据
查询出重复的条数
新增成功前的数据
新增成功后刷新的数据