- 博客(34)
- 收藏
- 关注
原创 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
1787
6
原创 Vue组件(注册,使用,自定义属性,样式,生命周期,父子传值)
组件的使用需要使用一个组件的时候,需要进行一下几个步骤:使用import导入相应需要使用的组件 import Xxx from '@/components/Xxx.vue'使用components节点注册组件export default { components: { Xxx }}用标签的形式使用刚才的组件组件的注册私有组件使用components标签进行注册的组件是私有组件,除了自己意外,其他组件不能使用这个被注册的组件// 导入需要被使用的组件impor
2022-02-22 19:21:23
1496
原创 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
1126
原创 设置elementui中导航的激活项跟随子路由页面进行切换
之前我通过vuex设置一个公共变量,然后让跳转子路由页面时候修改公共变量,折腾半天依旧没用。后来发现使用$route.path轻松解决。方法如下:router:default-active="$route.path"class="el-menu-demo"只用在:default-active:填入$route.path就行了...
2020-03-28 22:55:31
1043
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
166
原创 现有spring mvc框架下实现增删改查功能
首先建立一个实体类,实体类字段名需要和数据库亦一一对应,同时最好以同添加get,set,toString方法。使用快捷键shift+alt+s再选择相应需要添加的项。然后创建service,其中申明我们需要使用到的增删改查的方法。同时注意这个service类是接口类型的,里面申明数据库操作的方法,使用service为了将业务逻辑体现的更加明确。然后创建DAO(data access obj...
2020-03-13 18:51:59
964
原创 JavaScript ES6 中filter()方法的使用
filter() 方法创建一个新的数组并返回,在新数组中的元素是通过检查指定数组中也就是调用filter方法的数组中符合条件的所有元素。调用方法:array.filter(function(currentValue, currentIndex, originalArray), thisValue)参数说明:currentValue 必填。当前元素的值currentIndex可选。当前元素...
2020-03-10 14:26:48
3032
原创 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
2059
原创 css3和html5的新特征实现新功能
当我们些css时候,我们有些css样式不生效,那是因为我们的css样式权重没有那么高,这时候我们不想改为id,那么就可以使用! important,直接加载需要修改的样式语句后面,即可达到最高权重。如果想要设置一个元素的内容进行水平垂直局中,我们可以设置给父元素设置以下代码,来将子元素水平垂直局中。display: flex;align-items: center;当我们在vue插件ax...
2020-03-06 18:21:52
162
原创 vue中为axios设置请求头参数
首先在项目中安装axios,然后再main.js中引入axios。对axios的每次发送请求的拦截器进行设置,设置请求头字段为本地获取的token值。// 首先对拦截器的请求进行设置,并在方法中return config,此处为固定格式axios.interceptors.request.use(config => { // 表示在配置中的设置头消息的字段Authorizatio...
2020-03-06 12:03:44
10877
原创 VS Code设置vue代码格式化符合ESLint规范
VSCode 自带的格式化和ESLint规范有冲突,需要修改配置才可更好地进行格式化。在项目根文件夹添加一个文件,命名为.prettierrc然后文件中添加以下内容,第一条代表不适用;结尾,第二条表示使用单引号{ "semi": false, "singleQuote": true}这里也建议将这个文件单独保存,下载直接复制到项目中更加快捷方便。...
2020-03-06 10:54:45
1097
原创 vue3设置路由守卫基于token进行路由导航和退出
在某些时候,用户没有登录的情况下我们不允许用户访问以下特定的页面,此时我们需要用到路由守卫来实现。在router下的index.js中的相应位置设置守卫函数,守卫函数表示每次运行路由函数都会执行的内容。// 给路由设置守卫函数router.beforeEach((to, form, next) => { // to表示将要访问的路径 // form表示从那个页面跳转而来 ...
2020-03-06 10:28:25
2104
原创 Postman模拟后端接口,响应request返回response
打开Postman,点击左上角New,选择Mock server在新弹出页面中设置请求模式,请求地址,请求状态码和请求返回内容,不过这些在之后都可以进行修改的。填写这个模拟服务的名称,也是后面可以修改了。然后一直点击下一步即可完成此次接口的初步设置。然后我们要让它运行起来。按照以下步骤一次点击,其中第四步为要创建的返回模板,这里可以添加多个模板,这里我们选择默认。对新建的接口进行请...
2020-03-05 20:07:00
12332
4
原创 前端实现div元素垂直水平局中方法
在指定的元素中设置以下代码,便可以实现指定元素在父元素中居中效果,唯一要求是父元素具有position属性。.box{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}...
2020-03-05 10:45:51
176
原创 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
682
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
1009
原创 sprint boot 零基础起步
打开iIDEA编辑器,创建一个Maven项目打开项目后,在pom.xml中添加相关的依赖<!-- 继承父包 --> <parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-par...
2020-03-04 15:34:00
98
原创 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
293
原创 后台接收前端ajax传输的数据(单一参数,对象,文件)
后台使用实体类接收前端传送对象:前端传送代码:$.ajax({ url: sendUrl, type: 'post', data: { uname: 'jack', upassword: '1234', testCode: '1234', checked: true},前端传送请求头格式:此时表示传输的原生表单格式的内容。后台接收代码:public Map<St...
2020-03-04 15:31:59
2755
原创 spring boot 常用注解的使用及说明
spring boot常用注解@Repository用于标注数据访问组件@Service用于标注业务层组件@Component用于泛指组件@ComponentScan用于组件扫描@SpringBootApplication包含@Configuration、@EnableAutoConfiguration、 @ComponentScan,通常用在主类上。@Repository...
2020-03-04 15:30:30
115
原创 IDEA 2019+设置代码根据窗口自动换行,修改控制台自动换行,快捷修改字体大小
新版改版了,设置超简单。在代码行数显示区域右键即可。有时候代码长度超过窗口大小,会被遮挡,需要使用滚动条。视野不好。通过网上的的在设置中去修改,结果新版改版了,无法修改了。不过却找到了修改字体大小的快捷方法,也是一种改变视野方法。setting->Editor->General设置中选择打勾。...
2020-03-04 11:53:30
3022
原创 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
219
原创 JavaEE+mybatis零基础起步
打开eclipse,闯将一个动态网页项目导入mybatis需要使用的包和数据库连接池,然后选中全部的jar包右键build path创建实体类,并且给实体类设置getter,setter,toString方法创建关于实体类的接口,表示向外申明接口用以调用,注意接收传入对象时的写法。创建配置文件,并在文件中写入以下内容进行配置<?xml version="1.0" enc...
2020-03-03 14:20:52
157
原创 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
590
原创 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
2416
原创 Spring boot 项目热部署
添加热部署工具devtools,在pom.xml中添加以下依赖<!--热部署,使用次工具,修改文件之后不用手动重新启动服务--><dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-devtools</ar...
2020-03-02 15:07:10
277
原创 win10安装并配置maven3.6
首先到maven官网下载压缩包。官网下载地址:http://maven.apache.org/download.cgi在下载页中找到win的压缩包,并下载解压到自己想要的位置,然后配置环境变量,变量值设置为maven解压到的目录在系统变量PATH中添加以下一段代码%MAVEN_HOME%\bin\最后使用命令以下命令测试以下是否配置成功,如果显示maven版本则配置成功。m...
2020-02-29 11:39:15
1207
原创 英文版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
183
原创 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
134
原创 Ajax向Springmvc后台传输文件(前后端分离上传文件)
1.前端通过ajax向后台传文件不可再使用JSON数据,而是需要使用Formdata对象。添加文件或者参数都需要使用append方法。//创建文件传输使用的formdata对象 var ajaxData = new FormData() //当用户选择文件之后,将文件添加到formdata对象中 $("#file").on('change', function(){ ...
2019-07-09 22:32:32
1126
原创 eclipse+tomcat路径正确报错404 坑坑坑坑坑!!!
问题描述:前后端分离,前端请求后端地址报错404。并且报错跨域拒绝。eclipse运行起来在eclipse自带的地址栏中请求指定地址报错404。反复检查填写的路径,路径正确,但是不管怎样请求都报错404。经过一天的折腾,一天啊,一天啊。在这期间,tomcat重装了两次,eclipse重装了两次。心态早就崩塌。最后全部换上最新的eclipse最新的tomcat,问题解决。问题出现:第一天...
2019-06-30 11:34:38
857
原创 SpringMVC学习起步-框架理解
1.SpringMVC 环境搭建好之后,然后进行前后端分离的开发。当我们需要做一个一个功能的时候,比如登录功能,将进行一下步骤的操作。1.模型,一个数据库对象,将数据库的各个表进行映射,并且创建相应的get,set方法。2.Mapper接口,定义一个数据库查询的方法。3.实现mapper接口,对之前定义的数据库查询方法的具体实现。4.定义以一个service接口,这个接口中将前后端数...
2019-06-29 17:09:40
88
原创 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
198
原创 Win10下Mysql8忘记密码,登录及修改Mysql密码
Win10下Mysql8忘记密码,登录及修改Mysql密码第一步:以管理员身份运行控制台,关闭MySQL服务。使用命令:net stop mysql第二步:跳过授权表,进行免密登录。使用命令:mysqld --console --skip-grant-tables --shared-memory第三步:用管理员身份新打开一个控制台窗口,然后免密码登录Mysql。使用命令:...
2018-12-18 18:05:27
12643
26
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人