增删查改
开发工具与关键技术:VS JQ 作者:唐文坚 撰写时间:2020.10.6 在开始之前先讲讲下拉框的循环,原始如图 这个下拉框啥都没有我想让它数据该怎么办呢? 我想到了这个方法 控制器部分: 首先要把数据的信息查询出来,再使用ViewBag.academes = listAcademe;来反馈到视图 核心代码:ViewBag. 其实还有别的方法只是我偏爱这个 视图部分: 01: List<SYS_Academe>出数据表名 变量名 = 控制器的反馈(=:赋值) 02: 如图所示循环出option标签的数据,就大功告成了 如图: 开始切入正题 查询: 视图部分: 图片的上一大半部分就没什么好说的了,下半部分因为这个查询没在上面的表格渲染那里写路径,所以在这个渲染方法的外面写一个方法把需要的ID都申明好,对下拉框的ID做判断后开始给这个表格做reload 事件(申明的全局的变量名)请求路径、where:查询的条件(在这个方法里申明了几个就是几个)并且刷新页面,再把方法名写到表格渲染里去才可以还有别忘了上面的那个data[] 控制器部分: 这个也没什么好说的就是一个连表查询newGradeVo扩展的是没有但是又需要的数据,判断数据、数据分页。。。 成果: 查询(01数据回填): 视图部分: 修改的点击事件重置表格ID以防不必要的错误(因为是共用弹出层) 回填的方法以及路径,到下面再套一个方法做一个jsonObj非空判断过了就是回填的信息,修改好标题头部以及最重要的是要模态框显示出来 控制器部分: 这里代码量就少了很多了,因为涉及到单表所以用了try 看看效果: 02:(修改、新增,视图部分) 由于是共用的表单所以这里会在一个按钮上写两个事件,这个方法里申明的变量啊,上半部分的判断啊都是新增的,主要是下半部分的代码申明了一个strUrl = "";用来接收是新增还是修改的路径下面那个dataObj是来接收新增或修改的数据的一个新增或修改的判断 做好准备工作后就开始提交了 打开加载层,用的是ajax的方法路径为申明的那个路径名,方法为post,data为申明的dataObj ……… 新增、修改的控制器: 与新增不同的就在这个要多一个自身的判断 其它写法与新增大体一致 看看效果 修改: 再来看看删除,相对上面的这俩这个是比较简单的 视图部分; 表格里删除的点击事件,layui的confirm询问框点击确认后关闭提示框,然后再申明一个提示框 Get方法请求路径后接着就是一个回调的函数关闭提示框弹出控制器传来的消息再刷新表格 控制器部分: 查询出要删除的数据信息然后从数据库删除 看看效果: