2021-06-08

                                  上周学习

1. 数据库的修改：

  修改的基本布局也是跟上次所说的新增布局差不多，就是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">&times;</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.效果

双击点开要修改的那一条数据，打开修改窗体之后它会自动填充数据，点击你要进行修改的内容然后进行修改，修改点保存就好了

此刻它会弹出修改成功，点击确定，数据就修改完了

再打开数据库点执行，数据库里面的数据也修改好了