一条小咸鱼儿-CSDN博客

原创 springcloud中feign组件使用

1.添加依赖<dependency> <groupId>org.springframework.cloud</groupId> <artifactId>spring-cloud-starter-openfeign</artifactId></dependency>2.在启动类中添加@EnableFeignClients注解package com.xiaoyu

2022-08-01 19:52:16 188

原创 springcloud中使用ribbon的负载均衡会遇到的坑

加入依赖 <dependency> <groupId>org.springframework.cloud</groupId> <artifactId>spring-cloud-starter-loadbalancer</artifactId> </dependency>入口函数中package c

2022-08-01 18:30:25 259

原创基于springmvc完成ajax请求访问服务器，返回学生集合

至此，我们实现了基于springmvc完成ajax请求访问服务器，返回学生集合这个功能！//使用jQuery封装的ajax()方法发送请求。

2022-07-18 17:46:34 229

1.横切关注点一些具有横切多个不同软件模块的行为，通过传统的软件开发方法不能够有效地实现模块化的一类特殊关注点。横切关注点可以对某些方法进行拦截，拦截后对原方法进行增强处理。2.切面（Aspect）切面就是对横切关注点的抽象，这个关注点可能会横切多个对象。3.连接点（JoinPoint）连接点是在程序执行过程中某个特定的点，比如某方法调用的时候或者处理异常的时候。由于 Spring 只支持方法类型的连接点，所以在 Spring AOP 中一个连接点表示一个方法的执行。4.切入点（Pointcut）切

2022-06-12 09:49:04 458

原创 MyBatis第二天的笔记

MyBatis第二天MyBatis第二天MyBatis第二天1. 环境准备2. MyBatis映射文件2.1 insert2.1.1 添加方法2.1.2 编写映射2.1.3 测试2.2 select2.2.1 添加查询方法2.2.2 实现方法2.2.3 测试2.3 参数2.3.1 修改接口2.3.2 修改配置2.3.3 测试2.4 #{}和${}2.5 将查询结果封装到map中2.5.1 添加方法2.5.2 编写映射2.5.3 编写测试2.6 resultMap2.7 association2.7.1 员

2022-05-07 16:42:00 134

原创 MyBatis第一天的笔记

MyBatis第一天MyBatis第一天1. 简介1.1 什么是 MyBatis1.2 MyBatis发展历史1.3 MyBatis的特点1.4 如何获取2. 入门2.1 环境准备2.1.1 准备一张表2.2 创建一个工程2.3 添加依赖2.2 编写实体类2.3 编写MyBatis全局配置文件2.4 编写Dao接口类2.5 编写MyBatis映射文件2.6 编写测试3. 源码分析3.1 SqlSessionFactory3.2 SqlSession4. 实现CRUD4.1 在接口中添加方法4.2 修改映射文

2022-05-04 17:29:55 1184

原创 JDBC大总结

JDBC大总结1. 概述1.1 什么是 JDBC1.2 JDBC的API1.3 开发步骤2. 获取数据库连接2.1 创建Java工程2.2 创建 JDBC 模块2.3 加入依赖2.4 编写程序来测试2.5 Statement2.6 ResultSet2.7 PreparedStatement3. 使用 JDBC来实现 CRUD3.1 插入数据3.1.1 编写 User 实体类3.1.2 编写Dao 接口3.1.3 编写Dao实现3.1.4 编写测试3.2 修改数据3.2.1 修改接口3.2.2 修改实现3.

2022-05-01 21:25:43 468

原创 vue案例实战

案例实战1. 创建项目npm create vite@latest 0410-vue3-vuex-project我们这个项目会用 vite2.8 + Vue3.2 + Router4 + Vuex4 + TypeScript4.6 + Element-Plus + axios2. 安装依赖npm install vue-router@4npm install vuex@nextnpm install axiosnpm install element-plusnpm install les

2022-04-21 17:15:37 6050 1

原创 vuex介绍以及使用

Vuex1. 什么是 VuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。2. 安装在项目中执行如下命令来安装 vuexnpm install vuex@next3. 开始每一个 Vuex 应用的核心就是 store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的状态 (state)。Vuex 和单纯的全局对象有以下两点不同：Vuex 的状态存储是

2022-04-21 17:11:25 129

原创 vue路由第三篇-导航守卫、路由元信息、动态路由

导航守卫1. 环境准备1.1 安装Element-Plusnpm install element-plus1.2 注册Element-Plush需要在 main.ts 文件中注册import { createApp } from 'vue'import App from './App.vue'import ElementPlus from 'element-plus'import 'element-plus/dist/index.css'createApp(App).use(Ele

2022-04-21 17:08:09 1658

原创 vue路由第二篇-路由传参之案例实现

vue路由第二篇-路由传参路由1. 路由传参1.1 环境准备1.1.1 定义数据1.1.2 定义类型1.1.3 定义列表组件1.1.4 配置路由1.1.5 挂载路由1.1.6 在根组件中使用路由1.2 完整列表组件1.3 编写详情组件1.4 配置详情组件的路由1.5 query传参1.5.1 完善产品列表的点击事件1.5.2 接收参数1.6 params传参1.6.1 传递参数1.6.2 接收参数1.7 动态路由传参1.7.1 修改路由1.7.2 传递参数1.7.3 接收参数2. 嵌套路由2.1 环境准备2

2022-04-11 21:26:51 1303

原创 vue路由笔记

vue路由笔记路由1. 安装2. 入门2.1 根组件2.2 创建组件2.3 编写路由2.4 挂载路由2.5 使用路由2.6 route 和 router 的区别3. 路由模式3.1 hash模式3.2 history模式4. 命名路由4.1 介绍4.2 使用5. 编程式导航5.1 字符串模式5.2 对象模式5.3 命名路由模式5.4 替换当前位置5.4.1 router-link5.4.2 编程式导航5.4.3 横跨历史路由1. 安装执行如下命令来安装npm install vue-router@4

2022-04-11 21:18:50 5497 1

原创动画、插件和ElementPlus的使用

动画、插件和ElementPlus的使用动画使用 animate.cssGSAP 动画使用插件编写插件挂载插件注册插件使用插件ElementPlus动画使用 animate.css在项目中安装 animate.cssnpm i animate.css在使用 animate 动画的组件中引入import 'animate.css'使用<transition class="animate__animated animate__bounceInDown"><p

2022-04-11 20:57:02 1629

原创递归组件、动态组件、异步组件和组件插槽的用法

递归组件在组件中调用组件自身，需要有一个出口，一般用于菜单显示等。递归组件案例这是一个导航栏的案例，通过在父组件中定义数据，这个数据可以有很多层，然后将数据传给子组件Tree.vue中利用递归组件进行展示。App.vue代码：<template> <Tree :data="menus"></Tree></template><script setup lang="ts">import Tree from './compone

2022-04-11 20:26:00 474

原创关于vue中表单和组件的笔记

关于vue中表单和组件的笔记今天内容表单文本多行文本单选框多选框下拉选择框修饰符.lazy.number.trim案例：用户注册搭建界面定义数据绑定数据绑定事件组件组件基础基本使用美化组件修改根组件组件生命周期组件通信父传子默认值子传父子组件定义事件父组件接收数据祖孙传参兄弟传参借助父组件使用 Event Bus（了解）今天内容表单组件表单文本<input type="text" v-model="message">多行文本<textarea v-model="mes

2022-03-29 18:20:05 1285

原创随机背景案例

随机背景案例本文主要是展示使用自定义vue指令来实现的案例。它主要用于在网络环境差的情况下，图片可能会加载不出来，这时我们可以让原本应该显示图片的地方使用一个随机背景色来填充，在图片装载完成后使用图片来覆盖原来填充了随机色的地方。代码如下：<template> <div v-img="'src/assets/logo.png'"></div></template><script setup lang="ts">import {

2022-03-29 18:12:02 827

原创响应式API以及计算属性的用法和小案例

toRef的用法可以用来为源响应式对象上的某个 property 新创建一个 ref。然后，ref 可以被传递，它会保持对其源 property 的响应式连接。const state = reactive({ foo: 1, bar: 2})const fooRef = toRef(state, 'foo')fooRef.value++console.log(state.foo) // 2state.foo++console.log(fooRef.value) // 3当你

2022-03-29 17:59:34 319

原创 vue支持js中的事件以及图片切换案例和拖拽案例

vue中的事件<template>  <button @click="one('hi', $event), two('hello')">执行多个事件</button>  <div class="container" @mouseenter="enter" @mo

2022-03-21 21:41:13 501

原创 vue的自定义指令

vue的自定义指令vue的自定义指令vue的自定义指令简写vue的自定义指令<template> <!-- 自定义指令可以包含以下钩子函数： - created：元素初始化的时候 - beforeMount：指令绑定到元素后调用只调用一次 - mounted：元素插入父级dom调用 - beforeUpdate：元素被更新之前调用 - updated：这个周期方法被移除 - beforeUnmount：在元素被移除前调用

2022-03-21 21:24:51 569

原创 vue常见指令及其用法

v-show\v-if\v-else-if\v-else<template> <div>在 Vue 中提供两种指令：一种是内置指令，另一种是自定义指令。所有的指令都是以 v- 开头的。</div> <div>v-show 指令是用于显示或隐藏元素，它是以 style 样式的方式来实现的。</div> <div>v-if 指令也是用于根据条件表达式来带有条件的渲染。如果条件为假，那么页面中将不会渲染当前的元素。&

2022-03-21 21:21:57 2574

原创 vue入门

vue入门vue是什么vue的安装vue的使用第一个vue小案例关于v-text和v-html指令的介绍vue是什么Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。vue的安装参考vue的安装一共有四种方式在页面上以 CD

2022-03-21 21:14:57 329

原创再写轮播功能

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>轮播</title> <style> *{ margin:0; padding: 0; list-style: none; } #bigbox{

2022-03-19 19:05:03 106

原创 Webpack操作手册

Webpack 配置需要在项目下执行如下命令来生成 package.json 文件，这个文件是用于管理项目所依赖的文件和执行打包的命令npm init -y安装依赖，执行如下的命令来安装依赖npm i -D webpack webpack-cli typescript ts-loader在项目根目录下创建 webpack.config.js 文件，在这个文件中编写 Webpack 的相关配置在项目根目录下创建 tsconfig.json 文件，内容如下：{ "compile

2022-03-18 16:32:46 795

原创 TypeScript第二天

今天的课程内容1. 枚举类型枚举类型需要使用 enum 关键字来定义。语法：enum 枚举类名{属性名称,...,属性名称}使用示例：// 定义枚举enum Color { RED, BLUE= 3, GREEN = 6}// 使用const red: Color = Color.REDconsole.log(red);2. unKnow 类型Unknown类型是一种未知的类型，通常用于不确定的情况下，来动态修改值。let message: unkn

2022-03-18 16:26:46 690

原创 TypeScript第一天

1. 什么是 TypeScript?TypeScript 是 JavaScript 的超集，自己还提供了类型的定义，接口、泛型等。对于使用 TypeScript 来编写的程序，浏览器是不能直接运行的，需要先编译为 js 文件后才能够运行。2. TypeScript 有什么优势？在 JavaScript 中定义的变量没有类型约束，它的类型最终取绝于最后赋值的类型，这种方式很方便，但是也有很大的弊端。为了解决这种问题，在 TypeScript 中提供了类型的约束。除了上述的情况外，还提供了丰富的类，

2022-03-18 16:25:23 541

原创 java学习之json篇——java-json、gson、fastjson、jackson的使用

标题java-json建立实体类userpackage com.jock168.entity;import com.fasterxml.jackson.annotation.JsonFormat;import com.fasterxml.jackson.annotation.JsonIgnore;import com.fasterxml.jackson.annotation.JsonProperty;import com.fasterxml.jackson.annotation.JsonPr

2021-11-17 19:00:43 616

原创 Java学习之json篇——json介绍

json介绍JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C, C++, C#, Java, JavaScript, Perl, Python等）。这些特性使

2021-11-17 18:48:50 3499 1

空空如也

空空如也