jiemaio的博客

原创 element el-table span-method 的使用，表格内容合并

//表格 调用<el-table :data="allData" v-loading="loading" :header-cell-style="{ background: '#eff3f6' }" :span-method="objectSpanMethod">// 获取数据进行处理 that.getSpanArr( res.data) // vue data 中的 spanArr 合并条件容器 getSpanArr(data) { for (var i

原创 VUE 父子组件传值

父组件传值给子组件父组件需要做的内容//父组件初始化 要传给子组件的数据 data() { return { isCollapse: false, tabShow:{name:'',name1:''} }; },//这里是 嵌入在父组件中的 子组件 //:isCollapse="isCollapse" :tabShow='tabShow' 这是在给子组件传值 <Header @changCollapse="fromChild" :isC

原创 input checkbox 修改默认样式

<input type="checkbox" name="btn" id="btn1"><label for="btn1"></label> input[type="checkbox"] { width: 20px; height: 20px; display: inline-block; text-align: center; ve.

原创 扫码枪的使用

VUE element ui 使用扫码枪 <el-input v-model="sourceCode" @input="inputCode" :type="isScan?'password':'text'" placeholder="溯源码" /> data() { return { isScan: false,//是否为扫码枪录入 sourceCode: '' , } }methodsopenCodeListDialog(

原创 小程序canvas图片旋转

图片旋转，竖图变横图

原创 css创建三角形

三角形#top { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid #438ef7;}#down { width: 0; height: 0; border-left: 50px solid transparent; border

原创 小程序页面吸顶,锚点定位

方式一使用当前page页面元素吸顶 ,onPageScroll(e){ //页面监听 let that = this ; var query = wx.createSelectorQuery(); //获取监听的元素 query.select('#vanTabs').boundingClientRect((res) => { // console.log(res) //所需要的属性 if (res.top <= 0) {

原创 小程序引导关注公众号

以下内容是经过多方查询验证的结果，如有更好的方式请大家慷慨相助小程序内部引导关注公众号实现方法1、小程序内部嵌入公众号二维码，提示保存到本地然后扫码关注2、小程序关注组件，官方已有的开放功能，该方式使用有限制，a.公众号和小程序必须为同一主体b.特殊场景才能使用，比如扫码进入小程序具体见官方文档<official-account bindload='组件加载成功时触发' binderror='组件加载失败时触发'></official-account>3、文字描述

原创 小程序消息订阅

如果有什么纰漏的地方，请大家见谅，请告知我，我也好及时改正，对自我的提升，也是不误人子弟；废话不多说开整！小程序的订阅消息他的作用：小程序和用户进行消息沟通的一种模式，对于我们服务的场景，很多情况下需要进行闭环例：用户下单–》支付–》发货–》收货 ，这个环节里，我们服务于用户，对用户这个个体就需要有始有终，当用户支付后，是不知道什么时间商品已经发货了，那我们就要告诉他，当用户收货后就完成了一个小段环节（举例说明，后续及细节大家不要在意）；在用户不在小程序内，我们需要发送个消息告诉用户，商品发货了，让

原创 小程序自定义tabbar(组件形式)

tabbar的显示及隐藏// 显示 // 隐藏 wx.showTabBar({}) wx.hideTabBar({})安卓手机和苹果手机底部横条站位 /* 注意：env() 跟 constant() 需要同时存在，而且顺序不能换。 如需要左右上位置的 请自行百度*/ padding-bottom: constant( safe-area-inset-bottom); /* 兼容 iOS < 11.2 */ padding-botto

原创 高德地图和腾讯地图的基本使用(Taro,小程序)

腾讯地图的下载sdk/qqmap-wx-jssdk.min.jsTaro.getLocation({ type: 'gcj02', //返回可以用于 Taro.openLocation的经纬度 success: function (res) { const latitude = res.latitude const longitude = res.longitude //下载qqmap-wx-jssdk,然后引入其中的js文件

原创 小程序跳转微信支付分流程

商户预授权API 获取 预授权token -->>apply_permissions_token请求路径 : https://api.mch.weixin.qq.com/v3/payscore/permissions请求方式 : POST具体参数,回参 请参考官方文档 https://pay.weixin.qq.com/wiki/doc/apiv3/apis/chapter6_1_2.shtml重点: 小程序不能配置https://api.mch.weixin.qq.com域名,配

原创 安装java环境

一、下载安装包1. JDK1.8百度云下载路径：链接：https://pan.baidu.com/s/1ozCGy53AIeQIHWL6s9oAbw 提取码：04lf 网盘放的是jdk1.8版本中的1.8.0_152的版本2.如果大家想下载别的版本，可以去官网：www.oracle.com下载，进入官网页面，然后点击Downloads。 3.下拉页面，找到下载区域，点击Java。4.点击Java（JDK） for Developers。5.这时进入了JDK的下载页

原创 springboot 使用 WebSocket

Socket服务端监听通讯，被动提供服务；客户端主动向服务端发起连接请求，建立起通讯。每一次交互都是：客户端主动发起请求（request），服务端被动应答（response）。服务端不能主动向客户端推送数据。通信的数据是基于文本格式的。二进制数据（比如图片等）要利用base64等手段转换为文本后才能传输。WebSocket:websocket通讯的建立阶段是依赖于http协议的。最初的...

原创 基本的单图片上传(支持springboot)

前端页面 <!--multiple 为多选择 --> <input type="file" id="file" style="display: inline-block"/> <button ng-click="uploadFile()" class="btn btn-primary" style="mar...

原创 idea中springMVC自定义起名成打war包

原创 生成不重复的id String uuid = UUID.randomUUID().toString().replace("-", "").toUpperCase();

String uuid = UUID.randomUUID().toString().replace("-", “”).toUpperCase();String uuid = UUID.randomUUID().toString().replace("-", "").toUpperCase();

原创 excel导入数据库(SQLyog)

在被操作得数据库,右键 ----> 导入 ----> 导入外部数据库下一步 —>剩下得一直下一步 即可

原创 服务器初步连接项目打包

服务器初步连接 (Xshell 4)XmanagerEnterprise_4.0.0230_XiaZaiBa.exe (这里把远程连接工具集合到一起了)打开 Xshell ()连接 服务器 输入服务器主机地址选择用户身份认证 进行用户账号记录连接连接成功后cd / 进入 根目录cd ~ 进入 homell 横向展示 所有文件名称ls ...

原创 springSecurity得基本使用

引入坐标 <!-- security得依赖使用 坐标 --> <dependency> <groupId>org.springframework.security</groupId> <artifactId>spring-security-web</artifactId> &l...

原创 获取浏览器路径信息

window.location.hash //获取描点 #jfdwindow.location.search; //获取地址栏参数 ?id let id = window.location.search; //获取地址栏参数id = id.substring(id.lastIndexOf("=") + 1, id.length); // ?id=1 id=1s...

原创 Linux部署常用命令说明

查进程ps -ef |grep 进程名【查看所有正在运行的包含该名称的进程】解压缩tar命令：tar -xvf-x解压 -v显示进程 -f接包名（-f一定在最后因为要接包名）rpm安装命令rpm -ivh安装mysql（采用mysql官网最新安装方式安装mysql，详见：https://dev.mysql.com/doc/refman/8.0/en/linux-installati...

原创 mysql版本不同会产生问题的地方

ON UPDATE CURRENT_TIMESTAMP (时间上的sql语句 )

原创 js模拟点击事件

标题 var e = document.createEvent("MouseEvents"); e.initEvent("click", true, true); document.getElementById("clickme").dispatchEvent(e); //只要id 就好

原创 mybits 获取添加数据后自动生成得主键id

useGeneratedKeys=“true” keyProperty=“id”

原创 tomcat服务器软件安装和介绍

Tomcat基本概述Tomcat服务器是一个免费的开放源代码的Web应用服务器。Tomcat是Apache软件基金会（Apache SoftwareFoundation）的Jakarta项目中的一个核心项目，由Apache、Sun和其他一些公司及个人共同开发而成。由于有了Sun的参与和支持，最新的Servlet 和JSP规范总是能在Tomcat中得到体现。因为Tomcat技术先进、性能稳定...

原创 数据库的安装与卸载

数据库的安装SQLyog图形化工具安装数据库的卸载停止window的MySQL服务。找到“控制面板”-> “管理工具”-> “服务”，停止MySQL后台服务。...

原创 开发工具IntelliJ IDEA

开发工具概述IDEA是一个专门针对Java的集成开发工具(IDE)，由Java语言编写。所以，需要有JRE运行环境并配置好环境变量。它可以极大地提升我们的开发效率。可以自动编译，检查错误。在公司中，使用的就是IDEA进行开发。IDEA软件安装此软件集成了32位和64位，双击 ideaIU-2017.3.2.exe 进入安装。2. 选择安装路径4.开始菜单IDEA首次启动...

原创 java环境的配置

JVM虚拟机java语言是跨平台运行的;程序员只需要编写一次java程序,那么这个程序就可以在多种平台下运行;一处编写,处处运行;jvm虚拟机不跨平台;(在各种平台下,就会有各种相应的jvm虚拟机);JRE运行环境当java程序编写完成之后,需要使用JRE环境来运行程序;JRE环境中,包含了JVM虚拟机;JDK开发环境当java程序员编写java程序的时候,需要一个JDK开发环境;...

原创 Sol和IK分词器得基本使用

此处是以之前得安装配置过后进行演示得数据库中对应域得字段已经匹配过了开启Solr服务开始Demo得演示## 创建项目后 导入坐标 <dependencies> <dependency> <groupId>org.springframework.data</groupId> ...

原创 本地搭建Solr-----配置ik分词器(Window TomCat启动)

第一大步:准备好Solr我这里使用得是 solr-4.10.3 .zip (Window系统)准备一个干净TomCat为了防止TomCat端口号冲突,这里我们在修改一下端口号吧(我这里是已经修改过得了)一:二:三:启动一下(这里启动后是不能打开得,目的是为了把solr.war 进行展开)在展开得solr目录(webapps\solr\WEB-INF\lib)中补充缺失文...

redis缓存穿透、击穿和雪崩问题

缓存穿透当 key 的数据源并不存在,因为数据源不存在,所以在缓存中也是不存在的,这样每次请求这个没有key 的数据,每次都会请求数据库,如果大量高并发请求过来,可能会压垮数据库;缓存穿透当key 的数据源存在,但在缓存(redis中过期了),此时有大量并发请求过来，这些请求就会前往数据库进行数据读取,然后并把该数据回写到缓存中,在这个时刻,如果大并发请求过来,就会瞬间击垮服务器;缓存...

原创 Redis中实用真实案例

引入需要使用的坐标 <!-- 缓存 --> <dependency> <groupId>redis.clients</groupId> <artifactId>jedis</artifactId> <version>2.8.1...

原创 分布式文件系统fastdfs的基本使用

一 引入坐标 <!-- 分布式文件系统 --> <dependency> <groupId>org.csource.fastdfs</groupId> <artifactId>fastdfs</artifactId> <ver...

原创 Java 自身发送请求并接收响应的工具类

package utils;import com.alibaba.fastjson.JSON;import org.apache.http.HttpEntity;import org.apache.http.client.methods.CloseableHttpResponse;import org.apache.http.client.methods.HttpGet;import ...

原创 LUCENE入门案例

1.创建mevan项目 引入需要坐标 <dependencies> <!--lucene核心包--> <dependency> <groupId>org.apache.lucene</groupId> <artifactId>lucene-...

转载 SSM整合总结（WFB版）(抄袭)

SSM整合总结（WFB版）目标掌握SSM的整合分析ssm整合，是指什么？Spring SpringMVC Mybatis ，简称ssmSpring整合SpringMVCSpring整合Mybatis整合的实现方案注解 + XML 【推荐】注解： 自定义的类（dao、service）XML： jar包中的类（DataSource，DataSourceTransaction...

原创 SVN得安装使用

1.准备安装包2.傻瓜式安装Service 及使用2.1安装选择好自己得安装目录数据存放目录端口号使用8443 防止端口占用2.2使用在最近添加 或者 程序中 V 排序中找到 VisualSVN Server Manager 点击启动2.3添加用户及分组添加人员添加分组2.4权限设置3.傻瓜式安装客户端 及使用 小王八(哈哈哈哈)...

原创 ActiveMQ 消息中间件

ActiveMQ 启动官方网站 activemq.apache.org正常启动**出现问题解决 **计算机名出现中文其他启动失败进入查看消息队列的信息ActiveMQ 消息队列的入门案例生产消费模式 是一对一的 一个生产只能一个消费导入坐标<dependency> <groupId>org.apach...

原创 Java简单的本地邮箱服务器发送(javax.mail)

推荐使用标题51.安装使用易游服务器以及Foxmail易游服务器傻瓜式安装Foxmail 向导部分请断网2.简单的入门案例1.创建mevan项目2.引入坐标<!-- Javamail --> <dependency> <groupId>javax.mail</groupId> <arti...