- 博客(67)
- 收藏
- 关注
RSS订阅原创 Vant Webapp步骤表单
Vant webApp步骤表单文章目录Vant webApp步骤表单一、前言二、预览三、代码1.shareApplication.js2.shareApplication.json3.shareApplication.wxml4.shareApplication.wxss一、前言Vant版本：1.10.2官方地址：https://vant-contrib.gitee.io/vant-weapp/#/empty微信小程序表单校验:https://www.cnblogs.com/zhangxiaoyo
2022-02-24 16:53:39
1926
转载 Echarts 的悬浮框tooltip显示自定义格式化
文章地址：https://www.cnblogs.com/shizhijie/p/8805757.html效果：部分代码： tooltip: { trigger: "axis", backgroundColor: "rgba(255,255,255,0.1)", axisPointer: { type: "shadow", label: { show:
2022-01-06 14:43:26
655
转载 mysql 行转列 单字段多集合
文章地址：https://www.cnblogs.com/xiaoxi/p/7151433.html7、合并字段显示：利用group_concat()SELECT userid,GROUP_CONCAT(`subject`,":",score)AS 成绩 FROM tb_scoreGROUP BY userid;运行结果：
2021-11-29 15:39:55
117
转载 iview table的render()函数基本的用法
这里记录的是iviewui框架中render函数的用法。如下：语法：render:(h,params)=>{}具体用法：render:(h,params) => { return h(" 定义的元素 "，{ 元素的性质 }，" 元素的内容"/[元素的内容])}案例：当定义的元素没有其他元素时：render:(h,params)=>{ return h('div', {style:{width:'100px',height:'100px',background:'
2021-11-25 17:22:19
654
转载 提升Vue加载速度
文章地址:https://zhuanlan.zhihu.com/p/144430943gzip打包gizp压缩是一种http请求优化方式，通过减少文件体积来提高加载速度。html、js、css文件甚至json数据都可以用它压缩，可以减小60%以上的体积。1、下载依赖npm i -D compression-webpack-plugin2、在vue.config.js中配置const CompressionPlugin = require('compression-webpack-plug
2021-10-08 11:14:24
244
转载 Vue大数据页面Echart+Datav
预览：开源地址：https://gitee.com/MTrun/big-screen-vue-datav#https://echarts.apache.org/zh/api.html#echarts本项目百度云地址链接：https://pan.baidu.com/s/1KC1mrwjB0GkDfJNDZmofUA提取码：6527
2021-09-03 15:48:56
311
原创 iview的icon图标不显示问题
记：2021年9月3日，寻问度娘iview官网，在导入相关icon图标发现并没有生效。再次…再次…询问度娘,才知之前引入的是“view-design”而不是如今官网的‘iview’。view-design官网地址：https://www.iviewui.com/components/iconiview官网地址：https://iview.github.io/components/icon...
2021-09-03 11:05:38
4753
转载 删除无用＜none＞:＜none ＞的docker镜像
文章：https://blog.csdn.net/ljlfather/article/details/105536588可知dangling镜像会占磁盘空间，而且其他的none属于中间镜像不会占用空间。1.查看dangling的镜像docker images查看none镜像docker images -f dangling=true2.删除所有dangling镜像docker rmi $(docker images -f dangling=true -q)docker image
2021-09-01 08:57:12
183
原创 Docker容器中SpringBoot项目存储logs打印日志
1.application.yml配置mybatis: mapper-locations: classpath:mybatis/mapper/*.xml configuration: map-underscore-to-camel-case: true log-impl: org.apache.ibatis.logging.stdout.StdOutImpllogging: level: root: info com: jyk
2021-08-30 10:17:54
1888
转载 linux如何离线加载docker镜像？
linux如何离线加载docker镜像？1. 在已经部署了镜像的机器上获取镜像1.1 获取镜像名 docker images1.2 打包选中对应的镜像docker save <image_name> -o <image_name>.tar2. 在将要使用的机器上部署需要的镜像2.1 加载镜像docker load -i <image_name>.tar2.2 运行镜像docker run -p 8081:8080 -d <image_nam
2021-08-18 09:05:03
316
原创 Docker下拉mysql镜像失败
docker错误信息:Get https://registry-1.docker.io/v2/: x509: failed to load system roots and no roots provided1.修改加速地址vim /etc/docker/daemon.json{ "registry-mirrors": ["http://hub-mirror.c.163.com", "https://registry.docker-cn.com"], "live-restore": tru
2021-08-17 16:01:30
423
转载 小程序样式不生效
/** 必须“提升指定样式规则的应用优先权（!important）。” **/button[disabled] {color: #fff !important;background: #5bc0de !important;border-color: #46b8da !important;}作者：JavenZ链接：https://www.jianshu.com/p/dba76b38bc8b来源：简书著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。...
2021-08-05 11:52:53
497
转载 小程序数组赋值
1.直接覆盖原数组赋值。 data: { list:{ value:'', name:'' } } //... test: function () { var data={ value:'123', name:'name' } this.setData({ list: data }); })2.单独对数组中某字段赋值。 data: { li
2021-07-19 10:40:39
2393
原创 coding构建部署Docker 容器的springboot项目
Coding持续集成实现远程部署运行项目：Java + Spring + Docker原理：coding通过ssh私钥凭证访问服务器，执行项目的脚本使用git下拉最新代码并打包运行。一.Git免登录下拉Coding代码linux中免登录下拉Coding代码：https://blog.csdn.net/qq_40286424/article/details/118359130附上：Docker文件FROM openjdk:8-jdk-alpineRUN echo "Asia/Shanghai"
2021-07-01 13:36:39
1351
2
转载 linux中免登录下拉Coding代码
官方教程：https://help.coding.net/docs/project-settings/features/ssh.html1.服务器生成公钥使用指令生成公钥ssh-keygen -m PEM -t rsa -b 4096 -C "[email protected]"Generating public/private rsa key pair.Enter file in which to save the key (/root/.ssh/id_rsa): Enter pa
2021-06-30 13:42:43
329
转载 Springboot实现https
参考：如何在SpringBoot内嵌的Tomcat中配置HTTPSSpringBoot2.0项目配置https访问1.使用jdk中keytool的证书管理工具，可以用它来实现签名的证书进入jdk目录，地址栏输入cmd 并回车进入cmd界面。生成证书例：生成一个别名叫tomcat 的证书 先使用命令进入jdk的bin 这里的密码是123456keytool -genkey -alias tomcat -keypass 123456 -keyalg RSA -keysize 1024 -
2021-05-06 16:07:06
10468
2
原创 Caused by: java.sql.SQLException: Access denied for user ‘root‘@‘localhost‘ (using password: YES)
Springboot项目连接数据库报错：Caused by: java.sql.SQLException: Access denied for user ‘root’@‘localhost’ (using password: YES)项目环境：项目和数据库在Docker中运行，并配置有mysql容器的docker网络parkingmysql。原因：1.密码错误。2.application.yml中数据库账号地址错误。一般是 jdbc:mysql://localhost:3306/databas
2021-05-06 13:11:20
1345
原创 Vue之完整Dome
项目介绍：一个前后端分离的管理系统。前端使用vue框架，后端使用Java的springboot框架。项目框架：SpringBoot+SpringSecurity+jwt+mybatis-plus+swagger2环境：JDK1.8软件： idea后端教程：Java后端管理系统前端框架：vue ,vue_cli,element软件： HBuilder x前端教程：xx1.创建项目vue-cli-3.0cmd中输入命令：vue create 项目名结构：结构描述见：Vue之vue-
2021-04-08 09:40:19
841
转载 Vue之Element标签页保留用户操作缓存。
使用Keep-alive缓存组件。问题：Vue之Keep-alive属性 include 和 exclude无效场景：切换标签页保存用户操作，关闭标签页清除缓存的操作。思路：使用keep-alive缓存标签页，点击切换不刷新标签页，当关闭时清除缓存。文章资料：1 keep-alive实现原理。2.使用 keep-alive 的 include 和 exclude无效的一点注意。keep-alive的主要属性： include: patternTypes, // 缓存白名单 exc
2021-04-07 14:04:11
1270
转载 Vue之标签页
项目框架：Vue cli 3.0+ element相关资料：elementui tab标签管理路由页面Element Tabs 标签页实现右键自定义菜单效果图：ps：该项目实现了登录滑块验证、主页标签页和右键菜单的 “关闭所有”…等功能。1.主页差异这里和elementui tab标签管理路由页面使用的是不同的页面布局；官方示例代码如下：<el-container> <el-header>Header</el-header> <el-co
2021-04-02 10:43:53
967
转载 Vue之拦截器跳转登录页面
拦截器man.js中：//设置axiosimport qs from 'qs';import axios from 'axios'// 添加一个响应拦截器 axios.interceptors.response.use(function (response) { return response;}, function (error) { console.log(error.response) // 401处理跳转登录页面 替换地址栏URL if (error.response
2021-03-23 17:11:06
1721
1
转载 微信小程序（二）授权获取用户信息
工具：微信开发者工具场景：需获取用户信息并展示。官方文章：授权其他文章：用户点击授权获取用户信息1.如果只是需要显示用户的名称和头像<!-- 如果只是展示用户头像昵称，可以使用 <open-data /> 组件 --><open-data type="userAvatarUrl"></open-data><open-data type="userNickName"></open-data>2.获取用户信息index.
2021-02-22 13:15:55
425
转载 Vue之vue-cli新和旧版本代码生成的项目区别
记录下文章地址：http://www.voycn.com/article/chuangjianvuexiangmuqubie-vue-cli-30yuvue-cli-20创建项目结构区别vue-cli 2.0创建步骤PS D:\Web前端\vue项目\Clistudy> vue init webpack vue-cli-2.0? Project name vue-cli-2.0-study? Project description vue cli 2.0 study-vue.js? Au
2021-01-28 16:58:38
324
原创 微信小程序（一）
这次是在接手的小程序中新增页面情景。工具：微信开发者工具项目架构介绍：https://www.php.cn/xiaochengxu-357909.html部分：1.1，主体部分主要由3个文件构成app.js：小程序逻辑，初始化APPapp.json ：小程序配置，比如导航、窗口、页面http请求跳转等app.wxss：公共样式配置主体配置完成之后，就是对应的业务开发了，也就是开发者最常操作的页面。小程序页面设计基本上也是遵循 MVC 结构进行构建。MVC全名是Model View Con
2021-01-28 16:56:58
504
转载 Vue之组件间交互
Vue中父与子组件交互记录下vue如何实现组件数据交互。1.父组件发送数据到子组件。父组件：<template><view> <!-- 使用 :list="datas"传递数据到子组件 codes中使用props接收 --> <codes :list="datas"></codes></view></template><script>import codes from "@/compon
2021-01-28 10:08:06
123
原创 Vue之第三方通用接口页面
第三方接口功能实现场景：调用第三方接口参数是写死在后台的application.yml文件中，不方便更新管理接口的参数、接口状态、使用次数等等。耦合性太高。解决思路：把部分通用的字段写入数据库中，不同意的接口参数转换为json数据存入某个字段中。1 前端前端vue效果图：代码： <template> <div> <div class="info" > <h1>第三方车牌识别接
2021-01-19 16:35:48
977
原创 Vue错误记录（三）文件上传之transformRequest配置导致其他接口错误
场景：在 Vue项目的man.js中封装了文件上传接口，配置transformRequest后导致其他请求接口出错。原因： 配置transformRequest后请求数据是FormData格式，其他请求接口发送数据到后台无法解析。解决方法：调用接口时，配置transformRequest相应的数据格式。man.js中的接口配置// 默认配置import qs from 'qs';import axios from 'axios'axios.defaults.withCredentials =
2021-01-12 15:25:23
2402
转载 Java实现文字转语音播报
一、pom.xml引入jar包依赖<!-- https://mvnrepository.com/artifact/com.jacob/jacob 文字转语音 --><dependency> <groupId>com.hynnet</groupId> <artifactId>jacob</artifactId> <version>1.18</version></dependency>二、
2020-12-29 11:31:27
801
1
转载 Java各种加密和解密方式
加密算法文章1：https://www.cnblogs.com/xibushijie/p/12851771.html文章2：https://blog.csdn.net/weixin_37069598/article/details/106630717汇总了网上一些加密算法。（部分未进行实操，在之后工作中使用到会更新正确性）1.BASE64加密/解密Base64 编码是我们程序开发中经常使用到的编码方法，它用 64 个可打印字符来表示二进制数据。这 64 个字符是：小写字母 a-z、大写字母 A-Z
2020-12-24 10:33:51
268
原创 xx管理系统之JAVA后端
项目框架：SpringBoot+SpringSecurity+jwt+mybatis+swagger2前端框架：vue+element1.idea 新建SpringBoot项目初始结构如下导入pom.xml依赖配置 <properties> <java.version>1.8</java.version> <spring.version>2.3.5.RELEASE</spring.version>
2020-12-16 10:57:08
224
原创 Java之微信支付JSAPI-网页支付
微信支付需要 公众号和商户号ps:这里使用的是JSAPI支付1.微信支付需要进行申请2.公众号 网页授权3.支付授权目录4.首先需要获取用户的openid这里使用的是：网页授权获取用户openid具体而言，网页授权流程分为四步：引导用户进入授权页面同意授权，获取code通过code换取网页授权access_token（与基础支持中的access_token不同）如果需要，开发者可以刷新网页授权access_token，避免过期通过网页授权access_token和openid获
2020-12-10 14:15:25
5038
2
原创 Vue错误记录（二） 表单不能通过验证
场景： 添加、修改数据所用表单为同一个。原因：Vue项目中表单的数据来自后台的json字符串。部分验证没有通过，发现是数据类型对不上，json中是Number，而表单中是String。使用以下语句判断数据格式打印：console.log(Object.prototype.toString.call(object));//[object String]果然是Number类型而表单中没有规定type添加类型 type: 'number'成功通过验证。我的天，添加又出问题了。添加输入
2020-12-10 12:08:19
477
转载 Vue错误记录（一）TypeError: loaderContext.getResolve is not a function
运行出现错误：Vue Module build failed: TypeError: loaderContext.getResolve is not a function 解决办法1.安装 lessnpm install less less-loader --save2.进入 build 目录 打开文件 webpack.base.conf.js 在文件中找到 rules 新增如下代码：{ test: /.less$/, loader: "style-loader!css-loader!le
2020-12-02 11:20:52
1223
原创 SpringBoot集成Spring Security（一）——添加用户操作日志
在简单的登录注册入门SpringSecurity教程中添加日志功能。原理：利用Spring Aop面向切面来获取信息。步骤如下：在原github上修改项目1.添加依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-aop</artifactId>
2020-11-13 17:25:51
1345
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人