03 2023 档案
摘要：npm install mockjs 使用步骤： 1.src文件夹中新建mock文件夹 2.准备json数据 banner.json [ { "id": "1", "imgUrl": "/images/banner1.jpg" }, { "id": "2", "imgUrl": "/images/b
阅读全文
摘要：获取浏览器地址1、window.location.href(设置或获取整个 URL 为字符串) var test = window.location.href;alert(test);返回：http://i.cnblogs.com/EditPosts.aspx?opt=1 2、window.loca
阅读全文
摘要：<template> <div> <!--注意命名data-格式--> <h1 :data-myName="name" :data-age="age" @click="btn">测试</h1> </div> </template> <script> export default { data(){
阅读全文
摘要：防抖：前面的所有触发都被取消，最后一次执行在规定的时间之后才会触发，也就是说如果连续的快速触发，只会执行一次 节流：在规定的间隔时间范围内不会重复的触发回调，只有大于这个时间间隔才会触发回调，把频繁触发变为少量触发 解决方案：使用lodash函数 防抖函数： <script> import _ fr
阅读全文
摘要：vue2安装vuex3版本 vue3安装vuex4版本 背景：2个组件：home和search，将store仓库拆分成2个小仓库，home和search两个小仓库用于管理自己模块的数据 store文件夹下新建2个文件夹：home和search home下index.js //home模块的小仓库 c
阅读全文
摘要：安装依赖 cnpm install --save vuex@3.6.2 1.新建文件夹store，index.js文件 import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex); //state:仓库存储数据的地方 const state
阅读全文
摘要：发送请求时，浏览器展示进度条 安装插件 cnpm install --save nprogress@0.2 在封装axios的地方使用 //对于axios进行二次封测 import axios from 'axios'; import nProgress from 'nprogress'; //引入
阅读全文
摘要：在vue.config.js文件中添加配置 module.exports = { transpileDependencies: true, lintOnSave: false, //代理配置，但是它只在开发环境有效 devServer: { proxy: { '/api': {//路径中匹配到api
阅读全文
摘要：cnpm install --save axios@0.24 二次封装： 项目中新建api目录，及request.js //对于axios进行二次封测 import axios from 'axios'; //1.利用axios读写的方法create，创建一个axios实例 const reques
阅读全文
摘要：main.js中 //注册全局组件 import TypeNav from '@/components/TypeNav' //第一个参数：全局组件的名字，第二个参数：哪一个组件 Vue.component(TypeNav.name,TypeNav) 使用全局组件，直接使用标签，不需要import引入
阅读全文
摘要：解决：在vue-router的index.js中添加如下代码 //先保存router原型对象的push let originPush = VueRouter.prototype.push let originReplace = VueRouter.prototype.replace //第一个参数：
阅读全文
摘要：需求 点击搜索按钮向search组件传递参数 1.先给路由组件取个名字 2.路径中定义一个变量接受params参数（如果不想传params参数，则写:variable?，表示params参数可传可不传） { name: 'search', path: '/search/:variable', com
阅读全文
摘要：配置路由的时候，可以给路由添加路由元信息meta 举例：让组件Footer在Home和Search中展示，登录注册时隐藏 路由配置 //配置路由 export default new VueRouter({ routes:[ { path:'*', redirect: '/home' }, { pa
阅读全文
摘要：vue-cli3+vue2项目 1.创建项目命令：vue create app 2.vue.config.js文件关闭eslint配置 module.exports = { transpileDependencies: true, lintOnSave: false } 3.jsconfig.jso
阅读全文
摘要：实现类代码 package org.atguigu.spring.annotation; import org.springframework.stereotype.Component; @Component public class CalculatorImpl implements Calcul
阅读全文
摘要：pom.xml依赖 <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instan
阅读全文
摘要：@Slf4j public class ConvertUtils { /** * @Description 主要解决查询时前端传参为空值 ("") * BeanUtils.copyProperties会把空值带入目标对象中 * 使用目标对象作为查询对象到mybatisPlus进行查询会导致没有匹配数
阅读全文
摘要：web.xml中配置编码过滤器 <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema
阅读全文
摘要：controller @RequestMapping("/test?Hello/demo") public String test1(){ return "success"; } @RequestMapping("/test*/demo") public String test2(){ return
阅读全文
摘要：web.xml配置 <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-insta
阅读全文
摘要：<?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance
阅读全文
摘要：1.创建项目，打包方式设置为war 2.配置web.xml路径：D:\Code\spring\ssm2023\ssm2023\spring_mvc\src\main\webapp\WEB-INF\web.xml 3.引入pom依赖 <project xmlns="http://maven.apach
阅读全文
摘要：引入依赖 <dependency> <groupId>com.github.pagehelper</groupId> <artifactId>pagehelper</artifactId> <version>5.2.0</version> </dependency> mybatis-config.x
阅读全文
摘要：一级缓存 二级缓存 二级缓存相关配置 mybatis缓存查询的顺序
阅读全文
摘要：mapper接口 Emp getEmpById(@Param("id") Integer id); mapper.xml <!-- sql片段：可以记录一段sql，在需要用的地方使用include标签进行引用 --> <sql id="empColumns"> emp_id,emp_name,age
阅读全文
摘要：<!-- 【foreach标签】 collection：设置要循环的数组或集合 item：用一个字符串表示数组或集合中的每一个数据 separator：设置每次循环的数据之间的分隔符 open：循环的所有内容以什么开始 close：循环的所有内容以什么结束 --> mapper接口 public i
阅读全文
摘要：<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd"> <m
阅读全文
摘要：<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd"> <m
阅读全文
摘要：mapper接口 public interface EmpMapper { List<Emp> getEmp(Emp emp); } mapper.xml <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE mapper PUBLIC "-//myba
阅读全文
摘要：实体类 package org.example.entity; import java.util.List; public class Dept { private Integer deptId; private String deptName; private List<Emp> emps; pu
阅读全文
摘要：mybatis懒加载全局配置 <settings> <setting name="mapUnderscoreToCamelCase" value="true"/> <!--开启懒加载(开启延迟加载)--> <setting name="lazyLoadingEnabled" value="true"
阅读全文
摘要：创建数据库t_emp和t_dept 创建对应实体类 package org.example.entity; public class Emp { private Integer empId; private String empName; private Integer age; private S
阅读全文
