修改与删除数据库的数据(下篇)

1:接着上篇的内容开始,当我们设置完成新增后,我们需要去操作列表里面添加两个自定义的button按钮,这时候就需要用到Layui插件里面的一个“templet”自定义列模板,然后给它一个名称,再通过这个名称去写一个方法,在方法里面传入一个参数;定义一个变量来接收传入参数里面的学校ID,再定义一个btn,用来对两个按钮进行赋值,最后返回btn就OK了;
自定义列模板代码截图:
在这里插入图片描述
2:添加完修改与删除按钮以后,浏览器上就会给每一个学院的后面都添加上修改与删除按钮了,然后写刚刚放在修改里面的那个方法的数据:当点击修改时先是要对input里面进行数据回填,回填的数据肯定要通过学校ID去数据库里面查询出来相对应的数据,这时候我们去控制器里面写接口的方法,给它起个名称叫:“SelectAcamedeByID”,然后传递一个参数,因为是通过学校ID查询数据的,所以这里的linq查询又跟新增时的linq查询有点不太一样,还是先“from”后面接一个自定义名称,然后“in”后面接你需要查询的一张表,然后再“where”后面接自定义名称里面的学校表要等于传递过来的参数,最后“select”里面的相对应的数据,
这里的意思就是去学校表里面通过学校ID来查询学校ID,学校代号,学校名称;嗯,就是这样,最后返回查询出来的数据就OK了;
控制器里通过ID查询学校信息代码截图:
在这里插入图片描述
3:回到视图,通过一个“post”方法来加载返回回来的数据,第一个参数就接口的方法名称,第二个参数就是需要传递的参数,也是用键对值的形式,最后function里面放返回回来的数据,再对相对应的input回填相对应的数据,,然后打开模态窗体;
加载返回数据和对数据回填代码截图:
在这里插入图片描述

4:代码写完以后,启动浏览器看一下效果:当点击相对应的学校时就会弹出相对应的学校数据
浏览器效果截图:
在这里插入图片描述
5:数据回填以后,接下来就是对修改以后的数据进行保存了,保存的话就跟新增操作的代码差不多;同样还是先获取到模态窗体里面的相对应的input里面的值,但是多了一个隐藏的学院ID,所以那个隐藏的学院ID也要获取到,然后去控制器里面新增传递过去的数据,其中进行种种判断,最后返回实例化的封装类,因为上一篇已经详细讲过了,这里就不浪费时间;
控制器里新增修改后的数据代码截图:
在这里插入图片描述
6:返回视图,通过“get”方法加载返回的数据,然后判断状态,如果为true就提示它相对应的文字,关闭模态窗体,刷新表格,如果为false,也返回相对应的文字就OK了,这样跟新增差不多是一模一样的,就接口方法不同而已,然后修改学校的方法就完成了;
7:修改完成以后,我们再来完成一个删除的操作,这里删除就非常的简单了,先去删除的方法里面给它一个提示,提示它”确定删除吗?”然后再给它一些样式,再在function里面放一个“index”,最后关闭这个“index”,也就是提示框;然后去控制器里面写删除的接口方法,还是一样的通过学校ID去删除,自然就需要传递学校ID这个参数,然后再通过学校ID查询出数据,再把它移除,再判断是否移除成功,如果成功就给它相对应的状态和文字,失败也是一样的;
控制器里删除学校信息代码截图:
在这里插入图片描述
8:控制器写完以后再去刚刚的删除方法里面去加载,加载也是一样的,只不过这里需要先给它一个提示框,让它选择,提示它“确定要删除吗?”如果确定就执行下一步操作,如果不是就什么都不发生,然后关闭提示框;
删除操作代码截图:
在这里插入图片描述
9:设置完可以继续启动浏览器看一下效果,所有的操作都是OK的,那就没有问题了,比如新增一条数据,然后再修改它,最后删除,如果OK,那你就成功了!

猜你喜欢

转载自blog.csdn.net/weixin_44543131/article/details/89971432