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