HTML部份
HTML部分写好搜索框和新增和修改的模态窗体,点击对应按钮时触发打开模态窗体。
Js部分:
渲染表格查询数据回填和写一个自定义列显示修改和删除按钮。
新增和修改操作:
获取当前模态窗体的数据提交到数据库添加到数据库
点击修改按钮提交相对于的ID到控制器到数据库查询需要的数据并返回数据,经过多次判断数据后新增或修改数据库数据。
删除操作:
点击删除按钮提交当前数据的ID到控制器判断并删除数据库中当前ID对应的数据。
效果:
1.渲染成功并获取到数据。
2.新增操作
3.修改操作:
4.删除操作: