开发小记
开发系统过程中遇到的各种问题
Master-Tang
这个作者很懒,什么都没留下…
展开
-
Spring Boot+Vue实现Socket通知推送
这一步我们通过userId作为标识符,区分系统中对应的用户,后续也可基于此,进行其他的操作步骤。创建工具类websocket.js,这里的userId就是用来作为标识符的userId。首先我们需要引入WebSocket所需的依赖,以及处理输出格式的依赖。在任意你想建立连接的页面中建立Socket连接。在这里可以使用原型,创建连接对象,并启动连接。这个时候,你就可以通过后端的接口进行发送了。在你想监听的页面,使用监听器进行监听。通过接口,向前端用户推送消息。比如,在用户点击登录按钮之后。原创 2023-04-03 17:42:35 · 2221 阅读 · 2 评论 -
公众号页面,IOS手机粘贴内容,重复粘贴
IOS系统,或者其他系统使用的短信控件的问题,他会自动的触发两次原创 2023-03-08 14:48:22 · 480 阅读 · 0 评论 -
An import declaration can only be used at the top level of a namespace or module.
把所有的import放到顶部去。原创 2022-11-28 15:55:46 · 2184 阅读 · 1 评论 -
微信公众号获取openId——开发阶段
跳转后可以看到地址栏中出现了两个参数,code和state,这个时候,我们就可以拿到我们需要的code。注意:这个redirect_uri填写的地址需要在公众号或者是测试号中网页账号中进行配置。获取到code后,就可以通过第二个链接,将所需的内容填写后,获取到openId了。获得微信的openid,需要先访问微信提供的一个网址来获取code。打开后在地址栏中输入第一个URL地址,我这边后面跟的是跳转的网页。第一个链接需要在微信客户端打开,可以选择微信开发者工具。原创 2022-11-18 10:57:04 · 8415 阅读 · 0 评论 -
UniApp开发H5引入Vant
第一步:下载安装vant第二步:main.ts引入Vant不管是js还是ts,Vue.use()他就对了也可以结构后按需导入第三步:App.vue中引入全局样式,两种import都试试,里面坑多第四步:就可以使用它了Vant 3 - Lightweight Mobile UI Components built on VueLightweight Mobile UI Components built on Vuehttps://vant-contrib.gitee.io/vant/#/原创 2022-10-19 10:16:40 · 2601 阅读 · 3 评论 -
UniApp+Vue3.2+ts实现请求API配置
创建api文件夹,将所有的请求放在此文件夹中,在该文件夹中创建test.ts文件。4.在页面中请求测试。原创 2022-10-11 14:20:46 · 2008 阅读 · 4 评论 -
Vue3使用customRef实现防抖
customRef 是个工厂函数要求我们返回一个对象 并且实现 get 和 set 适合去做防抖之类的。原创 2022-10-10 10:30:38 · 796 阅读 · 0 评论 -
uni.chooseAddress()获取失败
uni.chooseAddress()获取失败。原创 2022-09-19 13:15:30 · 2032 阅读 · 0 评论 -
vue中使用CSS绘制表格(开发小记)
vue中使用CSS绘制表格(开发小记)原创 2022-07-29 15:54:21 · 716 阅读 · 1 评论 -
el-table实现动态表格插入行(开发小记)
实现效果图table主体代码,通过switchChange字段作为数据框的开关 <div> <el-table :data="list" border style="width: 100%"> <el-table-column type="index" label="序号" align="center" width="50"></el-table-column> <el-table-..原创 2022-05-16 16:17:17 · 2188 阅读 · 1 评论 -
实现本地绝对路径图片的浏览器显示
SpringBootControlller代码:@RequestMapping("/tb-user")@GetMapping(value = "imgInfo",produces = MediaType.IMAGE_JPEG_VALUE) public byte[] imgInfo(String path) throws Exception { byte[] bs=null; File file = new File(path); if (原创 2021-04-20 21:02:35 · 1009 阅读 · 0 评论 -
父组件向子组件传递异步参数,子组件获取不到值(开发小记)
父组件向子组件传递参数,父组件传递的参数需要通过异步实现赋值,在加载时,会发现子组件可能取不到传递过来的参数。原创 2022-04-13 15:26:27 · 710 阅读 · 0 评论 -
Vue+Echarts实现仪表盘(开发小记)
目标图案:创建组件DashBoard.vue:<template> <div id="dashboardHumidity" style="height: 100%"></div></template><script>export default { name: "DashBoard", props: { // 正常的业务数据,对应echarts仪表盘配置中series[0].data se..原创 2022-04-08 09:19:04 · 2541 阅读 · 0 评论 -
SpringBoot项目中使用Swagger3(开发小记)
项目是小团队开发,对于API接口文档有所疏忽,没有编写,只是在代码中加了注释而已,现在即将交付,就苦逼了。。。。Swagger一款强大的接口文档生成工具,使用起来很便捷,在项目中引入Swagger,可以扫描相关的代码,生成该描述文件。这里要说明一下,我用的是Springfox Swagger,生成的文件是json格式的,有需要其他格式的可以在官网上看看。我使用的是Swagger3,同样它保持着向下兼容,推荐使用Swagger3,因为SpringBoot项目和Swagger是有版本兼容问题的。就兼容问原创 2021-10-18 00:24:51 · 4815 阅读 · 0 评论 -
笔记( Vant Steps步骤条)-更新时间:2022/11/4
ContentType全种类下载截取最后一个特定字符之后的内容给list去重前后端List对象的传递前端后端vue向数组某一对象中添加值SQL查询自增idSQL将bigint类型时间转为Date格式js获取(当前时间,前一天)yyyy-MM-dd hh:mm:ss格式css水平垂直居中 dialog固定高度在dialog里写一个div ,div的大小设置为相对视窗的大小...原创 2021-10-12 22:50:36 · 1381 阅读 · 0 评论 -
Java将数据库文件备份到服务器本地(开发小记)
导入okhttp3依赖<dependency> <groupId>com.squareup.okhttp3</groupId> <artifactId>okhttp</artifactId> <version>3.6.0</version></dependency>在springboot项目的工具包中(我的是utils)创建一个名原创 2021-10-07 16:53:16 · 374 阅读 · 0 评论 -
Java sort方法给double类型数据排序(开发小记)
list.sort(new Comparator<OkrSortDto>() { @Override public int compare(OkrSortDto o1, OkrSortDto o2) { return new Double(o2.getTotals()).compareTo(new Double(o1.getTotals())); } });原创 2021-08-24 23:41:56 · 2144 阅读 · 0 评论 -
Java循环删除List中的数据(开发小记)
removeIf原创 2021-08-02 23:10:51 · 217 阅读 · 0 评论 -
SpringBoot项目中对数据库中json格式数据的操作(开发小记)
首先我们需要在pom.xml引入依赖:<!--JSONObject依赖 --><dependency> <groupId>com.alibaba</groupId> <artifactId>fastjson</artifactId> <version>1.2.68</version></dependency>创建一个处理类JsonTypeHandlerimport co原创 2021-07-27 00:15:52 · 1174 阅读 · 0 评论 -
el-input输入时换行,显示时换行(开发小记)
开发商问题反馈:输入框界面代码:<el-form-item> <span slot="label">回复内容:</span> <el-input v-model="backForm.replyMessage" type="textarea" placeholder="请输入回复"> </el-input></el-form-item>.......原创 2021-05-16 19:25:41 · 15159 阅读 · 7 评论 -
element获取后端数据流实现PDF文件的预览(开发小记)
后端代码:/** * @param response * @param archiveId 文件id * @param openStyle = inline 预览 =attachment 下载 * @throws Exception */ @GetMapping("arcDownload") public void arcDownload(HttpServletResponse response, String archiveId,原创 2021-05-07 01:04:24 · 807 阅读 · 0 评论 -
在div的右上角显示红点提示(开发小记)
CSS样式:.sss { width: 15px; height: 15px; color: #fff; float: right; margin-right: -3px; margin-top: -3px; background-color: #f00; border-radius: 50%; }html样式:<div class="centerall21012" @click.once="toJudPro" ali原创 2021-04-28 01:02:51 · 2068 阅读 · 0 评论 -
el-table文字缩略显示(开发小记)
........<el-table :data="list" element-loading-text="Loading" border fit style="width: 100%" highlight-current-row > <el-table-column label="回复内容" prop="replyMessage" :show-overflow-tooltip="true".原创 2021-04-23 18:39:40 · 875 阅读 · 0 评论 -
正则验证笔记
!/.../中间为表达式姓名正则:if (!/^([\u4e00-\u9fa5]{2,20}|[a-zA-Z.\s]{2,20})$/.test(this.form.adminName)) { error = "姓名长度必须为2-20个字符\n";}手机号正则:if(!/^1[0-9]{10}$/.test(this.form.adminTel)){ error = "请输入十一位手机号\n"; this.form.admin原创 2021-02-17 12:57:38 · 275 阅读 · 0 评论 -
el-input限制只能输入数字(开发小记)
输入框中限制通常有三种处理方法第一种:设置type属性(不推荐)设置type属性为number,text等等,此方法输入框的后面会有不必要样式出现<el-input type="number"></el-input>第二种:在属性中添加onkeyup或者oninput进行正则判断onkeyup,oninput,onchange各有好坏,在这里,推荐onkeyup,在要求不是太高的系统中可以这样使用<el-input v-model="fo原创 2021-01-05 22:46:39 · 3758 阅读 · 0 评论 -
element中过滤器filters的使用(开发小记)
之前在开发过程中遇到这么一个问题,一串数据需要在el-table中展示,其中含有金额字段,需要将其转换成标准数据格式,即三位一个逗号间隔。今年刚毕业就上手项目了,第一次接触的Vue,开发经验少,也忘记了有过滤器这个玩意儿,傻傻的写下了这种为自己震撼的数据处理,这仅仅是一个微不足道的小界面,这样的数据处理有上千行的????,做完还挺佩服自己,哈哈哈!!for (let argument of this.selectConfirmList) { argument.bal原创 2020-10-16 08:49:05 · 2034 阅读 · 0 评论 -
vue 通过css实现输入框居中输入
今天开发时突然想写blog了,水一下(o゚v゚)ノcss代码.inputStyle { text-align: center;/*主要就是这个,下面的都是样式*/ width: 6rem; height: 2.5rem; border: 1px solid #5a5e66; font-size: 14px; line-height: 48px; border-radius: 25px; outline: none /*outline原创 2020-09-12 23:14:19 · 2110 阅读 · 1 评论 -
vue将数字转换为汉字大写
smalltoBIG(price) { let fraction = ['角', '分']; let digit = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖']; let unit = [['圆.', '万,', '亿,'], ['', '拾', '佰', '仟']]; let head = price < 0 ? '欠' : ''; price = Math.a.原创 2020-08-11 18:02:44 · 2483 阅读 · 2 评论 -
Vue中子传父$emit的使用方法
子组件<Quarter.vue>想要把selectSeason方法里面的showValue值传到父组件中这一块很简单selectSeason(i) { let that = this that.season = i + 1 let arr = that.valueArr[i].split('-') that.getValue(that.year + arr[0] + '-' + that.year + arr[1]) th原创 2020-07-21 21:15:31 · 1896 阅读 · 0 评论 -
Element 季度选择器+导入
苦恼于element没有季度选择器,网上搜罗后整理实现,以便后期开发使用同文件夹下新建一个vue界面,命名为Quarter.vue<template> <el-form> <el-form-item> <mark class="_mark" v-show="showSeason" @click.stop="showSeason=false" ></mark>原创 2020-07-21 17:17:02 · 809 阅读 · 0 评论