- 博客(44)
- 收藏
- 关注
RSS订阅
原创 springboot+vue自定义上传图片及视频
说明：本例采用的是将图片视频全都先传到前端，再一次性提交给后端的思路，另外还做了一个上传前的预览效果图vue页面代码<el-drawer size="40%" :visible.sync="collect_drawer" :append-to-body="true" :wrapperClosable="false"> <template slot="title"> <span class="drawer-title">{{ col.
2022-03-22 15:00:43
3502
3
原创 异常解决：java.lang.NoClassDefFoundError: org/springframework/boot/Bootstrapper
异常解决：java.lang.NoClassDefFoundError: org/springframework/boot/Bootstrapper跟着以前的教学视频学习的过程中出现了这个问题，找了好久终于找出了原因，特此记录。问题描述问题发生在springboot去添加spring-cloud的maven依赖包后，启动springboot程序，idea突然报了以下错误：java.lang.NoClassDefFoundError: org/springframework/boot/Bootstra
2021-01-06 10:08:57
17289
4
原创 centos下docker安装Rocketmq总结，以及如何更换mq端口
在rocketmq文件夹下传入docker-compose.yml（可以在本地创建完再扔到服务器）这里主要改了9876为9886，控制面板的端口直接附一张配置，供参考。成功打印出docker-compose版本就算成功啦。★其中brokerIP1需要改成自己的IP。
2023-12-21 18:29:54
310
原创 记录一次mysql宕机 Lock wait timeout exceeded,No space left on device
Lock wait timeout exceeded
2022-09-01 17:36:08
466
原创 springboot+easypoi 导入导出带图片excel实例
准备工作创建数据库DROP TABLE IF EXISTS `student`;CREATE TABLE `student` ( `id` int NOT NULL, `name` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL COMMENT '姓名', `photo` varchar(100) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_
2022-04-21 17:50:05
5798
11
原创 vue根据关键字查找树结构
话不多说，先看效果需求描述：需要根据关键字找出对应的父结构，简单讲就是搜索树的叶子节点，然后把对应的那个枝干也展现出来，当然枝干也可以搜索，搜索枝干的话就把搜索到的枝干作为叶子节点，优先级为叶子节点大于中间节点（中间节点和叶子节点都有关键字时，以搜索叶子节点为结果）数据源data() { //这里存放数据 return { searchKey:undefined, arr:[], sourceArr: [ { cid: 1, name: "父"
2022-03-21 11:56:06
3126
2
原创 vue中element-ui全屏loading的简单用法
/**开启loading**/methods: { startLoading() { this.loading = this.$loading({ lock: true, text: "Loading", spinner: "el-icon-loading", background: "rgba(0, 0, 0, 0.8)", }); }, /**关闭loading**/ closeLoading() { this.loading.clos
2022-01-17 10:01:38
2084
原创 el-switch使用bug解决
很常规的需求 要从后端拿一个状态出来 用开关来控制激活然后…嗯…容许我展示一个神奇的现象调用方法如下图1图2如你所见，图1是console.log打印的 ，图2是请求数据包里返回的，照理来说应该是一致的，但本该是true的字段 变成了0，令人纳闷（要变也变成1啊！）苦找了一番，终于寻到了病原体，如下：这个字段绑定的开关，里面写死了激活的值和未激活的值（什么？你问我哪来的？官网复制来的 ????），所以true识别不了，就变成0了你是否还有这样的疑惑，我vue绑定的是我data里的d
2021-08-03 10:54:02
520
原创 更改el-steps颜色样式
原样式：目标样式如下，也不追求完全一致，至少得看得过去。<style>>>> .el-step__head.is-success { color: rgb(52, 158, 250); border-color: rgb(52, 158, 250);}>>> .el-step__title.is-success { font-weight: bold; color: rgb(52, 158, 250);}>>
2021-05-21 14:09:35
8477
3
原创 关于springsecurity的一知半解（一）
注：刚入门springsecurity，本文定是有诸多纰漏，仅作记录用。最近看到一个springsecurity的项目，研究它的登录，产生了疑问：1、springsecurity如何存用户登录信息的？2、springsecurity多用户登录的时候，怎么实现判断哪个请求是哪个用户发的？spring配置类@Overrideprotected void configure(HttpSecurity http) throws Exception { // 配置登录注销路径 http.f
2021-05-08 17:01:45
214
1
原创 windows连接不上虚拟机内docker安装的mysql
注：仅记录首先我是centos7.2，docker版本 3:20.10.6-3.el7。前景： 一开始安装docker的时候就报错了，起不来，后来无意中reboot了一下，可以了，就没去管了接着装容器了。然后如下：阶段一： 启动mysql容器之后，怎么都连不上，各种开远程权限，还换了版本，后来装了redis发现也连不上，远程权限的问题。阶段二： 查端口问题，我打开了被我关掉的防火墙，并开放了我需要的端口，在windows上用telnet去查开放的端口，惊喜的是能通，悲伤的是还是连不上解决： 无意中
2021-05-05 15:57:09
1148
原创 el-dialog数据延迟变化解决
原代码如下：<el-dialog :title="descPro.projectType.project_type_content" :visible.sync="proDetailDialogVisible" width="50%"></el-dialog>descPro: { projectType: {},}proDetailDialogVisible: false,//通过点击事件来触发对话框proDetail(project_id) {thi.
2021-03-29 14:24:17
1519
原创 el-form表单联动自定义校验
这是个多层的表单，prop有点特别，当然这不是重点，需要实现两个两个input内的数据格式统一，都为数字或都为百分数，效果如下：组件代码：<el-col :span="5"> <el-form-item label="实际值" v-if="pro.bus_type" :prop="'pros.' + index + '.actually_indicators'" :rules="add_object_rules.actually_indicator
2021-03-23 10:07:42
1504
原创 el-form多层动态表单验证问题解决
原代码结构如下：<el-form :model="addObject" ref="objectForm" :rules="add_object_rules"> <el-form-item label="目标名称" prop="object_name"> </el-form-item> <el-form-item label="周期范围" prop="objYear"> </el-form-item> <el-form-item l
2021-03-22 13:13:33
711
原创 vue-router导航守卫动态菜单显示空白，刷新才恢复
原先的代码：--- main.js ---import router from './router'import store from './store'router.beforeEach((to, from, next) => { //如果存在token if (window.sessionStorage.getItem("tokenStr")) { //是不是要去登录页，登录了就不给去了 if (to.path == '/') { next('/ho
2021-03-11 09:11:47
1036
1
原创 npm仓库配置与vue-cli下载
npm配置安装npm后，最好设置一下仓库地址仓库地址分成缓存包和全局包，在cmd中执行如下命令：npm config set cache "D:\nodereps\node_cache" //设置缓存目录npm config set prefix "D:\nodereps\node_global" //设置全局包目录//最好再设置一下taobao镜像仓库地址npm config set registry https://registry.npm.taobao.org //查看当前配置npm
2021-01-12 09:42:01
796
1
原创 jquery代码实现可输入多关键字搜索下拉框
参考网站：https://www.edoou.com/articles/1552378028436732https://blog.csdn.net/xuxiaoyinliu/article/details/89166234首先，先贴一下效果，我比较不喜欢看了半天也不知道你做的是什么效果，如果你要的不是这种效果，就不用接着看了，节省时间。简单讲就是可以单关键字搜索，也可以多关键字搜索，并且选中的条目加上了selectd类。代码如下：HTML网页代码<form action="">
2020-09-01 16:50:59
1167
原创 centos6.5中mysql的安装
首先准备好centos6.5系统1) 检测系统中是否安装了旧的mysql依赖# yum list installed | grep mysql说明存在旧的mysql依赖接着删除系统自带MYSQL及其依赖# yum -y remove mysql-libs.x86_64再执行一遍yum list的语句，发现已经删除成功了2) 添加 rpm 源，并选择更新的源```java// 下...
2019-11-17 21:30:08
202
1
原创 vue.js中v-if以及v-show的使用
<div id="app"> <input type="button" @click="flag=!flag" value="toggle" /> <h3 v-if="flag">这是由v-if控制的元素</h3> <h3 v-show="flag">这是由v-show控制的元素&l...
2019-11-17 16:58:44
119
原创 vue.js中使用v-for进行遍历
使用v-for遍历数组 <div id="app"> <span v-for="item in list">{{item}}</span> <span v-for="(item , i) in list">{{i}}</span> </div> var vm = new...
2019-11-17 16:48:27
551
原创 ssm中pagehelper分页插件的使用
1、首先在pom中导包<dependency> <groupId>com.github.pagehelper</groupId> <artifactId>pagehelper</artifactId> <version>${pagehelper}</version></depend...
2019-11-17 15:56:15
140
原创 vue.js的数据双向绑定
vue.js的数据双向绑定是vue.js中的核心，用v-model来实现 <div id="app"> <p >{{ content }}</p> <input v-model="content" type="text" > </div> var vm = new Vue({ el:"#app",...
2019-11-11 15:23:28
145
原创 vue.js中事件的学习
在vue.js中使用v-on可以给标签添加事件 <input type="button" value="按钮" @click="show">var vm = new Vue({ el: "#app", data:{ }, methods:{ show:function(){ alert("hello"); } }...
2019-11-11 15:11:04
128
原创 vue.js中v-bind的使用
v-bindv-bind可以用来进行属性绑定<div id="app"><input type="button" value="按钮" v-bind:title="mytitle"></div>var vm = new Vue({ el:"#app", data:{ msg:"这个是按钮" }}) v-bind:...
2019-11-11 14:37:46
254
原创 vue.js的初步学习
什么是vue.js？vue.js是一个基于MVVM模式的数据驱动页面的框架，将视图与数据进行双向绑定。vue.js与jquery的区别jquery以dom操作为主，通过修改dom对象来修改内容值vue.js 将数据与js值进行双向绑定，让用户不再进行繁琐的dom操作，专注于业务逻辑。vue.js基本方法vue.js的基本实例： var vm = new Vue({ ...
2019-11-11 11:13:44
132
原创 使用jdbc的template进行对数据库的操作
除了spring基本框架，需要导入的是spring-jdbc的jar包在applicationContext.xml配置文件中添加如下代码：<bean id="jdbcTemplate" class="org.springframework.jdbc.core.JdbcTemplate"> <property name="dataSource" ref="dataSo...
2019-10-21 19:40:37
186
原创 使用jdbc进行简单的增删改查
JDBC工具类public class JDBCUtils { public static Connection getConnection(){ Connection conn =null; try { Class.forName("com.mysql.jdbc.Driver"); conn = Drive...
2019-10-21 18:16:44
161
原创 使用命令行mysql导出和导入语句
mysql的导出语句在命令行中输入mysqldump -uroot -ppassword java > java.sqlmysqldump -uroot -ppassword --databases java >java2.sql这两条语句都可以导出sql语句，差别在于使用第二条的语句导出的sql比使用第一条语句导出的sql多了以下内容：---- Curre...
2019-10-17 23:01:00
271
原创 springmvc中ajax请求406错误响应码
在使用前台发送ajax无参请求，后台使用springmvc接收时，出现了406的情况后端代码如下：@RequestMapping("findAll")@ResponseBodypublic Object findAll(HttpServletRequest request){ Map<String,Object> map = new HashMap<>();...
2019-10-15 12:30:06
307
原创 js中的bom学习
bom简单来讲就是相对于浏览器的各种对象模型。js中的bom对象包括window、document、location、navigator、screen和history简单使用1、window相关window.innerHeight 获取浏览器当前高度window.innerWidth 获取浏览器当前宽度window.open(url,name,feature); 打开新窗口win...
2019-10-14 09:21:54
161
原创 js中Dom的学习
Dom(Document Object Model) 即文档对象模型，意思是HTML文档中每一个元素都是一个对象节点。节点类型包括如下：document根节点 — 值为9注释节点 — 值为8文本节点 — 值为3属性节点 — 值位2标签节点 — 值为1...
2019-10-13 20:49:07
139
原创 JS学习（二）
JS函数在JavaScript中，定义函数的方式如下：function fun1(args) {//函数体}或是var fun1 = function(args){//函数体}这两种方法都可以用来定义方法。argumentsarguments是js函数自带的一个参数，可以拿到函数传入的所有实参，哪怕函数定义中没有对应的形参。拿到参数的arguments是一个数组我们对 ...
2019-09-27 15:55:23
122
原创 关于springmvc静态资源文件加载的问题
这两天遇到了静态资源无法加载的问题，尝试了半天，得出了一些结果，这里做一个总结。首先为什么会出现这样的情况：因为在web.xml文件中,配置了第一种情况：如果你的静态资源文件不在WEB-INF下却加载不了（1）在 web.xml 配置文件中添加如下代码 <servlet-mapping> <servlet-name>default</...
2019-09-26 14:04:17
366
原创 JS学习（一）
一、简介javaScript 是网页的魔术师，通过js可以实现网页的动态效果。javaScript中定义变量的方法：<script>var a = 20;</script>必须写在
2019-09-23 19:32:46
204
原创 CSS定位
CSS定位首先CSS的定位机制有普通流，浮动和绝对定位。position:static 静态定位 （默认情况下的定位，是没有效果的。）position:relative 相对定位（相对于原来的位置进行定位，占用原文档流的空间）position:absolute 绝对定位（相对于定位了的父级或者body进行定位，一般在父级使用relative进行定位，子级相对于父级进行绝对定位，不占用原...
2019-09-19 10:16:24
504
原创 CSS浮动
CSS浮动要想学习CSS浮动,首先要了解html中重要的一个概念----标准流。块级元素会独占一行，行内元素会按顺序依次排列，安装这种标准模式的布局叫标准流布局。浮动（float）什么是浮动？浮动是指设置的浮动属性的元素会脱离普通流的控制，移动到其父元素的位置。会失去块级元素独占一行的特性在CSS中，通过float属性来定义浮动，其基本定义如下：{float:left|rig...
2019-09-18 11:22:22
857
原创 CSS样式学习（四）
本篇内容：盒子模型CSSbox-sizing表格细线盒子模型CSS主要指的是div标签的布局一个div的宽高就是盒子长宽，**border**就像盒子的厚度，**padding**就像盒子内容与盒子的距离，**margin**是盒子与其他盒子之间的间隙。border是div的边框。<style>div { border:1px solid red;}<...
2019-09-17 12:54:05
250
原创 CSS样式学习（三）
CSS的三大特性一、层叠性<style>p { color: orange;}p{ color: blue;}</style>实现效果：二、继承性<div style="color: blueviolet;"> <p>子标签没有设置颜色</p></div>三、优先级我...
2019-09-17 12:10:38
165
原创 CSS样式学习（二）
CSS样式学习（二）（一）元素类型1）块级元素常见的块级元素有div,p,h{n},ul,ol,li等。特点：块级元素独占一行或多整行。总是从新行开始。宽度默认是父级标签容器的宽度。可以设置高度宽度以及内外边距。可以嵌套其他块级元素或行内元素。2）行内元素常见的行内元素有span,a,strong,em,del,ins特点：可以和其他行内元素在同一行。行内元素不能...
2019-09-16 16:47:17
139
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人