- 博客(59)
- 收藏
- 关注
RSS订阅
原创 mybatis 逆向生成工具mybatis-generator的具体步骤（详细）
分享一个实用的代码生成工具，在开发过程中也是比较实用的！下面话不多说，直接上代码！（中间附带截图，以及代码的粘贴）考虑到大家的感受，我尽可能把过程详细的展示出来。避免大家少走弯路！初次学习的小伙伴，可以参考，即可自己进行搭建。下面进行搭建：（一步步构建项目）这就是项目搭建下来的骨架，大概就是这个样子的！接下来，进行配置。首先：我这里连接的是MySql数据库，你需要根据自己的...
2019-12-26 16:36:36
555
原创 React学习（路由封装和路由高级封装）
学习目标：提示：路由封装和路由高级封装（1） 路由封装将一级路由，通过router/RouterView.jsx组件进行封装新建router目录，在目录下新建RouterView.jsx/** * 路由封装 */import {lazy, Suspense} from "react"import {Redirect, Route, Switch} from "react-router-dom"//使用懒加载 导入一级路由const Layout = lazy(() =>im
2022-05-21 15:14:22
1378
4
原创 React学习（编程式导航）
学习目标：提示：这里可以添加学习目标（1） 编程式导航编程式导航，提供了通过脚本代码实现页面跳转的功能主要api函数包含在路由对象参数：history中this.props.historypush("/login")：跳转到登录路径，保留访问记录replace("/login")：跳转到登录路径，不保留历史记录go(n)：跳转到历史某个访问记录goBack()：后退goForward()：前进import React, {Component} from 'react';im
2022-05-20 16:36:14
426
原创 React学习（懒加载）
学习目标：提示：10分钟学会组件懒加载（1） 路由懒加载SPA应用中，为了优化首页加载和渲染性能，让路由页面组件按需访问加载解决方案：路由懒加载代码操作：编辑App.jsximport './App.css';// 引入页面组件import Login from "./views/pages/Login"import Reg from "./views/pages/Reg"import {BrowserRouter as Router, NavLink, Redirect, Route,
2022-05-19 18:21:50
288
原创 React学习（高阶路由）
学习目标：提示：一小时学会高阶路由（1） 高阶路由多个页面组件，需要将一些公共部分拆分成功能子组件实现复用，如页头问题：页头 子组件中，是否可以访问路由数据？答案：路由对象参数history/location/match只能在路由组件中访问，路由页面组件的子组件中无法访问解决方案：子组件中要访问路由参数父子组件传值高阶路由：通过react-router-dom提供的高阶路由函数，可以将路由组件中的子组件添加相关路由属性1：父子组件传值的方式父组件 代码操作：在 Home.jsxi
2022-05-19 17:44:23
196
原创 React学习（嵌套路由）
学习目标：提示：一小时学会嵌套路由例如： 一小时学会嵌套路由学习内容：提示：一小时学会嵌套路由（7） 嵌套路由一个项目中除了一级路由的跳转，二级路由甚至更深层次的路由访问都是需要的！解决方案：嵌套路由代码操作：布局主页组件【主页、品牌列表、用户中心、关于我们】四个页面的跳转注意事项：React中对于路由的嵌套的概念很弱化，哪个组件需要切换页面就直接在组件内配置路由即可！在Layout.jsximport React, {Component} from 'react';im
2022-05-17 11:05:00
493
原创 React学习（路由）
学习目标：提示：这里可以添加学习目标例如： 一周掌握 Java 入门知识1、路由（1） 什么是路由路由Router，前端项目描述了根据用户的不同请求返回不同的页面视图的操作过程！注意：代码中操作的路由，本质上就是路由规则对象（2） 基础配置语法React中的路由，通过组件的形式完成了路由的定义，如图所示：创建项目：脚手架构建路由项目注意：默认构建的项目，基于react@18、react-dom@18版本，这个最新版本对应生态库兼容性并不好$ npx create-r
2022-05-11 14:01:51
226
原创 React学习（React生命周期）
学习目标：提示：React生命周期例如： 10分钟学会React生命周期学习内容：提示：学会React生命周期6、生命周期（1）什么是生命周期生命周期LifeCycle，描述了一个组件从创建、挂载、运行到销毁的全过程项目开发中，每个组件在不同的运行阶段需要执行不同的操作，需要针对组件的生命周期有比较深入的理解回顾Vue生命周期创建：beforeCreate() | created()加载：beforeMount() | mounted()运行：beforeUpdate()
2022-05-11 03:59:13
407
原创 React学习（ref）
学习目标：提示：ref例如： 10分钟掌握ref？学习内容：提示：学会ref5、refReact框架提供了一个ref引用组件，可以直接获取目标标签的DOM对象或者子组件的组件对象标签上：可以直接操作标签DOM对象子组件上：可以直接操作子组件对象，用于组件传值等各种操作① 通过ref属性字符串方式执行操作基本语法：<input type="text" ref="header"/>changeHeader() { this.setState({heade
2022-05-11 03:54:33
122
原创 React学习（数据双向绑定）
学习目标：提示：数据双向绑定例如： 10分钟学会数据双向绑定学习内容：提示：学会数据双向绑定4、表单处理（1） 表单中的单向数据流React框架中，出于对数据的保护，默认情况下使用单向数据流机制！数据模块和视图模块之间，数据模块可以将数据传递给视图模块进行渲染；视图模块执行数据更新时不会自动同步数据到数据模块，导致数据如果需要更新就需要通过自定义操作方式进行同步（2） 数据双向绑定表单元素（以文本输入框为例）渲染数据通过属性value属性展示输入数据通过事件event(o
2022-05-11 03:11:40
718
原创 React学习（组件之间传值）
学习目标：提示：组件之间传值例如： 十分钟掌握组件之间传值学习内容：提示：学会组件之间传值（3）组件之间传值解决方案：事件中心核心技术：第三方事件模块events事件中心：src/views/utils/eventsplugin.js// 引入依赖import Events from "events";// 导出事件对象export default new Events()组件Child.jsx发送数据import React, {Component} from 're
2022-05-11 02:47:27
210
原创 React学习（子父组件传参）
学习目标：提示：子父组件传参例如： 十分钟掌握子父组件传参学习内容：提示：掌握子父组件传参（2）子父组件传值解决方案：自定义属性、配合函数接受数据核心语法：this.props -> 传递了一个函数声明父组件：Parent.jsximport React, {Component} from 'react';import './Parent.css'import Child from "../child/Child";class MyComponent extends
2022-05-11 02:06:24
367
原创 React学习（父子组件传值）
学习目标：提示：React 父子组件传值例如： 半小时掌握React 父子组件传值学习内容：3、组件传值（1）父子组件传值解决方案：自定义属性核心语法：自定义属性、this.props-> 传递了一个变量数据父组件：Parent.jsximport React, {Component} from 'react';import './Parent.css'import Child from "../child/Child";class MyComponent exten
2022-05-11 01:44:43
257
原创 React学习（React高级）
学习目标：提示：这里可以添加学习目标例如： 一周掌握 Java 入门知识学习内容：提示：React实战二、React高级入门1、脚手架（1）什么是脚手架脚手架本质上就是一个工具插件，可以通过执行指定命令的形式完成项目文件的远程同步！备注：为什么要使用脚手架手工构建项目的方式效率太低，通过脚手架将项目按照固定的格式进行快速构建，提高开发效率！（2）React脚手架React提供了create-react-app脚手架，用于快速构建项目-- 执行命令，在指定目录中创建rea
2022-05-10 17:35:17
516
原创 React学习（状态数据更新）
学习目标：提示：两个小时学会React状态数据更新例如： 两个小时学会React状态数据更新学习内容：提示：学会React状态数据更新（6）状态数据更新React特性是单向数据流，也就是所谓的单向数据绑定，数据的更新包含数据模块更新以及视图更新两部分直接修改变量数据，变量数据更新，但是视图不会同步更新，这就是单向数据流推荐：更新变量数据，通过this.setState({key: value, key2: value, ...})的形式进行更新，既能更新变量数据，同时也会推送更新视
2022-05-10 16:54:41
2227
原创 React学习（组件入门）
学习目标：提示：一天内学会React的组件入门例如： 一天内学会React的组件入门学习内容：提示：React的组件入门5、组件化组件化开发是React框架一个重要的特性，在框架中处理任何数据视图的结构都称为组件！React是一个完全独立的组件化开发的重量级框架！（1） 什么是组件组件Component是一种封装了数据、样式、视图界面的结构！通过组件的复用可以让前端应用的开发达到高效、健壮、可扩展、高维护的目的（2） 组件声明-函数式组件React中提倡的一种组件实现方式：
2022-05-10 16:30:54
395
原创 React学习（项目入门-JSX）
学习目标：提示：一天内掌握React的项目的入门?例如： 一天内掌握React的项目的入门?学习内容：提示：今天开始学习React项目的入门（1）入门项目通过入门项目在script标签中直接编写带有结构的html代码，更加方便和灵活的控制数据和结构的关系学习时间：提示：这里可以添加计划学习的时间例如：周一至周五晚上 7 点—晚上9点周六上午 9 点-上午 11 点周日下午 3 点-下午 6 点学习产出：提示：这里统计学习计划的总量例如： 技术笔记 2 遍
2022-05-10 14:36:19
425
原创 React学习（初始React）
学习目标：提示：初步了解什么是React?例如： 一周掌握 React 入门知识学习内容：提示：React的入门学习1、React概述React是facebook公司研发的、以声明式UI视图为核心的、完全独立的组件化开发方式，通过单向数据流管理数据在DOM结构中的渲染，结合组件和视图快速构建前端应用的重量级开发框架！React框架的特性：声明式UI视图结构，本质上就是Vue虚拟DOM结构的前身完全组件化开发，React中所有的结构都是组件单向数据绑定 React有丰富的社区支
2022-05-10 01:12:30
361
原创 netty源码解读，深入浅出(BIO)
传统的IO编程以经典的时间服务器为模型BIO通信模型首先，熟悉BIO的服务端通信模型:采用BIO通信模型的服务端，通常由一个独立的Acceptor线程负责监听客户端的连接，它接收到客户端连接请求之后为每个客户端创建一个新的线程进行链路处理，处理完成之后，通过输出流返回应答给客户端，线程销毁。这就是典型的一请求一应答通信模型。该模型最大的问题就是缺乏弹性伸缩能力，当客户端并发访问量增加后，服务端的线程个数和客户端并发访问数呈1:1的正比关系，由于线程是Java虚拟机非常宝贵的系统资源，当线程数膨胀
2021-09-27 15:20:10
168
原创 全网最全Linux命令总结（建议收藏）
列出目录内容 ls -a：显示所有文件（包括隐藏文件）； ls -l：显示详细信息； ls -R：递归显示子目录结构； ls -ld：显示目录和链接信息； ctrl+r：历史记录中所搜命令（输入命令中的任意一个字符）； Linux中以.开头的文件是隐藏文件； pwd:显示当前目录查看文件的类型 file:查看文件的类型复制文件目录1、cp：复制文件和目录 cp源文件（文件夹）目标文件（文件夹）常用参数：-r:递归复制整个目录树；-v：显示详细信息；复制文件夹时要在cp命令后面加
2021-08-28 09:40:38
1134
原创 SpringCloudAlibaba完整章节十（服务配置）
Nacos Config 服务端初始化分布式配置中心：在分布式系统中，由于服务数量巨多，为了方便服务配置文件统一管理，实时更新，所以需要分布式配置中心组件。Nacos ConfigNacos 提供用于存储配置和其他元数据的 key/value 存储，为分布式系统中的外部化配置提供服务器端和客户端支持。使用 Spring Cloud Alibaba Nacos Config，您可以在 Nacos Server 集中管理你 Spring Cloud 应用的外部属性配置。Spring Cloud
2021-07-07 09:40:25
79
原创 SpringCloudAlibaba完整章节九（网关全局过滤）
概述全局过滤器作用于所有的路由，不需要单独配置，我们可以用它来实现很多统一化处理的业务需求，比如权限认证，IP 访问限制等等。注意：截止2019年06月，Spring Cloud Gateway 正式版为 2.0.2 其文档并不完善，并且有些地方还要重新设计，这里仅提供一个基本的案例Spring Cloud Gateway 基于 Project Reactor 和 WebFlux，采用响应式编程风格，打开它的 Filter 的接口 GlobalFilter 你会发现它只有一个方法 filter。创
2021-07-03 18:44:26
130
1
原创 SpringCloudAlibaba完整章节八（路由网关{Gateway}）
Spring Cloud Gateway 功能特征基于 Spring Framework 5，Project Reactor 和 Spring Boot 2.0动态路由Predicates 和 Filters 作用于特定路由集成 Hystrix 断路器集成 Spring Cloud DiscoveryClient易于编写的 Predicates 和 Filters限流路径重写Spring Cloud Gateway 工程流程客户端向 Spring Cloud Gateway 发
2021-07-03 16:43:05
205
1
原创 SpringCloudAlibaba完整章节七（熔断器仪表盘监控）
Sentinel 控制台Sentinel 控制台提供一个轻量级的控制台，它提供机器发现、单机资源实时监控、集群资源汇总，以及规则管理的功能。您只需要对应用进行简单的配置，就可以使用这些功能。注意: 集群资源汇总仅支持 500 台以下的应用集群，有大概 1 - 2 秒的延时。如果想支持更多的集群，那就部署两个Sentinel喽1：下载并打包# 下载源码git clone https://github.com/alibaba/Sentinel.git# 编译打包mvn clean packa
2021-07-03 14:14:15
142
原创 SpringCloudAlibaba完整章节六（熔断{Sentinel}）
概述在微服务架构中，根据业务来拆分成一个个的服务，服务与服务之间可以通过 RPC 相互调用，在 Spring Cloud 中可以用 RestTemplate + LoadBalanceClient 和 Feign 来调用。为了保证其高可用，单个服务通常会集群部署。由于网络原因或者自身的原因，服务并不能保证 100% 可用，如果单个服务出现问题，调用这个服务就会出现线程阻塞，此时若有大量的请求涌入，Servlet 容器的线程资源会被消耗完毕，导致服务瘫痪。服务与服务之间的依赖性，故障会传播，会对整个微服
2021-07-03 13:51:13
93
原创 SpringCloudAlibaba完整章节五（创建服务消费者{Feign}）
概述Feign 是一个声明式的伪 Http 客户端，它使得写 Http 客户端变得更简单。使用 Feign，只需要创建一个接口并注解。它具有可插拔的注解特性，可使用 Feign 注解和 JAX-RS 注解。Feign 支持可插拔的编码器和解码器。Feign 默认集成了 Ribbon，Nacos 也很好的兼容了 Feign，默认实现了负载均衡的效果Feign 采用的是基于接口的注解Feign 整合了 ribbonPOM创建一个工程名为spring-cloud-alibaba-nacos-
2021-07-03 12:04:04
95
原创 SpringCloudAlibaba完整章节四（创建服务消费者）
创建一个工程名为 spring-cloud-alibaba-nacos-consumer 的服务消费者项目，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-instance" xsi:schemaLocation="htt.
2021-07-03 11:17:55
156
原创 SpringCloudAlibaba完整章节三（创建服务提供者）
1. 新建spring-cloud-alibaba-nacos-provider模块spring-cloud-alibaba-nacos-provider下的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-instance"
2021-07-03 10:32:35
163
原创 SpringCloudAlibaba完整章节二（创建依赖管理项目）
当前 Spring Cloud Alibaba 的 2.1.0.RELEASE 版本基于 Spring Cloud Greenwich 开发，Spring Cloud Alibaba 项目都是基于 Spring Cloud，而 Spring Cloud 项目又是基于 Spring Boot 进行开发，并且都是使用 Maven 做项目管理工具。在实际开发中，我们一般都会创建一个依赖管理项目作为 Maven 的 Parent 项目使用，这样做可以极大的方便我们对 Jar 包版本的统一管理。创建依赖管理项.
2021-07-03 10:31:54
490
原创 SpringCloudAlibaba完整章节一（Nacos服务注册与发现）
SpringCloudAlibaba文章目录提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加例如：第一章 Python 机器学习入门之pandas的使用提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录SpringCloudAlibaba文章目录前言一、Nacos1：简介2：关键特性：3： 安装下载解压后的目录结构分析目录结构二、SpringBoot集成Nacos（项目集成代码）1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例
2021-07-02 10:25:16
239
2
原创 SpringCloudAlibaba完整章节以及代码案列
Nacos的安装入门先去官网下载对应的版本的Nacos咱们在这里只讲windows版本的安装相应的配置文件的修改1：下载解压后，打开到bin的目录在Nacos的解压文件的bin目录下运行: start.cmd单机启动的命令是：打开cmd命令start.cmd -m standalone在启动的命令的日志里面找到nacos的访问地址： 访问即可2：配置数据库在Nacos的解压文件的conf的目录下，找到application.properties配置数据库的信息即可
2021-06-30 10:30:49
150
原创 一切贡献，只为了开源事业
分享常用的开源的快捷的项目，以及地址Vuehttps://gitee.com/explore/vue-extensions?utm_source=alading&utm_campaign=listhttp://form.making.link/basic-version/#/zh-CN/
2021-05-13 16:25:31
56
原创 docker镜像完全卸载
1.docker ps -a查看运行的镜像进程[root@mylinux~]# docker ps -aCONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES98acb9dcb2a2 redis:5
2021-04-26 19:38:00
114
原创 docker的入门
docker实战目录docker就是一个管理工具，类似我们的苹果手机里的Itues，安卓手机里的软件管理商城，用来给我们提供软件的安装与下载，docker也类似这样的工具和作用提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录docker实战目录前言一、docker的安装1：Linux上docker的安装步骤二、使用步骤1.引入库2.读入数据总结前言docker就是一个管理工具，类似我们的苹果手机里的Itues，安卓手机里的软件管理商城，用来给我们提供软件的安装与下载，
2021-04-26 16:17:50
108
原创 linux上的nginx的配置（以及故障排查）
关于Nginx启动成功，浏览器不能访问的解决办法1：先排查进程是否开启ps aux|grep nginx2： 再查看哪些端口是开放的netstat -ntlp3：对端口号进行配置firewall-cmd --zone=public --add-port=80/tcp --permanent4：重启防火墙服务systemctl restart firewalld.service...
2021-04-08 15:09:23
262
原创 nginx的配置文件的设置
不讲怎么安装，之说配置文件的具体的配置nginx一般用来做前后端分离项目的，SpringBoot+Vue这种项目的部署，用来做转发。#user nobody;worker_processes 1;#error_log logs/error.log;#error_log logs/error.log notice;#error_log logs/error.log info;#pid logs/nginx.pid;events { worker
2021-03-06 09:40:53
176
原创 基于第三方平台进行直播的搭建（附源码数据库）
直播先讲思路，下面我将直播的思路先给大家捋顺一遍#mermaid-svg-ut3IkVkUAe6MPVNp .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-ut3IkVkUAe6MPVNp .label text{fill:#333}#mermaid-svg-ut3IkVkUAe6MPVNp .node re
2021-01-16 13:57:07
954
原创 Jenkins的安装、部署、启动(完整教程)
Jenkins的搭建在这里，我们只讲怎么搭建1： 首先要用一台linux的服务器2： 安装的有jdk，并配置过jdk的环境变量1、安装jdk我安装的是jdk8，此处就不多说了，自己百度哈，很简单2、安装jenkins首先依次执行如下三个命令：2.1、导入镜像：sudo wget -O /etc/yum.repos.d/jenkins.repo https://pkg.jenkins.io/redhat-stable/jenkins.repo2.2、导入公钥sudo rpm --
2021-01-13 17:38:56
3399
原创 一次线上内存溢出的事故
内存溢出突然在昨天下午，项目的服务突然抛出来异常信息如下：{“code”:"-1",“msg”:“系统错误：Cannot deserialize; nested exception is org.springframework.core.serializer.support.SerializationFailedException: Failed to deserialize payload. Is the byte array a result of corresponding serializ
2020-12-25 15:34:29
215
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人