- 博客(34)
- 收藏
- 关注
RSS订阅原创 Node使用Express中的mysql连接mysql8失败(原因及解决)
系统环境widows10,node 16.13.2,mysql8.0.28,遇到的问题我的node代码:// 导入myslq模块const mysql = require('mysql')// 建立mysql的连接const db = mysql.createPool({ host: '127.0.0.1', user: 'root', password: '123456', database: 'my_db_01',})db.query('select 1', (e
2022-04-02 11:17:33
1733
6
原创 Vue组件（注册，使用，自定义属性，样式，生命周期，父子传值）
组件的使用需要使用一个组件的时候，需要进行一下几个步骤：使用import导入相应需要使用的组件 import Xxx from '@/components/Xxx.vue'使用components节点注册组件export default { components: { Xxx }}用标签的形式使用刚才的组件组件的注册私有组件使用components标签进行注册的组件是私有组件，除了自己意外，其他组件不能使用这个被注册的组件// 导入需要被使用的组件impor
2022-02-22 19:21:23
1466
原创 h5 audio标签播放音频
三种方式可以实现：1，事先页面中创建好audio标签，然后通过js添加标签src属性的数性值// html元素<audio id="audio" src="sound.mp3" autoplay>您的浏览器不支持html5的audio标签</audio> // js控制代码let audio = document.getElementById("audio"); audio.src = 'sound.mp3'audio.play()2，通过js动态创建audio标签
2020-06-06 22:09:56
1119
原创 设置elementui中导航的激活项跟随子路由页面进行切换
之前我通过vuex设置一个公共变量，然后让跳转子路由页面时候修改公共变量，折腾半天依旧没用。后来发现使用$route.path轻松解决。方法如下：router:default-active="$route.path"class="el-menu-demo"只用在:default-active：填入$route.path就行了...
2020-03-28 22:55:31
1025
1
原创 css轻松自定义滚动条
直接上代码/*滚动条整体部分*/*::-webkit-scrollbar{ width: 8px; height: 8px; background-color: transparent;}/*滚动条两端的按钮*/*::-webkit-scrollbar-button{ width: 0px; height: 0px;}/*滚动条里面可以拖动的那部分*/*::-webkit...
2020-03-22 20:26:26
153
原创 现有spring mvc框架下实现增删改查功能
首先建立一个实体类，实体类字段名需要和数据库亦一一对应，同时最好以同添加get，set，toString方法。使用快捷键shift+alt+s再选择相应需要添加的项。然后创建service，其中申明我们需要使用到的增删改查的方法。同时注意这个service类是接口类型的，里面申明数据库操作的方法，使用service为了将业务逻辑体现的更加明确。然后创建DAO（data access obj...
2020-03-13 18:51:59
949
原创 JavaScript ES6 中filter()方法的使用
filter() 方法创建一个新的数组并返回，在新数组中的元素是通过检查指定数组中也就是调用filter方法的数组中符合条件的所有元素。调用方法：array.filter(function(currentValue, currentIndex, originalArray), thisValue)参数说明：currentValue 必填。当前元素的值currentIndex可选。当前元素...
2020-03-10 14:26:48
3011
原创 Element UI自定义数据校验以及失效解决
1 el-form绑定model属性和rules属性<el-form status-icon ref="regiForm" :model="regiForm" :rules="regiRules">2 创建model绑定对象和rules绑定对象3 创建数据校验方法var validPass = (rule, value, callback) => { co...
2020-03-07 15:55:22
2048
原创 css3和html5的新特征实现新功能
当我们些css时候，我们有些css样式不生效，那是因为我们的css样式权重没有那么高，这时候我们不想改为id，那么就可以使用! important，直接加载需要修改的样式语句后面，即可达到最高权重。如果想要设置一个元素的内容进行水平垂直局中，我们可以设置给父元素设置以下代码，来将子元素水平垂直局中。display: flex;align-items: center;当我们在vue插件ax...
2020-03-06 18:21:52
156
原创 vue中为axios设置请求头参数
首先在项目中安装axios，然后再main.js中引入axios。对axios的每次发送请求的拦截器进行设置，设置请求头字段为本地获取的token值。// 首先对拦截器的请求进行设置，并在方法中return config，此处为固定格式axios.interceptors.request.use(config => { // 表示在配置中的设置头消息的字段Authorizatio...
2020-03-06 12:03:44
10856
原创 VS Code设置vue代码格式化符合ESLint规范
VSCode 自带的格式化和ESLint规范有冲突，需要修改配置才可更好地进行格式化。在项目根文件夹添加一个文件，命名为.prettierrc然后文件中添加以下内容，第一条代表不适用;结尾，第二条表示使用单引号{ "semi": false, "singleQuote": true}这里也建议将这个文件单独保存，下载直接复制到项目中更加快捷方便。...
2020-03-06 10:54:45
1092
原创 vue3设置路由守卫基于token进行路由导航和退出
在某些时候，用户没有登录的情况下我们不允许用户访问以下特定的页面，此时我们需要用到路由守卫来实现。在router下的index.js中的相应位置设置守卫函数，守卫函数表示每次运行路由函数都会执行的内容。// 给路由设置守卫函数router.beforeEach((to, form, next) => { // to表示将要访问的路径 // form表示从那个页面跳转而来 ...
2020-03-06 10:28:25
2079
原创 Postman模拟后端接口，响应request返回response
打开Postman，点击左上角New，选择Mock server在新弹出页面中设置请求模式，请求地址，请求状态码和请求返回内容，不过这些在之后都可以进行修改的。填写这个模拟服务的名称，也是后面可以修改了。然后一直点击下一步即可完成此次接口的初步设置。然后我们要让它运行起来。按照以下步骤一次点击，其中第四步为要创建的返回模板，这里可以添加多个模板，这里我们选择默认。对新建的接口进行请...
2020-03-05 20:07:00
12125
4
原创 前端实现div元素垂直水平局中方法
在指定的元素中设置以下代码，便可以实现指定元素在父元素中居中效果，唯一要求是父元素具有position属性。.box{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}...
2020-03-05 10:45:51
170
原创 eclipse从零开始搭建spring mvc 并实现简单的指定页面访问和数据查询
配置好eclipse的所需环境，jdk，tomcat新建一个动态网页 Dynamic Web Projec工程在WebContent文件夹下的下创建要给index.jsp文件，然后启动项目，看是否启动成功。开始搭建Spring mvc 框架 在WEB-INF文件夹下的lib文件夹中导入所需要的相关jar包，直接在官网下载SpringFramework的GA（发布）版本，然后将文件夹中的ja...
2020-03-04 20:58:59
658
1
原创 win10 修改 mysql8 root密码
打开控制台进入到mysql的安装目录下的bin目录中，例如D:\>cd D:\Program Files\mysql-8.0.12-winx64\bin执行mysql命令，登录上mysql mysql -u root -p输入密码后回车，成功登录执行修改root密码语句alter user 'root'@'%' IDENTIFIED BY 'root';或者alter user '...
2020-03-04 15:47:57
996
原创 sprint boot 零基础起步
打开iIDEA编辑器，创建一个Maven项目打开项目后，在pom.xml中添加相关的依赖<!-- 继承父包 --> <parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-par...
2020-03-04 15:34:00
84
原创 vue2.5+在vue-cli3.0中使用
页面跳转使用<template> <div> <router-link to="/a">跳转到A页面</router-link> </div> </template>使用router-link时候，需要在routers里面进行注册需要跳转的页面const routes = [ { pat...
2020-03-04 15:33:08
279
原创 后台接收前端ajax传输的数据（单一参数，对象，文件）
后台使用实体类接收前端传送对象：前端传送代码：$.ajax({ url: sendUrl, type: 'post', data: { uname: 'jack', upassword: '1234', testCode: '1234', checked: true},前端传送请求头格式：此时表示传输的原生表单格式的内容。后台接收代码：public Map<St...
2020-03-04 15:31:59
2741
原创 spring boot 常用注解的使用及说明
spring boot常用注解@Repository用于标注数据访问组件@Service用于标注业务层组件@Component用于泛指组件@ComponentScan用于组件扫描@SpringBootApplication包含@Configuration、@EnableAutoConfiguration、 @ComponentScan，通常用在主类上。@Repository...
2020-03-04 15:30:30
108
原创 IDEA 2019+设置代码根据窗口自动换行，修改控制台自动换行，快捷修改字体大小
新版改版了，设置超简单。在代码行数显示区域右键即可。有时候代码长度超过窗口大小，会被遮挡，需要使用滚动条。视野不好。通过网上的的在设置中去修改，结果新版改版了，无法修改了。不过却找到了修改字体大小的快捷方法，也是一种改变视野方法。setting->Editor->General设置中选择打勾。...
2020-03-04 11:53:30
3007
原创 spring boot 2 配置并使用mybatis进行简单的数据库查询
在配置文件中引入mybatis依赖<dependency> <groupId>org.mybatis.spring.boot</groupId> <artifactId>mybatis-spring-boot-starter</artifactId> <version>2.1.1</version...
2020-03-04 11:17:58
207
原创 JavaEE+mybatis零基础起步
打开eclipse，闯将一个动态网页项目导入mybatis需要使用的包和数据库连接池，然后选中全部的jar包右键build path创建实体类，并且给实体类设置getter，setter，toString方法创建关于实体类的接口，表示向外申明接口用以调用，注意接收传入对象时的写法。创建配置文件，并在文件中写入以下内容进行配置<?xml version="1.0" enc...
2020-03-03 14:20:52
146
原创 spring boot 中yaml文件的使用--给属性赋值
首先需要在resource文件夹下面建立application.yaml文件。在yaml文件中写入对象，yaml写法非常直观，并且可以写对象和数组等。但注意缩进以及冒号后面必须有一个空格person: name: "lisi" age: 3 map: {k: value} list: [1, 2, 3] Dog: name: "wangcai" ag...
2020-03-02 22:25:37
573
原创 IDEA设置maven默认使用国内镜像
找到IDEA的安装目录下的maven\lib\maven3\conf下的setting文件，给文件添加国内阿里的镜像配置代码我的目录是如下D:\Program Files\ideaIU-2019.2.2\plugins\maven\lib\maven3\conf在配置文件中修改镜像为阿里镜像，找到配置文件中的标签<mirrors> </mirrors>,在其中添加以下...
2020-03-02 21:49:58
2397
原创 Spring boot 项目热部署
添加热部署工具devtools，在pom.xml中添加以下依赖<!--热部署，使用次工具，修改文件之后不用手动重新启动服务--><dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-devtools</ar...
2020-03-02 15:07:10
259
原创 win10安装并配置maven3.6
首先到maven官网下载压缩包。官网下载地址：http://maven.apache.org/download.cgi在下载页中找到win的压缩包，并下载解压到自己想要的位置，然后配置环境变量，变量值设置为maven解压到的目录在系统变量PATH中添加以下一段代码%MAVEN_HOME%\bin\最后使用命令以下命令测试以下是否配置成功，如果显示maven版本则配置成功。m...
2020-02-29 11:39:15
1196
原创 英文版VS Code修改v-for报错问题
出现问题，在vue文件中写v-for的时候，VS Code会提示报错按照网友说的一种方法，添加key值依然不正确。查看vue文档，看到官方推荐使用key值，但是写法为item.id尝试官方推荐写法，VS Code 不再报错不过有时候不想写key值，又不想看到报错，可以用以下方法：即在setting json文件中进行配置。在配置文件中添加以下一行代码。"vetur.va...
2020-02-29 10:02:49
170
原创 VS Code 快捷创建Vue模板
依次选中File->Preference->User Snippets输入vue进行搜索，然后点击打开vue.json将vue.json文件中的内容替换为以下内容{ "Print to console": { "prefix": "vue", "body": [ "<te...
2020-02-28 13:16:21
131
原创 Ajax向Springmvc后台传输文件（前后端分离上传文件）
1.前端通过ajax向后台传文件不可再使用JSON数据，而是需要使用Formdata对象。添加文件或者参数都需要使用append方法。//创建文件传输使用的formdata对象 var ajaxData = new FormData() //当用户选择文件之后，将文件添加到formdata对象中 $("#file").on('change', function(){ ...
2019-07-09 22:32:32
1109
原创 eclipse+tomcat路径正确报错404 坑坑坑坑坑！！！
问题描述：前后端分离，前端请求后端地址报错404。并且报错跨域拒绝。eclipse运行起来在eclipse自带的地址栏中请求指定地址报错404。反复检查填写的路径，路径正确，但是不管怎样请求都报错404。经过一天的折腾，一天啊，一天啊。在这期间，tomcat重装了两次，eclipse重装了两次。心态早就崩塌。最后全部换上最新的eclipse最新的tomcat，问题解决。问题出现：第一天...
2019-06-30 11:34:38
850
原创 SpringMVC学习起步-框架理解
1.SpringMVC 环境搭建好之后，然后进行前后端分离的开发。当我们需要做一个一个功能的时候，比如登录功能，将进行一下步骤的操作。1.模型，一个数据库对象，将数据库的各个表进行映射，并且创建相应的get，set方法。2.Mapper接口，定义一个数据库查询的方法。3.实现mapper接口，对之前定义的数据库查询方法的具体实现。4.定义以一个service接口，这个接口中将前后端数...
2019-06-29 17:09:40
83
原创 Vue.js-2.5初学习
1.挂载点：（类似于选择器，用户绑定数据需要在哪个地方显示）<body> <div id='app'> </div></body><script> var my = new Vue({ el: '#app', // 这里进行挂载，使用类选择器的格式 })</script>2.模板，使用一个字符串当作...
2019-06-25 19:45:56
191
原创 Win10下Mysql8忘记密码，登录及修改Mysql密码
Win10下Mysql8忘记密码，登录及修改Mysql密码第一步：以管理员身份运行控制台，关闭MySQL服务。使用命令：net stop mysql第二步：跳过授权表，进行免密登录。使用命令：mysqld --console --skip-grant-tables --shared-memory第三步：用管理员身份新打开一个控制台窗口，然后免密码登录Mysql。使用命令：...
2018-12-18 18:05:27
12604
26
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人