后台的增删改查是如何发生的

最新推荐文章于 2023-03-12 14:17:21 发布

masami269981

最新推荐文章于 2023-03-12 14:17:21 发布

阅读量406

点赞数 1

本文链接：https://blog.csdn.net/masami269981/article/details/104635609

版权

本文探讨了后台进行增删改查操作的流程。点击修改按钮时，通过Ajax请求获取并填充数据到模态框。确认修改则通过Ajax发送数据到后台，controller处理并更新数据库。删除操作涉及多条记录选择，弹窗警告后通过Ajax发送删除请求，后台执行删除操作并刷新数据展示。

摘要由CSDN通过智能技术生成

写在最前面

1、无论是用jQuery的get方法还是Ajax，都称之为“往后台发接口”，controller接收的就称之为接口地址
2、地址映射有两种响应方式：第一种是直接返回视图，比如页面跳转；第二种是使用@ResponseBody注解，返回结果封装对象(JSON串)
3、上传图片用到了AjaxUpload插件
4、JSON->POJO：前端发送Ajax请求，Ajax的data属性必须是JSON；后台接受数据时，也要用到@ResponseBody注解，将json转换为java对象
5、POJO->JSON：后台向前端返回数据，返回的是一个Result(结果类实体)，使用@ResponseBody注解默认返回JSON
6、POJO->SQL：Mapper.xml文件中绑定parameterType="davie.pojo.Carousel"

点击修改按钮发生了什么

在这里插入图片描述

简单的说，完成了数据填充。根据选中的记录去数据库里拿到数据，渲染到模态框（bootstrap）。
具体的说：
点击触发"carouselEdit()" js函数

function carouselEdit() {
   
    reset();
    var id = getSelectedRow();
    if (id == null) {
   
        return;
    }
    //jQuery请求数据,GET 请求
    $.get("/admin/carousels/info/" + id, function (r) {
   
        if (r.resultCode == 200 && r.data != null) {
   
            //填充数据至modal
            $("#carouselImg").attr("src", r.data.carouselUrl);
            $("#carouselImg").attr("style", "height: 64px;width: 64px;display:block;");
            $("#redirectUrl").val(r.data.redirectUrl);
            $("#carouselRank").val(r.data.carouselRank);
        }
    });
    $('.modal-title').html('轮播图编辑');
    $('#carouselModal').modal('show')