wodebokecsdn的博客

原创 vue npm 发布自己的组件到npm并使用

我们的目标是写一个组件上传到npm，然后可以通过cnpm install --save kyswitch 的方式去依赖这个组件，像element-ui一样的去使用import kyswitch from "kyswitch"import "kyswitch/lib/kyui.css"Vue.use(kyswitch);//页面<ky-switch></ky-switch>OK 开始吧！1、首先创建一个vue项目，我用的是脚手架vuecli4.0创建完.

原创 vue 实现模糊搜索功能，vue-element ui改编input模糊查询

 vue实现模糊搜索功能根据输入的内容进行查找数据，然后展示含有输入内容的数据&lt;input v-model="issue_content" v-on:input ="inputFunc" type="text" placeholder="如何修改密码"&gt;&lt;div class="serch_result" v-show="serch_result_

原创 js递归遍历树形json结构 根据最后一个节点找到整个家族，根据父节点找到所有的子节点，根据层级关系写成树形结构

dataTree: [ { id: 1, address: "安徽", pid: 0 }, { id: 6, address: "安徽a", pid: 1 }, { id: 12, address: "安徽aa", pid: 6 }, { id: 14, address: "安徽aaa", pid: 12 }, { ...

原创 springboot中使用RestTemplate发送post请求

springboot中使用RestTemplate发送post请求

原创 java 多线程处理任务

java 多线程处理任务

原创 java迷宫回溯找最短路径问题(多策略)

java迷宫回溯找最短路径问题(多策略)，通过递归方式得到所有策略，再通过递归回溯找到所有的结果，然后排序得到最短的步数、策略和相应的轨迹图

原创 Spring boot链接多个mongodb数据库

Spring boot链接多个mongodb数据库

原创 spring boot jar包读取文件的方式

spring boot jar包读取文件的方式

原创 spring boot 中使用commons-httpclient发送post和get请求

spring boot 中使用commons-httpclient发送post和get请求

原创 常用sql查询语句

常用sql

原创 spring 中kafka的基本使用

springboot中使用kafka，批量消费，到业务处理

原创 spring boot 包说明

spring-boot-starter 核心启动器，包括自动配置支持，日志记录和YAML spring-boot-starter-activemq 使用Apache ActiveMQ进行JMS消息传递的入门者spring-boot-starter-amqp 使用Spring AMQP和Rabbit MQ的入门者 spring-boot-starter-aop 使用Spring AOP和.

原创 Mongodb aggregate 管道符操作

db.device_state.aggregate([ { $project:{ deviceId:1, ctype:{$ifNull:["$ctype",0]}, accstate:"$acc_state", status:1, merchantId:1 } }, { $match:{ //.

原创 数据结构-----线性表

什么事线性表（现行存储结构）将具有“一对一”关系的数据“线性”地存储到物理空间中，这种存储结构就称为线性存储结构（简称线性表）使用线性表存储的数据，如同向数组中存储数据那样，要求数据类型必须一致，也就是说，线性表存储的数据，要么全部都是整形，要么全部都是字符串。一半是整形，另一半是字符串的一组数据无法使用线性表存储。图 3中我们可以看出，线性表存储数据可细分为以下 2 种：如图 a) 所示，将数据依次存储在连续的整块物理空间中，这种存储结构称为顺序存储结构（简称顺序...

原创 Spring boot配置过滤器filter，读取cookie 设置cookie，读取请求头等

首先 我们理解一下filter这个狗东西在项目中的作用上图是filter在服务中的作用spring boot 中添加filter分为两种 一种为自定义版 一种为注解版这里我们先用自定义版，目录结构如下吊样首先我们定义一个MyFilter类 并实现Filter接口，这里就是http入口和出口，所以我们可以在这里做一些业务上的操作package com.filter;import lombok.extern.slf4j.Slf4j;import org.springfra..

原创 spring boot 中的自动配置类AutoConfiguration 和自动配置原理

我们的配置文件yml 或者properties中有很多配置属性，那么我们怎么知道都有哪些属性可以配置呢？1、我们可以通过官网来查看 2、可以查看源代码配置文件属性参照表自动配置原理：1、SpringBoot 启动的时候加载主配置类，开启了自动配置功能@EnableAutoConfiguration然后利用EnableAutoConfigurationimportSelecter导入一些组件，都导入哪些组件，我们可以在 Libraries中找到一个叫 autoconfigu.

原创 Spring boot 的profile，通过profile指定开发、测试、生产环境

当项目上线时，可以指定上测试环境或生产环境，我们可以通过profile来做到这一点profile是Spring对不同环境提供不同配置功能的支持，可以通过激活、指定参数等方式快速切换环境。1、多profile文件形式 格式 ：application-{profile}.yml 例如： application-test.yml application-prod.yml2、多profile文档块模式3、激活方式 命令行 --spring.profiles.activ...

原创 spring boot 配置文件,配置类的写法

注解@PropertySource

原创 MongoTemplate 实现多条件、模糊查询、排序、范围、分页查询

首先说一下我这边的应用场景根据名称（模糊查询）、时间段、状态 来查询好多人都是用skip limit 来做分页，但我感觉数据量很大的时候 skip掉前面很多数据时，会有性能问题。所以我选择了使用Pageable 这个类来实现分页，注意一点 mongodb的第一页 pageNum 是从0开始的。所以要-1 Pageable pageable = new PageRequest(pageNum,pageSize);还有个需求是按着创建时间倒叙展示，就是最后创建的在前面，所以用到了排序

原创 webpack简易教学（二）

根据上一篇继续往下学。我们上一篇将到了 如何使用npm 工具来代替我们输入命令，也已经初步打包成功了。接下来如果我们不想将js只放在dist文件夹下呢，我想放在dist/js文件下，因为我们之后会生成一个html文件。接下来继续配置webpack.config.jsoutput: { // 这里有两种写法 // path:__dirname + '...

原创 spring boot读取application.yml中的值

首先我们定义一个bean类，添加一个注解@ConfigurationProperties(prefix = "person")当我们添加完注解的时候，编辑器会提示咱们the annotation processor not .....意思就是这个注解找不到，我们点击打开，跳到官网，让加入以下依赖就好了。有了这个依赖后，我们在yml中写配置的时候就有提示了。java bean的概念package com.model;import lombok.Data;impo.

原创 spring boot 操作redis

首先大家要先了解redisredis的基础知识1、redis默认有16个数据库，可以在我们的redis config文件中查找我们可以通过select index命令来切换数据库我们登陆redis-cli 客户端 执行 select 1 命令就会切换到这个数据库，默认是使用第一个数据库 下标为0在相应的数据库下大家可以执行 get set命令来设置 和获取值keys * 来查看数据库所有的Keyflushdb 清空当前数据库flushall 清空所有数据库...

原创 mongodb中的原子操作findAnModifyd

我们看名字大概也能猜到这个原子性操作是用来做什么的，查找和更新。一、我们的业务场景我们为了业务需求，需要在分类表中增加一个int类型的不重复的id。二、方案思考当初想的是比较low的方法，根据id排序查出所有的数据，然后将最大的id取出+1，然后在插入一条。单节点服务感觉没啥问题，但是一旦节点数增加，不能保证id不重复。如果加表级锁，可能会有性能问题。三、解决方案通过看文章发现 mongodb 有一个原子操作方法叫findAnModifyd，它可以指定某个键进行增长一定的值并获取

原创 spring boot MongoRepository实现增删改查

上一篇文章中讲到了基本用法，这次我们详细的讲一下首先我们要对MongoRepository有一个基本的了解他是有一些自己的查询方法的 也支持自定义方法查询比如 findAll save delete等方法都是自带的方法，如果我们想根据表中的某个属性来查我们就自定义方法就行，方法名字如下用find+By+属性来查询 如果是模糊查询 就是属性Like；例如：public GoodsModel findByName(String name);public List<GoodsMo

原创 java Spring boot web 服务项目搭建及简单的接口实现及简单的数据库查询

首先我们用的是idea来创建springboot项目file >> new >> Project 然后选择maven创建。这里说一下 maven最好是配置一下阿里云的镜像，这样下的比较快。或者用自己公司的私服也行。这里就先不介绍maven怎么配置了。选一下JDK的版本，目前大家用的都是1.8的，支持好多新特性，用起来比较爽，比如枚举中可以定义静态方法等。。。点击Next，这里是存放项目的目录，名字大家可以自己定义，需是个空文件夹。点击finish,这市，...

原创 pm2常用命令

1、 pm2需要全局安装npm install -g pm22、进入项目根目录2.1 启动进程/应用 pm2 start bin/www 或 pm2 start app.js2.2 重命名进程/应用 pm2 start app.js --name wb1232.3 添加进程/应用 watch pm2 start bin/www --watch2.4 结束进程/应用 pm2 stop www2.5 结束所有进程/应用 pm2 stop all2.6 删除进程/应用 pm2 dele.

原创 linux 下安装nodejs

1、查看一下自己服务器linux系统的位数x86_64表示64位系统， i686 i386表示32位系统nodejs下载官网地址一般安装目录在 usr/local下面我用的是Xshell 可以将下载下来的node-v14.15.0-linux-x64.tar.xz文件 ftp到这个文件夹下，或者 用rz 回车将文件上传到此目录下。解压文件tar -xvf node-v8.12.0-linux-x64.tar.xz解压后会出现这个文件夹将文件夹放到node..

原创 js正则表达式

正则表达式中的特殊字符字符 含意\ 做为转意，即通常在"\"后面的字符不按原来意义解释，如/b/匹配字符"b"，当b前面加了反斜杆后/\b/，转意为匹配一个单词的边界。-或-对正则表达式功能字符的还原，如"*"匹配它前面元字符0次或多次，/a*/将匹配a,aa,aaa，加了"\"后，/a\*/将只匹配"a*"。^ 匹配一个输入或一行的开头，/^a/匹配"an A"，而不匹配"An a"$ 匹配一个输入或一行的结尾，/a$/匹配"An a"，而不匹配"an A"* 匹配前面元字符0次或多次

原创 vue-cli4.0+ts+element构建项目

创建项目的过程就不介绍了，vue create 项目名字 ，然后选最下面的自己配置所需要的东西即可，这里主要讲typeScript的使用方式。1.interface是对值所具有的结构进行类型检查，当创建一个带有参数的函数，或者调用接口传参数时，为了能够清晰的知道所需参数的属性和类型，我们就可以用interface来进行约束，如果传错了，在编译过程中会报错。首先看一下项目结构我们以alarmInter.ts为例我们要查询分类数据，参数有一个subjectId，类型为number。

原创 Flutter

Flutter button的类RaisedButton({ Key key, //点击按钮的回调出发事件 @required VoidCallback onPressed, //水波纹高亮变化回调 ValueChanged<bool> onHighlightChanged, //按钮的样式（文字颜色、按钮的最小大小，内边距以及shape）[ Used with [ButtonTheme] and [ButtonThemeData] to defin.

原创 taro3.0 +vue2 微信小程序

首先创建项目，按着官网来就行了，编译报错的话可以将node更新到最新版本执行npm run dev:weapp后会编译文件，生成如下的目录结构，assets是我自己创建的，用来存放静态资源的目录当执行完之后，文件中会生成一个dist的文件夹，打开微信开发者工具，导入项目，路径填到dist文件夹这一层。这时就可以预览项目了。2、此时需要明白文件夹中文件的作用这是配置好之后的效果3、接下来看页面中的使用方式下面这个文件 就跟原生对应的json配置文件一样..

原创 微信小程序中的各种跳转

1. wx.navigateTo() 直接跳转wx.navigateTo()用于保留当前页面、跳转到应用内的某个页面，使用 wx.navigateBack可以返回到原页面。对于页面不是特别多的小程序，通常推荐使用 wx.navigateTo进行跳转， 以便返回原页面，以提高加载速度。当页面特别多时，则不推荐使用。2.wx.redirectTo() 重定向当页面过多时，被保留页面会挤占...

原创 shell 链接阿里ecs云服务器

首先下载xhell 安装命令 whereis nginx可以查到nginx所在的目录nginx 可以启动nginx ps -ef |grep nginx 可以查看nginx是否启动成功如果不想操作ftp 则可以运行命令下载 yum -y install lrzsz 下载lrzsz,这个工具可以下载服务器上的资源和上传资源rz 回车 是上传资源 sz 回车是下载资源编...

原创 sd

原创 VUE中 上传excel文件并解析内容

<el-upload :action="url" :http-request="importExcel" list-type="text" :show-file-list="false" > <el-button size="small" type="primary">导入</el-button> </el-upload>...

原创 js常用正则表达式

整理了一下正则表达式1.由数字、26个英文字母或者下划线组成的字符串: ^[0-9a-zA-Z_]{1,}$12.非负整数（正整数 + 0 ）: ^/d+$13.正整数: ^[0-9]*[1-9][0-9]*$14.非正整数（负整数 + 0）： ^((-/d+)|(0+))$15.负整数 : ^-[0-9]*[1-9][0-...

原创 import和require的区别

require和import的区别遵循规范–require 是 AMD规范引入方式–import是es6的一个语法标准，如果要兼容浏览器的话必须转化成es5的语法调用时间–require是运行时调用，所以require理论上可以运用在代码的任何地方–import是编译时调用，所以必须放在文件开头本质–require是赋值过程，其实require的结果就是...

原创 vue常用自定义指令

参考网上例子整理了一下import Vue from 'vue'// v-dialogDrag: 弹窗拖拽,// 使用案例：/* <el-dialog :visible.sync="dialogshow" center v-dialogDrag :close-on-click-modal='false' @close='dialog_close'></el-d...

原创 js动态修改浏览器导航栏图标和文字

change_icon() { const changeFavicon = link => { let $favicon = document.querySelector('link[rel="icon"]'); // If a <link rel="icon"> element already exists, // ...

原创 nodejs+WebSocket + vue 做一个简单的聊天工具

首先我们保证已经安装了nodejs先上一张效果图建一个文件夹 ws_nodeserver，在里面建一个server.js ，然后在ws_websocket文件夹下执行 npm init 一直敲回车 生成package.json文件。目录结构为下载我们引用的依赖 cnpm install --save wsserver.js中引入并创建一个wsvar WebSo...