- 博客(60)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 web项目服务器部署Spring boot、vue、linux
后端spring boot，前端vue，系统环境linux，数据库mysql、mongoDB、redis。
2022-08-08 17:03:08
569
原创 用vs code开发java spring boot项目
写在前面，当前是建立在已经安装好了java环境和maven仓库还有vs code配置环境1、插件Debugger for JavaExtension Pack for JavaMaven for JavaProject Manager for JavaTest Runner for JavaSpring Initializr Java SupportSpring Boot ToolsSpring Boot Extension PackSpring Boot Dashboard看起来比
2022-05-25 10:02:47
536
原创 bootstrapTable固定头固定列之后的对齐问题
首先有条件的话,换吧!!!下面组件指的是bootstrapTable1、固定列之后出现行不对齐,行越多越明显主要原因是因为固定的列行高和内容行高不一样,这里举个例子: 固定列加粗了字体, 内容没有加粗. 反之同理. 其余的自己找原因2、固定头之后表格滚动起来,出现列不对齐这里会说两个原因1、误差表头的宽度设置是获取下面第一行列的宽度设置的, 由于每列的宽度是自适应的, 所以实际宽度会出现小数, 但是jQuery获取的时候是整数, 这就会造成误差, 列越多误差就越大2、滚动条固定列肯定是因为
2022-03-29 14:51:51
3003
原创 记录前端js获取浏览器信息与判断是否为移动端
执行下面方法将获取所有信息const _browser = (function(){ let userAgent = navigator.userAgent, ua = userAgent.toLowerCase(), browserList = { msie : /(?:msie\s|trident.*rv:)([\w.]+)/i, firefox : /Firefox\/([\w.]+)/i,
2022-03-15 14:23:28
1366
原创 uni-app自定义v-model失效问题
export default { props: { value: { type: String, default: "" } }, model: { prop: "value", event: "input" }, methods: { valueChange(val) { this.$emit("input", val) } }}直接上代码了，问题不想深究了，定义model的时候用value和input，不要自定义，就这样。...
2022-02-14 17:05:55
2993
4
原创 uni-app使用u-charts
写下这篇文章是因为自己在使用它的时候踩了很多坑，记录一下也许会对其它开发者有些帮助。下面说下我的使用方法首先到gitee上把项目代码下载下来 gitee地址这个是国内的下载比较快，也是官网推荐的这里以uni的为例，如下目录是uni示例 uCharts/示例项目/UNIAPP在开发工具直接运行，可以直接运行到浏览器，只是显示效果，毕竟微信开发者工具有点笨重下图是我随便点开了一个示例，最上面就是页面路径，到项目里找就行了下面是对应的代码片段<view class="qiun-colu
2022-01-12 11:31:05
3270
原创 vue更新dom之后整个页面刷新jquery，bootstrap
记录自己遇到的坑，使用技术如标题所示具体原因没找到，也没时间去找使用场景是动态生成输入框，也就是用了bootstrap的表单，用vue的v-for循环form-group，删除什么的都好说，就是增加数据的时候，往数组里push新的对象，整个页面就回刷新。解决方案不要使用form，直接用div...
2021-12-17 10:53:35
954
原创 在iframe嵌套页面使用layui里面的layer弹窗最大化时候父页面会滚动到顶部
在iframe嵌套页面使用layui里面的layer弹窗最大化时候父页面会滚动到顶部
2021-12-07 11:07:12
1259
原创 解决浏览器切换其它窗口最小化定时器失效方案：多线程webWorker
业务场景一个考试系统，需要在用户切换窗口或者最小化的时候依然保持倒计时正常进行技术webWorker多线程工具代码function createWorker(f) { var blob = new Blob(['(' + f +')()']); var url = window.URL.createObjectURL(blob); var worker = new Worker(url); return worker;} export const createWorker
2021-05-21 09:38:31
3912
5
原创 electron-vue 打包成app
因为直接run build报错，所以使用了以下方案1.运行下面的代码npm run pack2.再运行我是要打包mac的app，如果打包Windows用 -w要是报electron-builder找不到先运行npm i -g electron-builder之后再运行下面的代码electron-builder -m3. 之后在项目的build文件夹就能看到打包后的文件了...
2021-02-28 16:07:06
2124
原创 electron-vue 运行报错 process is not defined
找到.electron-vue文件夹，打开webpack.web.config.js 和webpack.renderer.config.js找到下面这段new HtmlWebpackPlugin({})在里面加入 templateParameters(compilation, assets, options) { return { compilation: compilation, webpack: compilation.getStats().toJ
2021-02-28 14:44:19
307
原创 springboot + mybatis + mySql 简单写增删改查
1.创建数据库（略）2.用mabatis-generate生成映射3.controllerpackage com.hlj.wym.browser.controller;import com.hlj.wym.browser.query.ReportTemplateQuery;import com.hlj.wym.browser.service.ReportTemplateService;import com.hlj.wym.browser.vo.ReportTemplateAddPa
2021-02-19 16:42:13
261
原创 cesium显示动态线条或区域通过纹理
文章参考别人代码，在这里记录下过程防止忘记1.创建纹理export const createTexture = (params) => { if (!params) params = {} const { img = '/img/flow_line.png', second = 5000 } = params function PolylineTrailLinkMaterialProperty(color, duration, d) { this._definitionChan
2021-01-28 17:18:51
1454
1
原创 去掉img自带的拖动效果以及给div等标签加上拖动效果
禁止图片拖动<img class="item-avatar" draggable="false" :src="...." />拖动div<div class="card-item" draggable></div>
2021-01-19 20:27:03
1183
原创 cesium学习记录
可绑定事件 static constant Cesium.ScreenSpaceEventType.LEFT_CLICK //表示鼠标左键单击事件。 static constant Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK //表示鼠标左键双击事件。 static constant Cesium.ScreenSpaceEventType.LEFT_DOWN //表示鼠标左键按下事件。 static constant Cesium.ScreenS
2021-01-13 16:36:15
146
原创 网页页面打印方案二
工具代码const Print = function (dom, options) { if (!(this instanceof Print)) return new Print(dom, options); this.options = this.extend({ 'noPrint': '.no-print' }, options); if ((typeof dom) === "string") { this.dom = document.querySelector
2021-01-05 15:18:23
246
原创 微信小程序canvas使用
我的项目是基于uni-apptemplate我也不知道为何，只有行内样式生效，小程序限制还是太大<canvas canvas-id="shareCanvas" id="shareCanvas" style="width: 330px;height: 410px;"></canvas>js部分async draw({text,name,title,cla,cover}){ const coverPath = await this.getImageInfo(cover);
2020-12-26 20:25:08
678
原创 小程序生成分享二维码
记录下我在做小程序分享保存发朋友圈的二维码踩过的坑主要是通过getAccessToken和getUnlimited获取二维码，然后通过canvas画出来保存。首先获取凭证（getAccessToken）这个是获取二维码的凭证，必须先获取，这里只需要传三个参数，第一个是固定写法，后面的是secret和appid，这些也是固定的。获取到的数据是有过期时间的。一般是7200s，到期需要重新获取。 async getAccessToken() { const result = await clie
2020-12-26 17:17:43
2315
原创 在vue中使用qqmap腾讯地图
在index.html的head里引入依赖 <script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=76HBZ-BH5CX-FZF4G-7VDJB-QP3KH-LBBFU&libraries=drawing,geometry"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.co
2020-12-22 16:12:31
4008
5
原创 java spring boot 的web项目中使用swagger
引入依赖<dependency> <groupId>io.springfox</groupId> <artifactId>springfox-swagger2</artifactId> <version>2.9.2</version></dependency><dependency> <groupId>io.springfox</groupId&
2020-12-22 14:02:46
142
原创 在vue基础上实现原生拖动事件draggable
先上代码 <div class="test-view"> <div ref="from" class="from"> <div class="item" draggable @dragstart="itemDragStart" :style="{backgroundColor:item.color}" v-for="item in fromData" :key="item.name">{{item.name}}</div> &l
2020-12-07 20:02:57
1548
原创 前端css卡片card多行排列自适应布局
一直寻找card排列的完美解决方案，之前是用js实现老是会出bug，这里介绍一种纯css实现这里感谢好好叶叶孤城提供的方法先放代码<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style> .test { float: left; width: 25%; box-sizi
2020-09-24 14:24:43
7177
原创 简单介绍两种常用的数据去重方法普通和对象
首先接常规数组的类似 [0,1,2,3,1,2]这种const newArr = [...new Set(arr)]然后是数组里是对象类似 [ {name:“jack”},{name:“jone”},{name:“jack”} ]const obj = {};const newArr = arr.reduce((result,item)=>{ obj[item.name] ? "" : obj[item.name] = true && result.push(item)
2020-09-17 14:04:29
146
原创 vue导入xlsx-style组件报错Can‘t resolve ‘./cptable‘ in ‘xxx\node_modules_xlsx
官方给出了解决方案，我们只需要修改一下配置vue2x版本就是有webpack配置就是在webpack.base.conf.js中加入下面这段module.exports = { externals: { './cptable': 'var cptable' }}vue3x版本在根目录下的vue.config.js(没有的话自己创建一个)加入下面的代码module.exports = { configureWebpack: { externals: {
2020-09-15 16:09:20
5463
4
原创 js事件穿透上层触发下层事件
我是在做一个带遮罩边框时候需要用到下面是效果图可以看到边边有个边框，这是用一个img实现的，直接宽高一样盖在上面。虽然看上去是透的实际上上面有一层img只是透明而已，这个时候要是需要触发底层swiper事件就没办法css里有一个专门屏蔽事件的属性pointer-events: none;默认是是触发，写上这个之后就不会触发事件了这样就能正常触发swiper的事件了...
2020-09-13 19:46:07
2242
原创 mongoose的aggregate聚合管道中的$match,$skip,$limit,$lookup,$project,$unwind,$group,$sort使用方法
聚合管道是链式调用，上面的处理结果会用作下次处理初始值1.$match可以看做筛选，就是查找符合条件的数据// 查找user_id=user_id的数据{ $match: { user_id: ObjectId(user_id) }}// 查找array里包含的user_id的数据{ $match: { user_id: { $in: array } }}2. $skip和 $limit这两个是做翻页用的// page->第几页 size->每页多少个[{ $sk
2020-09-09 16:28:03
3253
原创 mongoose(mongodb)使用$lookup查询为空数组return empty array
1.保证关联的数据格式一样，这里指的是ObjectId，其它一般不会有问题。2.要查询的数据库名称要写对这也是我犯的错误，如我在定义Schema时候是：mongoose.model('InspectTask', InspectTaskSchema);查询的时候要写：$lookup: { from: 'inspecttasks', localField: 'task_id', foreignField: '_id',
2020-09-01 10:18:59
1830
2
原创 简单实现socket.io后端主动给前端发请求
下面的使用到的技术栈是vue+node（express）后端npm install socketio express express-static// oryarn add socketio express express-staticconst express = require('express');const http = require('http');const socketIo = require('socket.io');const app = express();con
2020-08-22 15:26:11
2480
原创 vue鼠标滚轮进行横向滚动
我是在vue项目里使用的其他的也同理页面部分<div id="nav"> ...这里是你的滚动元素...</div>js部分 methods: { // 初始化与绑定监听事件方法 scrollInit() { // 获取要绑定事件的元素 const scrollDiv = document.getElementById("nav"); // document.addEventListener('DOMMouseScro
2020-08-21 19:30:03
2828
原创 简单封装一个基于vue的日历组件calendar
这是效果直接上代码<template> <div class="calendar"> <div class="title"> <h2>日历</h2> <div class="checks"> <span @click="onCheckDate('reduction','year')" class="check-item"><<</sp
2020-08-21 09:20:15
868
原创 mac 设置oh my zsh命令提示功能
1.下载该插件到.oh-my-zsh/plugins目录cd .oh-my-zsh/pluginsgit clone git://github.com/zsh-users/zsh-autosuggestions2.编辑.zshrc文件cd ../../open .zshrc找到plugins=(git)这一行，如果没有添加。改为：plugins=(git zsh-autosuggestions)...
2020-08-17 09:37:38
2034
原创 mongoose链接操作数据库
1.连接数据库import * as mongoose from 'mongoose';mongoose.connect(uri, options);mongoose.connection.on('connected', () => { Logger.info(`数据库连接成功 - ${uri}`); });2.设置Schemaimport * as mongoose from 'mongoose';import * as paginate from 'mongoo
2020-08-10 21:22:28
409
原创 mongodb查询关系条件运算
查询条件的关系运算相等查询年龄等于10岁的信息db.stu.find({age:10});KaTeX parse error: Expected '}', got 'EOF' at end of input: …stu.find({age:{eq:10}});大于KaTeX parse error: Expected '}', got 'EOF' at end of input: …stu.find({age:{gt:20}});大于等于$gte: (greater than o
2020-08-09 21:09:56
538
原创 mac下的常用启动命令
1.redisredis-server //启动2.mongosudo mongod3.MySQLmysql.server start // 启动mysql.server restart // 重启mysql.server stop // 停止4.nginxnginx //启动nginx -s stop //停止nginx -s reload //重启
2020-08-03 19:01:00
410
原创 微信小程序中获取页面的实际宽高和rpx的关系getSystemInfoSync
小程序提供了一个方法叫getSystemInfoSync，通过它可以获取当前屏幕信息const info = wx.getSystemInfoSync();const 与rpx的比值 = 750 / systemInfo.windowWidth;const 屏幕宽度 = info.screenWidth;const 屏幕高度 = info.screenHeight;const 状态栏高度 = info.statusBarHeight;const 可用窗口宽度 = info.windowWidth
2020-08-03 14:02:54
1393
原创 uni-app微信小程序全屏拖拽组件，控件
首先放上下载地址这里在对应的页面里引入就可以了<template> <touch-move @onClick="switchLanguage"> <!-- 这里放上自己的内容 --> </touch-move></template><script> import TouchMove from './TouchMove'; export default { components: {TouchMove}
2020-07-15 16:56:34
2407
原创 html中table的样式设置
因为用到了一个自定义的表格所以这里记录一下样式写法这里的样式基本上指的是边框了先说明一下设置边框的方式设置table的border属性，如下。当然样式我就不说了不建议这么干<table border="1"></table>之后的两种都是用css实现的，这里先说一种//边框什么的自己写吧table{ //主要用到的就是这个属性，这个属性可以让边框重叠，就是让两个边框加一起没那么宽了 //实际上并不好使，因为涉及到重叠问题，坑就不说了 border-col
2020-07-13 14:39:42
9171
原创 js导出excel表格csv格式
自己封装了一个js导出表格的js工具稍后在这里放上文件链接下面是使用方法首先这个封装依赖以下插件yarn add xlsx xlsx-style file-saver//npm装也一样然后将文件放到合适的位置去到启动配置文件webpack.base.conf.js(我是在vue项目中使用)//在module.exports={}里加加上下面这个externals: { './cptable': 'var cptable'}之后在项目里引用import { exportD
2020-07-08 19:57:35
2842
原创 linux下的docker自启与image自启
Linux系统设置docker自启systemctl enable dockerdocker守护进程，就是可以在后台运行docker run --restart=always xxxx//或者创建以后docker update --restart=always xxxxdocker中镜像自启docker run -d --restart=unless-stopped -p 3306:3306 imageName...
2020-07-05 21:28:59
677
1
原创 docker导出与导入镜像image
导出命令这里默认是把文件导出到当前运行shell的位置，后面跟的是导出路径和文件名docker save (imageId) > (fileName).tar导入命令后面跟的是导出文件的位置docker load < (fileName).tar打包命令把本地项目打包成imagedocker build -f Dockerfile -t docker-spring-boot .Dockerfile是配置打包设置的文件docker-spring-boot是打包之后imag
2020-07-05 20:01:10
2179
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人