搭建web项目-前端页面修改-表单校验-异步请求

快速搭建web项目

1. 新建一个普通maven工程
2. 在maven坐标里面导入<packaging>war</packaging>

点击按钮弹框

表单校验

封装数据发送异步请求

//检验表单是否符合规则
                this.$refs[dataAddForm].validate((valid) => {
          
   
                    if (valid) {
          
   
                        //如果符合规则就发送异步请求将数据传递给后台进行操作数据库以及响应消息
                        /**
                         * 这里使用post请求是因为封装的数据是json格式,而get请求没有请求头所以这里用post请求
                         */
                        axios.post("/checkitem/add.do", this.formData).then((res) => {
          
   
                            //执行成功之后的回调函数
                            //首先关闭添加框口
                            this.dialogFormVisible = false;
                            if (res.data.flag) {
          
   
                                this.$message.success(res.data.message);
                            } else {
          
   
                                this.$message.error(res.data.message);
                            }
                        }).finally(() => {
          
   
                            this.findPage();
                        })
                    }
                })