- 博客(76)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 列表某一列太长超出显示......，鼠标移入显示全部
field: ‘itemName’,title: ‘项目名称’formatter:(value)=>{let html = value;if(value.length>6){html = “”+value.substring(0,6)+‘…’+“”}return html}
2022-05-26 17:56:03
233
原创 sql SUBSTRING_INDEX 和concat 的使用
需求：需要传递的参数为 xxxx年xx月xx至 xxxx年xx月xx，比如：2022-03-26至2022-04-25一开始想到的是在代码中用字符串截取，但是由于这个年月日的信息是存在一个json格式的数据中的，所以就考虑在sql中如何截取。正好SUBSTRING_INDEX 函数可以满足截取，拼接的话使用concat取出开始时间和结束时间 然后拼接首先截取开始时间和结束时间：这里以结束时间为例子在这里插入代码片再次将第一次截取的部分作为新的整体，再次截取 获得结束时间sql:SEL
2022-04-29 17:36:55
417
原创 时间展示 星期几时英文需要显示成中文问题解决
问题原因：DateFormat dateFormats = new SimpleDateFormat("yyyy-MM-dd (EEE)");dateFormats.format(tempStart.getTime())现在需要显示为中文：需要将日期进行转换，并指定为中文：DateFormat df = DateFormat.getDateInstance(DateFormat.FULL, Locale.CHINA);String dayInfo = df.format(tempStart..
2022-04-28 12:35:27
523
原创 please transfer a valid prop path to form item 解决
需求：新增或者编辑操作时，需要对表单中嵌套的表格中的属性进行校验。出现这个错误的愿意是prop的值没有绑定正确。如果只给一个form表单中的某个属性校验，一般prop中就是form中的这个属性，但是当需要form表单中存在一个table，里面的数据是遍历出来的，如果需要对table中的数据的某个字段进行校验时，prop没有办法写死，比如数组格式是这样子：model:{ userInfoList:[{ name:'xxxx', sex:'1' }]}我们要校验userInfoL
2022-04-25 17:18:36
43185
3
原创 antdv中table表头最后一列为新增按钮，渲染出来的数据最后一列是删除按钮
需求：要求表头最后一列为新增，点击新增按钮，可以插入数据，并可以对当前插入的数据进行删除操作。当table表格中的数据全部删除完时，删除按钮消失，只能点击新增按钮来新增数据。页面展示：点击新增按钮：出来一条数据并填写点击删除按钮：代码实现：table的表头：主要是{customRender: ‘operation’, title: ‘Title’}{ //title: <a-button onClick={() => this.addForm()}&g
2022-04-25 16:58:37
1470
原创 elementui 使用el-image 控件 解决 通过点击查看按钮两次才能 实现预览图片
需求：点击查看按钮，将图片显示出来。问题：查看按钮必须触发两次才会将图片显示出来前端效果：点击查看按钮，弹出来图片图片展示：解决方法有两种：第一种 调用Image 的源码中的image-viewer里面的方法，然后生成预览图片的框，然后通过查看按钮 将预览图片的数据拿到，再调用image-viewer中的clickHandler方法，该方法会将image-viewer中的是否显示的标识置为ture,这样就可以显示了。image-viewer中image-viewer中的loadImag
2022-04-21 16:22:27
9003
4
原创 前端一个参数传递多个值，后台 mabatisplus xml中使用in 模糊匹配
需求：页面选择年度数据，支持多选：如前端传值（前端将这个数组toString了）也就是传递到后台的是一个字符串后台模糊查询的时候，既要查询2021-2022的数据，也要查询2022-2023的数据，那in匹配的时候我的处理如下：controller：由于需求变更，之前是年度只选一个，所以实体类字段定义的是String类型的，后来改成可以多选，我就在实体类中多加了一个字段，类型是List,前端传值的时候还是给String的属性赋值的，所以在controller层要判断前端有没有选年度这个条件，
2022-04-15 17:27:35
1693
原创 antdv DatePicker 默认少8小时问题
时间控件默认少8小时开始时间：结束时间一样，都是用的antdv 的a-date-picker解决方法：在时间控件上加上 valueFormat="YYYY-MM-DD" format="YYYY-MM-DD" <a-date-picker v-model="model.heatingEndTime" :disabled-date="heatingEndTimeDisabledDate"
2022-04-15 16:56:32
3243
原创 idea后台启动 报Web server failed to start. Port xxxx was already in use.解决
报这个错字面意思就是端口被占用，那只要知道被占用的端口的进程，删除这个进程就可以了。正好今天idea启动后台项目的时候，报了这个错，记录下吧win+r 进入黑窗口模式输入指令，这里以7006为例netstat -aon|findstr 端口号获取pid为2212的进程详细信息，结束这个进程tasklist | findstr "2212"结束进程：taskkill /f /t /pid 2212......
2022-04-01 12:08:47
911
原创 elementui 图片上传，手动实现图片上传，入库并实现预览效果（轮播展示）
需求：点击操作按钮，选择上传，弹出上传dialog，使用upload组件实现图片上传,并可在前端进行预览先看上传前端实现：弹出框： <el-dialog :title="titleFlag" :visible.sync="uploadFlag" width="30%" :close-on-click-modal="false" class="uploadFlag" @close="()=>{this.fi
2022-03-25 15:09:04
13364
2
原创 mybatisPlus中 批量删除
业务需求：编辑时，对主表中数据的修改，以及子数据可以进行删除，修改，或者新增的操作前端（主要展示子表）：可以点击新增，也可以在原数据上进行编辑，也可以删除该条数据再新增前端传值（主要展示子表）：higtRule里面就是子数据，没有id的则是点击新增后新增的数据，所以既有新增操作，又有编辑操作后台处理（主要对子数据）：思路：1：首先查询全部子数据2：创建一个空集合newIds，用于存放未删除的子数据的id,遍历前端传递过来的子数据，将子数据的id存放在newIds集合中3：过滤数据也就是用
2022-03-21 18:30:45
19023
4
原创 antd-vue表格实现单击或者双击
在table表格中设置customRow属性methods中实现： doubleClick(record, index){ return { on: { dblclick: () => { console.log(record,index) this.dialogFlag = true, this.handleEdit(record,this.dialo
2022-03-09 16:15:57
3585
原创 命令行乱码
命令行乱码的原因是写和读的编码方式不一致导致的解决方案有两种1将编写代码的编码方式改为ANSI,就是默认的GBK编码方式命令行：2 使用utf-8的编写的代码，在命令行运行时要先给文件指定编码格式使用javac -encoding UTF-8 demo.java......
2022-01-29 15:32:22
1654
原创 elemtnui select控件结合树形控件 实现自定义搜索方法
业务需求: 可以从下拉框中选择数据，也可以自定义搜索。前端效果：1：从下拉框中选择2：自定义搜索代码实现：1.首先需要用到select控件和tree控件，在select控件中嵌套tree控件。2.开启select控件的搜索功能，也就是filterable，然后需要自定义搜索方法，也就是filter-method这个方法。3.监听下拉框的出现与隐藏，也就是是否下拉，visible-change方法就可以实现。4：tree控件的过滤方法，也就是通过关键字过滤树节点，elementui的tre
2022-01-28 16:12:44
2461
原创 对接飞书，根据userid获取用户信息
飞书的开发文档里面有一个api是根据userid获取单个用户信息的接口后台实现：1：首先需要获取token,因为飞书提供的获取单个用户信息的接口中，token是必传参数，所以需要先获取token。按照飞书官网里面提供的获取token的方式去获取，我目前项目中的是企业自建应用，那么就调用获取 app_access_token（企业自建应用）的接口就行，如下：https://open.feishu.cn/document/ukTMukTMukTM/ukDNz4SO0MjL5QzM/auth-v3/aut
2022-01-27 15:27:31
9197
原创 匹配已固定格式开头，固定结尾的正则
xxx.match(/#.*?#/g)这样就能匹配出xxx中已#开头和#结尾的数据，并已数组的形式返回。match返回的是一个数组，下面是菜鸟教程中对match方法的解读菜鸟教程地址在字符串中查找 "ain":var str="The rain in SPAIN stays mainly in the plain"; var n=str.match(/ain/g);n 输出数组结果值:ain,ain,ain尝试一下 »定义和用法match() 方法可在字符串内检索指定的值，或找到一
2022-01-27 12:10:22
4185
原创 elementui checkbox使用 以及结合后台 回显
页面：前端： <el-col :span="24"> <el-form-item label="办公环境" prop="officeEnvironment"> <el-checkbox-group v-model="form.officeEnvironment"> <el-checkbox v-for="(item,index) in officeEnvironmentLis
2022-01-18 14:53:38
3612
4
原创 解析json格式的数据，保存到实体类
josn数据格式如下，我需要获取text的值并保存到实体类的对应字段并入库。先将数组变为对象，然后将josnobject转为string，在调用getString()获取值第一步：取出value中的值，这个时候还是数组结构第二步：调用JSONArray.parseArray()，将json格式的数据转换成数组格式，这样就可以使用数组相关的方法。我们调用get方法，这时就变成了object类型的数据，再将object类型的数据转换为string类型，即调用tostring方法第三步：这是就
2022-01-06 11:02:09
6232
原创 若依框架前端 当前端启动成功时关闭自启动浏览器
找到vue.config.js文件将devServer 下的open由true改为false即可
2021-12-15 10:23:51
1844
原创 mybatisplus自动生成主键导致的删除失败问题
今天在做删除操作的时候发现了一个问题，由于表中的主键我设置的自增，当新增时，使用的mybatisplus自带的新增方法，导致主键过大，当我在做删除操作的时候，前端传递到后台的id已经变了，但是前端识别不出来，后来才发现，当表里面设置的自增时，在mybatisplus中要将自带的自增禁用，否则就会在新增的时候使用mybatisplus生成的id，这个id很明显是大于前端最大默认值的。正常情况下，新增的时候，设置了主键自增，那么在新增时，主键是没有值的，如图：但是在使用mybatisplus的在做新增操
2021-12-08 18:34:13
2114
原创 渲染数值为对应的文字
编辑页面传值是value，详情页面显示value对应的文字需求：在编辑弹框里面选择性别时 有三个选项 男，女，保密婚姻状况可选已婚，未婚，是否驻勤可选是，否，当传递到后台的时候是传递的对应的value，在详情展示的时候显示的是value对应的汉字。由于使用的是elementui-ui,我将所有的信息写在了一个el-row中，直接遍历一个对象数组。那么就涉及到值的回显效果展示：详情展示编辑弹框:具体实现：userInfo: [ { name: '性别', value: 'gend
2021-12-03 10:52:58
460
原创 前端根据下拉框选项联动出现另一个下拉框的值
前端根据下拉框选项联动出现另一个下拉框的值<el-form-item label="食物"> <el-select v-model="form.food" placeholder="请选择" @change="choose($event)"> <el-option label="主食" value="1"></el-option> <el-option labe
2021-11-17 18:56:08
3594
原创 前端使用elementui的级联选择器去显示省市区
前端使用elementui的级联选择器去显示省市区界面展示代码： <el-form-item label="收货地址" prop="address"> <el-cascader v-model="formInline.selectedOptions" :options="cityInfo"
2021-10-21 18:23:18
4103
原创 sql筛选 没有后缀名的图片
sql筛选 没有后缀名的图片 <select id="getItemInfo" parameterType="java.lang.String" resultType="com.ghaoqi.pc.admin.pojo.dto.item.ItemInfoDTO"> select item_id as itemId, title, img_url as imgUrl from ghq_item where title like
2021-09-30 18:31:01
184
原创 解决idea 报的问题：Web server failed to start. Port 8081 was already in use. 即端口被占用
解决idea 报的问题：Web server failed to start. Port 8081 was already in use. 即端口被占用1：win+r 打开cmd窗口输入netstat -ano | findstr 端口号我这里提示8081端口被占用，所以 netstat -ano | findstr 8081回车：进程号为200802：关闭进程可以手动关闭 ctrl+alt+del 打开任务管理器 找到该进程，手动结束另一种使用命令在cmd窗口 结束输入 ：taskki
2021-09-28 11:49:05
3868
原创 子父组件传值
elementui 的dialog之间的跳转需求：输入用户id 查询历史订单，由于数目比较大 在当前页面显示不出来，我的思路就是搞一个弹出框，当输入用户id以后弹出历史订单页面，历史订单页面的数据还有操作，比如根据商品名称跳往商品详情页面，操作栏那里可以查看订单信息，还支持输入订单编号查找订单信息，输入商品编号查找商品信息......
2021-09-22 14:03:16
367
原创 前端校验用户输入的手机号或者座机号是否符合格式
若依框架前端校验用户输入的手机号或者座机号是否符合格式效果：输入的手机号：15878452358324输入座机号：012-15845233223代码：因为联系电话非必填项，所以在点击提交之前去校验的时候，如果填写了手机号或者座机号则去校验，没有填则新增，编辑同理function submitHandler() { var phone = $("#phone").val(); var isPhone = /^(((\d{3,4}-)?[0-9]{7,8})|
2021-08-17 10:37:06
2202
原创 利用StringBuilder进行字符串拼接
利用StringBuilder进行字符串拼接需求：数据库查询出来的省，市，区用/拼接为籍贯 展示在前端效果：后台实现： //分别定义三个变量来存储查询到的省，市，区 String province = ""; String city = ""; String country = ""; // new一个StringBuilder，用来拼接 StringBuilder sb =new StringBuilder();
2021-08-12 17:53:04
1121
原创 若依框架 如何在首页展示数据，点击登录时在跳往若依自带的登录界面
若依框架 如何在首页展示数据，点击登录时在跳往若依自带的登录界面先看效果展示：这里是首页顶部登录页面的展示效果，项目启动的时候，先看到的是这个页面，而不是登录页面。并且有数据交互然后点击登录调往若依的登录页面代码实现：前端： <div class="login"> <a class="loginbutclass" href="/zbgg/login/userLogin">登录</a>
2021-07-28 11:16:19
6303
原创 若依框架，导出功能
若依框架，导出功能完善，前后台代码开发过程中发现一个bug，就是关于导出功能的前端直接使用$.table.exportExcel()，发现有一个bug，就是选中一个人，导出的时全部人员，所以我想到的是可能是没有将选中的人员的传入到后台，果不其然，该方法并没有将选中行的数据传递到后台，导致看似没有问题，这是当你点击全选的时候，导出的是全部数据，一旦你点击某几行数据的时候，问题就出现了，还是全部的数据，这就和客户预期效果不符了，所以不能直接调用该方法，应做一些处理，于是将代码改为：主要步骤用蓝色表
2021-07-26 19:25:40
4697
2
原创 sql中 如何只获取月份
sql中 如何只获取月份如将2021-07-13 15:52:31 截取为7使用sql中的DATE_FORMAT相应的java后台获取时间的时候，只想获取月份使用LocalDate类来获取当前月LocalDate date = LocalDate.now();// 获得当前月int month = date.getMonthValue();// 获取但前日int today = date.getDayOfMonth()；......
2021-07-14 19:29:16
3620
原创 echarts中的地图
echarts中的地图当type为effectScatter的时候，symbolSize也就是地图上面对应显示得圈圈的大小的控制,以及圈的颜色地图当鼠标划入的时候弹框样式问题：在option下的tooltip里面，自定义方法如：tooltip: {trigger: ‘item’,// position: ‘unset’,backgroundColor: ‘rgba(0,0,0,0)’,formatter: function(params) {var tip = ‘’;if (pa
2021-07-14 19:00:27
1217
原创 html下动态添加table数据，以及sql中case的运用
html下动态添加table数据，以及sql中case的运用先看最终展示效果：项目情况统计表：前端：前端返回数据：是一个数组，数组里面有多个对象,这里我们只需要取表格需要的数据就可以了，比如说表格需要展示的数据是：名称，地点，总人数[{ancestors: nullcreateBy: nullcreateTime: nullitemCode: nullitemFlag: nullitemId: nullitemLocation: “西安”itemName: “西安项目”item
2021-07-14 18:35:20
2701
原创 后台读取resources下的json文件给前端
后台读取resources下的json文件给前端json文件结构：maven项目，首先添加依赖文件所在目录：后台代码：前端通过ajax异步请求最终效果插入链接与图片链接: link.图片: 带尺寸的图片: 居中的图片: 居中并且带尺寸的图片: 当然，我们为了让用户更加便捷，我们增加了图片拖拽功能。如何插入一段漂亮的代码片去博客设置页面，选择一款你喜欢的代码片高亮样式，下面展示同样高亮的 代码片.// An highlighted blockvar foo = 'b
2021-07-08 19:23:37
419
空空如也
小程序客服消息，如何实现链接发送
2021-09-02
TA创建的收藏夹 TA关注的收藏夹
TA关注的人