草庐IT

nested_form

全部标签

element-ui的el-form表单一行两个显示效果

效果图:         代码:编辑因为代码重复所以这些只写了一份 .form{display:flex;flex-wrap:wrap;justify-content:space-between;}.el-form--inline.el-form-item{flex:1040%;align-items:center;}//第一行按钮独占一行.form-item-full{flex:100%!important;}css设置这些就ok了 

post请求设置表单form-data格式的几种方式

我用默认的post方法发送数据的时候发现后端获取不到数据,然而在network中看到参数是的确传出去的了。而且用postman测试的时候也是可以的,比较了下两个的不同发现是postman使用的是form-data格式,于是用form-data格式再次请求,发现OJBK这两种格式都是无法使用的: 方法一:配置transformRequest缺点:其他请求格式的数据也会被重新格式化(PUT,PATCH)importaxiosfrom"axios"//引入//设置axios为form-dataaxios.defaults.headers.post['Content-Type']='applicati

form表单提交数据的两种方式——submit直接提交、AJAX提交

submit提交form表单本身提供action属性,在action属性中填写数据提交地址后,点击submit类型的按钮即可将数据提交至指定地址,代码如下:注册注意:method指定请求方式每个input表单项需要有name属性通过上述方式提交表单数据后,会发生页面跳转,跳转至action所指定的地址,很难满足开发需求。若要提交数据后不跳转,可以尝试通过ajax提交数据。AJAX提交form表单不填写action属性,并且在提交时阻止表单的默认行为,获取到表单数据后通过ajax的方式发送给后端,代码如下:Document注册document.getElementById('btn').oncl

Could not open JDBC Connection for transaction; nested exception is com.alibaba.druid.pool.DataSourc

一、错误概述项目中使用了阿里的Druid数据库,刚开始很正常,后来发现出现了问题,问题如下:org.springframework.transaction.CannotCreateTransactionException:CouldnotopenJDBCConnectionfortransaction;nestedexceptioniscom.alibaba.druid.pool.DataSourceClosedException:dataSourcealreadyclosedatFriJul0816:14:13GMT+08:002022   atorg.springframework.jdb

Could not open JDBC Connection for transaction; nested exception is com.alibaba.druid.pool.DataSourc

一、错误概述项目中使用了阿里的Druid数据库,刚开始很正常,后来发现出现了问题,问题如下:org.springframework.transaction.CannotCreateTransactionException:CouldnotopenJDBCConnectionfortransaction;nestedexceptioniscom.alibaba.druid.pool.DataSourceClosedException:dataSourcealreadyclosedatFriJul0816:14:13GMT+08:002022   atorg.springframework.jdb

【springboot报错】nested exception is com.fasterxml.jackson.databind.exc.InvalidDefinitionException

javaspringboot开发api时的报错,没复制全,懒得重现nestedexceptioniscom.fasterxml.jackson.databind.exc.InvalidDefinitionException:Noserializerfoundforclass问题是在于return的这个class里面没有针对responseBody做处理,意思是要告诉responseBody里对应的那些key在somReturnClass这个类里对应的key是啥(虽然名字一样,但代码不会自动帮你对应上)@GetMapping("/test")publicListsomeReturnClass>g

使用postman测试接口的时候,遇到form-data类型如何传参

目录后端postman测试后端@PostMapping(value="/v1/updateDataPermsInfo")@ApiOperation(value="根据角色编号更新数据权限接口")@ApiImplicitParams({@ApiImplicitParam(name="roleIndex",value="角色编号",paramType="query",defaultValue="1"),@ApiImplicitParam(name="form",value="待更新表单",paramType="form-data")})publicResultMapString,Object>>u

element-ui form表单校验 失败的原因

1、没有在el-form上指定model2、el-form-item上的prop名称不对,应当与rules中的名称一致;3、绑定的属性没有在data中声明;el-form:model="ruleForm":rules="rules">el-form-itemlabel="年龄"prop="age">el-inputv-model.number="ruleForm.age">/el-input>/el-form-item>/el-form>script>exportdefault{ data(){varcheckAge=(rule,value,callback)=>{if(!value){ret

完美解决org.mybatis.spring.MyBatisSystemException: nested exception is org.apache.ibatis.exceptions.Per

已解决org.mybatis.spring.MyBatisSystemException:nestedexceptionisorg.apache.ibatis.exceptions.Persiste文章目录报错问题解决方法福利报错问题粉丝群里面的一个小伙伴敲代码时发生了报错(当时他心里瞬间凉了一大截,跑来找我求助,然后顺利帮助他解决了,顺便记录一下希望可以帮助到更多遇到这个bug不会解决的小伙伴),报错信息如下:org.mybatis.spring.MyBatisSystemException:nestedexceptionisorg.apache.ibatis.exceptions.Pers

element-ui的form表单校验

form表单校验基本三步:1、定义验证规则//表单校验规则rules:{name:[{required:true,message:'部门名称不能为空',trigger:'blur'},{min:1,max:50,message:'部门名称要求1-50个字符',trigger:'blur'},//自定义校验规则{validator:validName,trigger:'blur'}],code:[{required:true,message:'部门编码不能为空',trigger:'blur'},{min:1,max:50,message:'部门编码要求1-50个字符',trigger:'blur