上周学习
- 数据库的修改:
修改的基本布局也是跟上次所说的新增布局差不多,就是ID名称不一样,从新增中复制过来修修改改就好了,当然这过程也不是那么简单的,废话不多说,往下看!!!!!!
1.修改学生数据的模态窗体代码
<div id="ModModifyStudent" class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">修改学生</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form id="frmModify" autocomplete="off">
@*隐藏域*@
<input type="hidden" name="studentID" value=""/>
<div class="form-group form-row">
<label class="col-form-label col-3 text-right">学院:</label>
<input class="form-control col-7" type="text" name="academeName" id="UpacademeName" />
</div>
<div class="form-group form-row">
<label class="col-form-label col-3 text-right">年级:</label>
<input class="form-control col-7" type="text" name="gradeName" id="UpgradeName" />
</div>
<div class="form-group form-row">
<label class="col-form-label col-3 text-right">专业:</label>
<input class="form-control col-7" type="text" name="specialtyName" id="UpspecialtyName" />
</div>
<div class="form-group form-row">
<label class="col-form-label col-3 text-right">班级:</label>
<input class="form-control col-7" type="text" name="className" id="UpclassName" />
</div>
<div class="form-group form-row">
<label class="col-form-label col-3 text-right">姓名:</label>
<input class="form-control col-7" type="text" name="studentName" id="UpstudentName" />
</div>
<div class="form-group form-row">
<label class="col-form-label col-3 text-right">性别:</label>
<select class="form-control col-7" name="studentSex" id="UpstudentSex">
<option value="0">--请选择--</option>
<option value="男">男</option>
<option value="女">女</option>
</select>
</div>
</form>
</div>
<div class="modal-footer justify-content-center">
<button type="button" class="btn btn-primary" onclick="ModifyStudent()">保存</button>
<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
</div>
</div>
</div>
</div>
2.修改:三步骤
1.选择需要修改的数据,弹出修改的模态窗体
$("#ModModifyStudent").modal("show");
2.在模态窗体中显示需要修改的数据
3.修改模态窗体中的 保存功能 (修改功能)
一定一定要注意,ID名称要一一对应
3.创建修改的方法 核心代码
基本上代码就是这样子,下面一起来看看效果!!
4.效果
双击点开要修改的那一条数据,打开修改窗体之后它会自动填充数据,点击你要进行修改的内容然后进行修改,修改点保存就好了
此刻它会弹出修改成功,点击确定,数据就修改完了
再打开数据库点执行,数据库里面的数据也修改好了