vue的增删改查

目前是Java后端+mySQL
swagger可以查看接口如图

swagger接口.png

1、获取列表

 get() {
      this.Api.get('/operation', {
      }).then((res) => {
        //可以打印数据看看需要什么信息
      }).catch((err) => {
      });
    },

2、删除

deleteRoad(id) {
      //弹出删除确认
      this.Api.delete('/operation/' + id).then((res) => {
        this.modalDelete = false;
        this.$Modal.success({content: '删除模型成功'});
        this.updateStatus();//更新表格数据
      }).catch((err) => {
      });
    },

3、新增加弹窗

  //新增初始化
    addRoadInit() {
      this.roadModal=true
    },

    //增加
    addRoad() {
            this.Api.post('/operation', this.road).then((res) => {

            }).catch((err) => {
              if (err.code == 18200) {
                this.$Modal.warning({content: err.message});
                return;
              }
            });
            this.roadModal=false
            this.updateStatus()
    },

  //新增初始化
    addRoadInit() {
      this.roadModal=true
    },

    //增加
    addRoad() {
            this.Api.post('/operation', this.road).then((res) => {

            }).catch((err) => {
              if (err.code == 18200) {
                this.$Modal.warning({content: err.message});
                return;
              }
            });
            this.roadModal=false
            this.updateStatus()
    }

//vue

    
      


        
          
        
        
          
        
      

      

        关闭
        提交