springBoot+layui-table简单分页增删改查

 实体类：

package com.zz.zx.layuiboot.entity;

import com.baomidou.mybatisplus.annotation.IdType;
import com.baomidou.mybatisplus.annotation.TableId;
import com.baomidou.mybatisplus.annotation.TableName;
import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;

@Data
@AllArgsConstructor
@NoArgsConstructor
@TableName("easybuy_product")
public class Product {
    @TableId(type = IdType.AUTO)
    private Integer id;
    private String name;
    private String description;
    private double price;
    private int stock;
    private int categoryLevel1Id;
    private int categoryLevel2Id;
    private int categoryLevel3Id;
    private String fileName;
    private int isDelete;

}

package com.zz.zx.layuiboot.entity;

import com.baomidou.mybatisplus.annotation.IdType;
import com.baomidou.mybatisplus.annotation.TableId;
import com.baomidou.mybatisplus.annotation.TableName;
import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;

@Data
@AllArgsConstructor
@NoArgsConstructor
@TableName("easybuy_product_category")
public class ProductCategory {
    @TableId(type = IdType.AUTO)
    private Integer id;
    private String name;
    private Integer parentId;
    private int type;
    private String iconClass;
}

yml

spring:
  datasource:
    url: jdbc:mysql://localhost:3306/onlineshopping
    username: root
    password: root
    driver-class-name: com.mysql.jdbc.Driver

# 配置mybatis规则
mybatis:
  mapper-locations: classpath:mapper

    @Bean
    public WebMvcConfigurer webMvcConfigurer(){
        return new WebMvcConfigurer() {
            public void addCorsMappings(CorsRegistry registry) {
                registry.addMapping("
                            type: 1,
                            btnAlign: 'c',
                            area: ['500px', '440px'],
                            content: $("#add-main").html()
                            //未做的是去监听表单提交，给后台发送ajax请求
                        });
                    break;
            };
        });
        //button不加类型默认是submit，直接提交不会来js方法
        form.on('submit(add_submit)', function (data) {
            var formData=data.field;
            console.log(formData);
            $.ajax({
                type: 'post',
                url: '/user/add',
                data: formData,//等一下
                success: function (result) {
                    if (result == "1") {
                        layer.msg('添加成功', {icon: 1, time: 1000});
                        setTimeout(function(){
                            layer.closeAll();//关闭所有的弹出层
                        }, 1000);
                    } else {  //失败
                        layer.alert('添加失败', {icon: 2}, function () {
                            layer.close(index);
                        });
                    }
                }
            });
            return false;
        });

        form.on('submit(edit_submit)', function(data) {
            var editData=data.field;
            console.log(editData);
            $.ajax({
                url:'/user/edit',
                type:'post',
                data:editData,
                success:function (result) {
                    if(result==1){
                        layer.msg("修改成功", {icon: 6});
                        setTimeout(function(){
                            layer.closeAll();//关闭所有的弹出层
                        }, 1000);
                    }else{
                        layer.msg("修改失败", {icon: 5});
                    }
                }
            })
            location.reload();
            return false;
        })

    });