- 博客(42)
- 收藏
- 关注
原创 后端各种格式传参混合vue前端传参
后端@PathVariable、@RequestBody 、@RequestParam各种格式接收参数,@RequestBody 、@RequestParam混合接收参数。vue前端传参的处理。
2024-03-11 11:27:32
455
原创 el-upload子组件上传多张图片(上传为files或base64url)
由于多个表单页都有上传多张图片的操作,因此将上传多图的el-upload定义为公共的子组件。在表单页,有图片需要上传,表单的操作行按钮中有上传按钮,点击上传按钮。弹出el-dialog进行图片的上传,可以上传多张图片。使用到的工具js,file转url。
2024-01-29 14:12:29
837
原创 map中的键值对放入ObjectNode
下面方法的可使用场景,原本是想返回某对象(示例是user)给调用方的,但是调用方需要加几个自定义特殊字段。使用下面的方法通过给objectNode加了字段,最后返回objectNode给调用方也是一样的。JsonNode和ObjectNode ,前者不可变 ,后者可变。objectNode.put("name1", "张一");objectNode.put("name2", "张二");这时候如果在user上加字段,可以但是没必要!
2023-10-07 10:17:56
294
原创 生产发版前准备【经验分享给萌新程序员】
只能熬夜玩乐,不能熬夜工作。不知道大家有没有想过,生产上线发布新版本到凌晨三、四点都有可能是哪些原因呢?我的生产上线经验分享来啦~小萌新们,请接住我。希望大家都发版顺利,不用加班。更好的完成工作,然后早早的下班。
2023-09-21 14:41:35
446
原创 vue+elementui前端rules校验缓存问题
最近公司要求项目前端不要用element-ui,改为使用公司其他组开发的ui组件。后面处理的是,在关闭弹窗之前,先进行了校验的清理。这样处理后,就不在出现上述情况。这个ui组件使用基本就是安装后,直接全局替换elementui的。(elementui的时候不会有这种情况,一换组件就有这样的情况了)是一个弹窗,点了修改,再点新增之后,新增窗口一弹出,字段就被校验了。替换之后,发现替换倒是很丝滑,问题不大。然后开始测试了,发现有一个问题。
2023-08-31 10:32:19
1023
原创 vant toast不弹窗刷新后才弹窗
我做了几个表单页面,表单都是动态生成出来的。点击下一步的时候会校验表单,当校验不过的时候,我用toast进行提示了。但是发现这个页面如果是从上个页面到这个页面后,直接点击下一步,每次都不会toast。但是一刷新这个页面就会toast。百度了一下,有的博主是说设置toast的z-index,我设置后也是没用。用dialog提示就没有问题,不需要刷页面,校验不过就直接提示了。后来算了,直接用Dialog进行提示了。
2023-08-30 15:37:07
469
1
原创 json串不规范和java实体对象互转(json和实体对象字段命名不同转换)
有的第三方提供的接口文档是这样(全大写、下划线、不驼峰)PERSON_NAME 必填mobile 必填Sex 必填HOBBY 必填不知道是不是报复性写的接口文档,看到都无语了。完全不遵守命名规范。他文档这么写,我们建对象可不能这么写。因此可以用到@JsonProperty 注解。
2023-08-08 16:02:20
342
原创 后端java动态拼接sql查询表数据,前端elementui弹窗动态展示
【elementui el-table前端动态选择表名展示表数据】【elementui展示查询数据库所有表数据】弹窗子组件的代码,通过首页选择了表名、条件(字段名和字段值),点查询进行弹窗,显示查询后的页面。前端传表名,和where查询的条件给后端。后端拼接成sql进行查询。然后返回给前端进行展示。
2023-06-30 11:01:05
1109
原创 el-table 中子组件按钮渲染报错--You may have an infinite update loop in a component render function
在el-table中有个按钮子组件,当el-table中只有一条数据的时候不会有错,但是当数据大于1条时页面就报错了。其实看起来是没问题。因为this.wordData在页面初始化调接口的时候也有赋值其他的数据,所以是将wordData定义在了 data里面。原来是打印了this.wordData才造成报错有无限循环,我如果用原来的代码去掉打印也是没问题的。后来我发现了上面的代码换成重新定义是没问题的不会报错,不用this.。后面我想还原错误,截报错图来发文的时候,随意去掉了注释,发现居然不报错啦!
2023-06-21 10:48:46
438
原创 vue前端调后端接口必须先调完一个接口后才能调另一个接口
因为调用第二个接口,需要第一个接口中获得的数据作为参数,所以必须先等第一个接口调完才能调第二个接口。
2023-06-09 09:15:22
3173
原创 Vue详情页面el-row el-col做出word样式效果和打印(element-ui)
element ui word表格样式详情页面 vue页面打印
2023-06-08 17:02:34
2326
原创 vue-client项目get请求传对象参数
调后端的接口获取list数据,接口是get请求,其它接口都还好,但是他偏偏搞了个特殊接口传参,传参还传个对象.对象.属性。呈现出的请求链接会变为:url?name=xxx&tel=xxx&呈现出的请求链接就是: url?param['gf.name'] = '李四';这样后端就能接收到所有参数了。
2023-06-02 17:55:54
545
原创 苹果机iOS开发碰到的问题记录(兼容性问题)【bug修复】
之后发现页面有报错,是setItem的错误,刚好点击下一步的方法里面,有一个缓存的设置sessionstorage.setItem。这个页面的元素是根据后端的配置生成出来的,页面渲染的时候,我先是从缓存里拿了数据赋值,然后才生成表单显示。可能两个方法的顺序问题造成ios无法回显。第一个页面上传了图片,第二个页面业务反馈无法回显图片。用浏览器和我的安卓机是可以回显的呀!修改方法调用顺序,先让页面表单元素渲染,再调用元素的赋值。查看是否有非必要的缓存,不能塞太多内容到sessionstorage。
2023-05-08 16:12:43
352
原创 elementui中el-select实时搜索渲染下拉框(可多选对象)
el-select多选,实时输入后调用后端模糊查询接口,赋值在下拉选项里面。
2023-04-28 16:54:39
2473
原创 Vue页面底部多了个不需要的固定部分【bug修复】
页面不需要固定底部的场景,多出来固定底部bug修复。后面就是查看页面height设置,看有哪里的height设置的不对。果然搜索到一个造成这种情况的样式设置。将下面截图中的三个框出来的部分都去掉之后,页面就没有这个多出来的固定底部了。修改别人的页面时,发现页面上下滚动的时候,多出来了一个固定的底部。F12的时候对这个多余的固定底部也检查不到元素。
2023-04-26 09:43:24
322
原创 elementui新增或修改时,el-upload上传组件回显预览删除(el-upload上传图片base64给后端)
elementui新增或修改时,el-upload上传组件回显预览删除(el-upload上传图片base64给后端)addOrUpdate.vue新增或修改时,修改需要可以回显图片,上传图片后要可以预览以及删除。
2023-04-19 10:35:02
5066
原创 el-upload 上传图片 Failed to execute ‘readAsDataURL‘ on ‘FileReader‘【bug修复】
el-upload上传图片转base64报错解决,el-upload 上传图片,读取文件成base64的时候,报错解决
2023-04-13 10:59:07
4073
原创 Git Extensions放入缓冲区和缓冲区取出来(stash)
Git Extensions代码放入缓冲区和从缓冲区取代码,更新代码,stash代码
2023-04-10 17:11:05
913
原创 Vue移动端前端页面加底部footer
由于每个页面的高度都不一样,加上底部后,页面总是显示的位置不在底部,可以通过设置z-index+position进行固定。footer.vue 主要是logo,这是设置的logo样式,可以固定在底部,但是并不能完全居中。用left去靠左的,居中待解决。有几个页面要加底部logo。
2023-03-31 17:04:27
596
原创 java校验实体类只校验非空的字段
Validator 校验跳过空字段的校验。第三方调用接口,传参。某些值只接收固定的枚举值,为空的字段就不做判断。自定义校验,校验字段只能是具体的枚举值,当有字段为空的时候也会被校验住,这时可以在工具类增加判断,跳过对空字段校验的错误信息的处理。校验代码:返回了错误信息表示校验不过,空字段的错误信息不会拼在后面,因此跳过了空字段的校验
2023-03-30 09:13:26
822
原创 sql进行判断配置校验
1、用sql判断传进来的年龄是否在范围内返回0表示不在 1表示在2、sql判断字段是否为空 可以将sql配置进数据库中,值进行动态替换select case when age is null then '年龄不能为空' else '' end age, case when person_name is null then '姓名不能为空' else '' end person_namefrom ( select '${AGE}$' age, '${AGE}$' person
2023-03-21 14:54:36
647
原创 sonar扫描异味小问题解决【异味修复】
要部署代码的时候,可以选中java文件夹,鼠标右键选reformat code,可以格式化文件夹里的类。类里面如果有*导的包,如:import java.util.*;当鼠标右键选Optimize import没用的时候,需要按图二设置idea,就有用了。sonar会扫描出很多问题,有些基本的代码格式问题,和*导包问题,unused import问题,这些基本问题可以在idea里面设置下就解决。如下示例,file加了说明,Exception也加说明。解决:注释的后面缺少一个英文句号“.”,加上即可。
2023-03-02 14:31:27
1841
原创 idea项目提交git报错bad revision ‘head‘
VCS——>import into Version control——>Create git Repository之后,怎么都add不成功,新建了一个文件夹,将后端项目,前端项目都放到这个文件夹里面去了,然后想提交git。有个后端项目原来是svn管理的,将原项目.svn文件夹删除就可以解决这个问题了。有warning提示bad revision 'head'。
2022-12-16 14:44:58
2655
原创 vue+vant移动端显示table表格加横向滚动条
参考文章:vant移动端显示table效果,增加复选框,可以进行多选和全选。加横向滚动条,可以看全部内容。主要是参考上面两篇文章。页面效果。
2022-12-14 10:23:01
11778
3
原创 mybatis${}字符串标识符无效问题【bug修复】
发现执行sql的时候,id是字符串,并没有识别为字符串因此报错。最终调用 方法的时候传参手动加了单引号才执行成功。
2022-12-13 16:19:51
1042
原创 java-ScriptException expected ;but found i【bug修复】
js里面不能有es6语法,我是js里面写了循环,用了for(let i in obj),换var就行了。项目中使用ScriptEngineManager eval js的时候,报错。
2022-11-30 10:37:10
1912
原创 oracle数据库配置校验【java调用js方法校验对象-ScriptEngineManager】
数据库配置对象的校验。配置js方法后,java从数据库拿到数据,使用ScriptEngineManager进行脚本运行。最后可以将返回的信息当校验结果返回前端。
2022-11-29 15:54:49
558
原创 java一个对象赋值到另一个对象属性不同处理
JAVA不同对象不同属性相互赋值!(*^▽^*)我是按顺序看到这两篇文章的,然后照着敲了下。可以实现自己想要的效果。测试代码也可以在上面链接找,我只是想记录下关键词。使用MapStruct。
2022-11-25 16:00:04
380
原创 van-tabbar切换不高亮,监听$route实现高亮
分类1、分类2、我的。分类1和分类2切换没有问题,点击我的也没问题。从我的点击分类1或者分类2时,分类1和分类2都不高亮了。页面底部有一个tabbar栏,下面三个分类,其中两个分类是跳转到一个页面,只是页面参数不同。另一个我的跳到其它页面。主要是参考上面链接,对$route进行了监控,达到切换高亮。我的handleActive加了个监听参数的判断。
2022-11-25 09:20:14
786
原创 van-tabbar跳转当前页带修改参数带route当前页所有参数
vue,使用van-tabbar样例小记,van-tabbar跳转当前页,vue-route获取页面所有参数跳转带参。
2022-11-17 11:16:19
1721
2
原创 elementui 和vantUi表单validate区别
测试elementui 和vantUi表单自动触发验证区别。elementui表单如果有添加校验,将button设置native-type="submit"并不会触发表单的自动验证而vantui会自动触发,不需要手动写this.$refs.form.validate。
2022-11-02 10:41:20
531
原创 (elementui-图片预览)el-dialog+el-image图片显示问题
elementui图片预览。点击小图展示大图/点击预览按钮,弹框显示图片,点击图片预览大图。v-viewer预览&el-image预览!el-dialog+el-image图片预览问题修改。页面直接使用el-dialog和组件使用el-dialog。建议使用组件进行引入而不是直接将el-dialog写在页面中,可以修复一些显示性问题。
2022-10-31 11:20:48
5407
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人