AUTO_K-CSDN博客

翻译 react 消息订阅-发布机制

工具库: PubSubJS 下载: npm install pubsub-js --save 使用:在存储state的组件里面订阅消息，在发送更改的状态值组件里面设置消息发布1)import PubSub from 'pubsub-js' //引入2)PubSub.subscribe('delete', function(data){ }); //订阅3)PubSub.publish('delete', data) //发布消息优点：1）观察者和被观察者是抽象耦合的。2）建立一套触发机.

2022-04-10 22:35:39 637

翻译 react脚手架代理方式

1.方法一在package.json中追加如下配置```json"proxy":"http://localhost:5000"```说明：1. 优点：配置简单，前端请求资源时可以不加任何前缀。2. 缺点：不能配置多个代理。3. 工作方式：上述方式配置代理，当请求了3000的public文件夹下不存在的资源时，那么该请求会转发给5000 （优先匹配前端资源）2.方法二第一步：创建代理配置文件在src下创建配置文件：src/setupProxy.js第二步：编写..

2022-04-10 21:26:09 334

翻译 react 组件练习 TodoList 案例

功能: 组件化实现此功能1. 显示所有todo列表2. 输入文本, 点击按钮显示到列表的首位, 并清除输入的文本详细视频请见 b站 react 尚硅谷天禹老师的讲解视频56节-64节1.文件的结构conponents里面定义的是组件 Footer，List和Header是兄弟组件 Item是List的子组件index.js是程序的入口css都是样式文件 App.jsx 是Footer，List和Header的父组件2.各个文件夹的内容...

2022-04-10 19:23:03 777 3

翻译 react 子组件更改父组件的 state

1. 父组件在props定义一个函数传递个子组件<Header addTodo={this.addTodo}/>2.子组件用此函数传递参数 //准备好一个todo对象 const todoObj = {id:nanoid(),name:target.value,done:false} //将todoObj传递给App this.props.addTodo(todoObj)3.父组件中处理传递过来的参数//addTodo用于添加一个todo

2022-04-07 08:19:28 1829

翻译 React 开发环境的搭建（React脚手架）

1. react脚手架xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目包含了所有需要的配置（语法检查、jsx编译、devServer…）下载好了所有相关的依赖可以直接运行一个简单效果 react提供了一个用于创建react项目的脚手架库: create-react-app 项目的整体技术架构为: react + webpack + es6 + eslint..... 使用脚手架开发的项目的特点: 模块化, 组件化, 工程化创建项目并启动首先windew.

2022-04-05 23:36:51 5406 1

转载 react的diffing算法和key的作用

1.什么是diffing算法diffing是react里进行虚拟DOM之间比较的一种算法，当使用render方法更新页面的时候，react会将新生成的虚拟DOM去和原来页面的虚拟 DOM的节点按照key进行逐个比较，如果更新的节点内容跟原来的虚拟DOM节点内容完全相同，会直接采用原来的节点的虚拟DOM，此时不在生成新的DOM，直接利用原来的虚拟DOM对应的真实DOM。如果内容不相同，或者新生成的节点没有对应的相同key的虚拟DOM，会生成新的虚拟DOM，再转换成真实的DOM。流程图如下：案.

2022-04-05 19:25:09 250

翻译 react组件的生命周期

旧版本/* 1. 初始化阶段: 由ReactDOM.render()触发---初次渲染 1. constructor() 2. componentWillMount() 3. render() 4. componentDidMount() =====> 常用一般在这个钩子中做一些初始化的事，例如：开启定时器、发送网络请求、订阅消息 2. 更新阶段: 由组件内部this..

2022-04-01 08:20:45 157

翻译 react组件实例的三大核心属性

箭头函数ES6允许使⽤“箭头”（=>）定义函数。var f = v => v;// 等同于var f = function (v) { return v;};如果箭头函数不需要参数或需要多个参数，就使⽤⼀个圆括号代表参数部分//⽆参数var f = () => 5;// 等同于var f = function () { return 5 };//多个参数var sum = (num1, num2) => num1 + num2;// 等同于v

2022-03-30 22:43:47 277

原创 springboot整合总结

创建一个数据库表这里的字段user_name跟java实体类中的 userName 不对应，但是符合驼峰转换。CREATE TABLE `tb_user` ( `id` bigint NOT NULL AUTO_INCREMENT, `user_name` varchar(50) DEFAULT NULL, `password` varchar(50) DEFAULT NULL, `name` varchar(50) DEFAULT NULL, `age` int DEFAUL.

2022-03-26 11:18:53 326

转载 springboot中解决org.apache.ibatis.binding.BindingException: Invalid bound statement (not found)问题

1.检查java配置文件类上是否使用了注解@Mapper 或者在启动类上扫描了MapperScan类，注意扫描的包名是否正确2.注意mapper.xml文件中的namespace是否正确指向到Mapper.java类的位置特别注意路径不要写成 /<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" .

2022-03-24 17:43:13 497

原创 Mybatis中的关系映射一对多和多对多

创建两张表格 player 和teamplayer表CREATE TABLE `player` ( `playerId` int NOT NULL, `playerName` varchar(255) CHARACTER SET utf8 COLLATE utf8_unicode_ci DEFAULT NULL, `playerNum` int DEFAULT NULL, `teamId` int DEFAULT NULL, PRIMARY KEY (`playe...

2022-03-21 18:01:48 1742 1

原创 mybatis中属性名称和列名称不一致的解决方案

1.-方式1：resultType中的实体类的属性作为查询语句中的别名，让别名和属性保持一致2.使用resultMap映射案例准备工作：创建表：use mybatis;DROP TABLE IF EXISTS `users`;CREATE TABLE `users` (`user_id` int NOT NULL AUTO_INCREMENT COMMENT '用户id',`user_name` varchar(50) CHARACTER SET utf8mb4 COLLATE utf

2022-03-21 11:00:36 900

原创 mybatis输出映射parameterType 传递多个参数解决方案

parameterTypeparameterType：接口中方法参数的类型，类型必须是完全限定名或别名（稍后讲别名）。该属性非必须，因为Mybatis框架能自行判断具体传入语句的参数，默认值为未设置（unset)。解决方案1.多个参数通过下标2.多个参数通过parameter注解3.通过map集合来传递多个参数4.通过封装的类来传递多个参数1.teamMapper.xml中sql语句 <!--多个参数：标签中不需要parameterType属性方式1：通过下标索引的

2022-03-19 16:04:56 2484

原创 mybatis插入数据的时候获取自增的id

<dependency> <groupId>junit</groupId> <artifactId>junit</artifactId> <version>4.12</version> </dependency>

2022-03-18 22:07:18 2694

翻译 mybatis使用介绍

1.mybatis帮助开发文档mybatis – MyBatis 3 | 入门2.如何使用说如何使用之前说明一下mybatis的优点Mybatis解决的问题1、数据库连接的创建、释放连接的频繁操作造成资源的浪费从而影响系统的性能。2、SQL语句编写在代码中，硬编码造成代码不容易维护，实际应用中SQL语句变化的可能性比较大，一旦变动就需要改变java类。3、使用preparedStatement的时候传递参数使用占位符，也存在硬编码，因为SQL语句变化，必须修改源码。4、对结果集的解

2022-03-17 20:31:22 623

原创 SpringMVC框架异常处理

1@ExceptionHandler 注解@ExceptionHandler 可以将一个方法指定为异常处理方法。被注解的方法，其返回值可以是 ModelAndView、String，或 void，方法名随意，方法参数可以是Exception 及其子类对象、HttpServletRequest、HttpServletResponse 等。系统会自动为这些方法参数赋值。对于异常处理注解的用法，也可以直接将异常处理方法注解于 Controller 之中.2. 实现步骤1.自定义异常类

2022-03-15 21:00:23 262

原创 springMVC过滤器处理post请求中文乱码问题

1.首先需要在pom文件中引入依赖 <dependency> <groupId>org.springframework</groupId> <artifactId>spring-webmvc</artifactId> <version>5.2.13.RELEASE</version> </dependency>处理乱

2022-03-15 10:49:18 364

原创 spring整合jdbc

1.使用spring-jdbc操作数据库主要内容:学习使用JdbcTemplate API和如何使用Spring管理 JdbcTemplate创建项目引入依赖<dependencies> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-context</artifactId>

2022-03-11 09:29:18 781

原创 mysql笔记

sql基础 1.数据库的三大范式（规范）window+r cmd进入命令输入显示窗口登录数据库后 mysql -u root -p 123456输入show variables like 'version'; 显示数据库版本原子性1.无重复的列唯一性2.要求数据库表中的每个实例或者每一行都可被唯一的区分。直接性3.要求数据库表中不包含已在其他表中以存在的非主关键字信息。SQL：Structure Query Language（结构化查询语言）Create,...

2022-03-08 23:36:00 238

翻译 IDEA 的maven中导入依赖依然报红色波浪线解决方案

1.导入项目时，有时候idea编译器是找不到maven窗口的需要设置。idea 缺失右侧maven窗口 - learcher - 博客园2.导入依赖依然报红色波浪线解决方案

2022-02-27 16:11:47 6684

原创对于一个整数数组，将数组中的元素替换成他们排序（从小到到排序）后的下标值

例如：数组int[] b={4,2,12,8};排序后 {2，4，8，12} 0,1,2,3 生成后的数组b={1，0，3，2}；public int[] question01(int[] arr){ HashMap<Integer,Integer> hashMap = new HashMap<>(); for (int i=0;i<arr.length;i++){ ...

2022-02-23 16:03:46 805

转载 Controller中返回数据总结（ResponseEntity，@ResponseBody，@ResponseStatus）

Controller中返回数据总结（ResponseEntity，@ResponseBody，@ResponseStatus） - 大象踢足球 - 博客园

2021-12-11 17:56:28 517

原创 tk-mybatis和mybatisplus使用和区别

概念：使用Mybatis时，最大的问题是，要写大量的重复SQL语句在xml文件中，除了特殊的业务逻辑SQL语句之外，还有大量结构类似的增删改查SQL。而且，当数据库表结构改动时，对应的所有SQL以及实体类都需要更改。这大量增加了程序员的负担。避免重复书写CRUD映射的框架有两个通用mybatis（tk mybatis） mybatis plus，通能更加强大一.tk-mybatis的使用1.tk-mybatis需要引入启动器，直接引入即可。pom.xml中引入如下内容

2021-11-29 20:53:15 15175

原创 spring全注解配置与springBoot全注解配置

spring全注解配置spring全注解配置主要靠java类和一些注解，比较常用的注解有： @Configuration ：声明一个类作为配置类，代替xml文件 @Bean ：声明在方法上，将方法的返回值加入Bean容器，代替 <bean> 标签 @value ：属性注入 @PropertySource ：指定外部属性文件，我们接下来用java配置来尝试实现连接池配置：首先引入Druid连接池依赖<dependency> groupId&

2021-11-22 21:31:18 762

转载 request中获取路径的方法总结

request.getRequestURL() 返回全路径request.getRequestURI() 返回除去host（域名或者ip）部分的路径request.getContextPath() 返回工程名部分，如果工程映射为/，此处返回则为空request.getServletPath() 返回除去host和工程名部分的路径此处是运行结果request.getRequestURL():http://localhost:8080/bzbs/system/login.jsprequest.get

2021-11-18 20:56:18 3281

原创数据库连接问题 java.lang.ClassNotFoundException: com.mysql.cj.jdbc.Driver

java.lang.ClassNotFoundException: com.mysql.cj.jdbc.Driver1. 第一种情况是，数据库版本不对，应该用5以上版本。或者去掉 .cj如何在navicat软件查看数据库版本。选中连接名称，鼠标右键，选中命令列界面，运行下面代码select version() from dual;输出版本：2.导入的依赖版本不正确看看依赖是否为3.导入依赖部署了，依然不起作用。推荐直接将依赖部署到t...

2021-11-08 15:36:24 1182

原创 iterator 迭代器中的next（）和ResultSet 中的next（）的区别

boolean next() throws SQLException 光标从当前位置向前移动一行。 ResultSet光标最初位于第一行之前；如果光标指向没有下一行数据，返回false E next() 返回迭代中的下一个元素，光标向前移动一个 boolean hasNext() 判断是否有下一个，如果有返回true，没有返回false 总的来说， ResultSet 中的next（）的执行逻辑等同于 iterator 先 boolean hasNext() 在...

2021-11-07 19:53:02 279

原创 window关闭自动更新服务

1.在此电脑鼠标右键选中 ->管理2.在服务和应用程序中选中->服务3.双击进入服务显示界面，找到Windows Update4.鼠标右键选中禁用。

2021-11-07 14:28:27 93

原创 Java二维数组初始化

int[][] t= new int[][]{{1},{2}}; int d[][]= new int[][]{{1},{2}}; System.out.println(t[0][0]); System.out.println(d[1][0]); int[][] b = {{1,2},{3,4},{5,6}}; int c[][]={{0,1},{2,3}}; System.out.print...

2021-11-06 15:16:35 72

原创 javaweb前后端交互的方法总结

1.超链接 get方法前端发送数据<a href="testrequest?upass=abc&uage=12">test-get</a>后端接收req.getParameter("uage");req.getParameter("upass");2.from表单默认是get方法一般都是用post提交前端发送数据<form action="testrequest" method="post"> uname:...

2021-11-05 21:55:00 4665

原创 JavaScript 和jQuery 对元素值的获取和写入

<from> <input type="text" name="name" id="name" value="liwei" /> </from> <div id="txt">woshiliwei</div><script> $(function(){ //获取元素的值 js方式 var fromValue=document.getElementById("name").value; var d.

2021-11-05 19:57:56 405

原创 jQuery 选择器

1.元素/标签选择器语法：$("标签名称") var divList=$("div"); 获取所以的div元素，这时候divList是一个集合console.log(divList);// jQuery的对象集合整体为jQuery对象，单个为JavaScript对象for(var i=0;i<divList.length;i++){console.log(divList[i]);//js的对象 Eleme...

2021-11-05 19:03:46 600

翻译常用的对象方法使用说明

String对象方法参考表格方法描述 charAt() 返回在指定位置的字符。 charCodeAt() 返回在指定的位置的字符的 Unicode 编码。 concat() 连接两个或更多字符串，并返回新的字符串。 fromCharCode() 将 Unicode 编码转为字符。 indexOf() 返回某个指定的字符串值在字符串中首次出现的位置。 includes() ...

2021-11-05 13:43:04 130

翻译 javaSript介绍

1、概述1.1 什么是JavaScript？JavaScript 是脚本语言，是一种解释性脚本语言（代码不进行预编译） JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。 JavaScript 很容易入门。1.2 作用1、为网页添加各式各样的动态功能。2、为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功.

2021-11-05 13:32:46 576

原创 mybatis 逆向生成插件的使用和方法说明

一.使用1.在maven的pom.xml的<build></build>l中导入插件  <plugin> <groupId>org.mybatis.generator</groupId> <artifactId>mybatis-generator-maven-plugin</artifactI.

2021-11-03 23:54:42 617

转载 @Transactional注解

所在包它是 <groupId>org.springframework</groupId> <artifactId>spring-tx</artifactId> <version>5.2.13.RELEASE</version> </dependency>依赖下的

2021-11-03 20:14:49 490

原创 springMVC 页面导航的方式

页面导航分为两种：1、转发 2、重定向springMVC有以下两种方式实现页面的转发或重定向：1、返回字符串2、使用ModelAndView在SpringMVC中两种导航进行页面导航的时候使用不同的前缀指定转发还是重定向前缀：转发： forward:url 默认重定向： redirect:url1 .转发方式到一个jsp页面1.1字符串方式转发@RequestMapping("test01-...

2021-11-03 16:42:20 209

原创 springMVC 处理器方法的返回值问题

使用@Controller注解的处理器的处理器方法，其返回值常用的有四种类型：1. ModelAndView2. String3. 返回自定义类型对象4. 无返回值 void1.返回值是ModelAndView使用此返回值的情况1.前后端不分的开发，大部分情况下，我们返回 ModelAndView2.既有数据的携带还有资源的跳转，可以选择该种方式使用此返回类型要配置视图解析器在springMVC的配置文件中配置 ..

2021-11-03 16:21:05 654

原创 springMVC中处理器方法的参数问题

1 直接使用方法的参数逐个接收直接使用方法的参数逐个接收:方法的参数名称必须与用户请求中携带的参数名称保持一致，否则就获取不到。好处：不需要类型转换<form action="/param/test01" method="post">球队id：<input type="text" name="teamId"/><br/>球队名称：<input type="text" name="teamName"/><br/>球队位置：<.

2021-11-03 14:29:10 573

原创 IDEA 中classpath后面的文件夹报红解决方案

打开File -> Project Structure选择需要的文件，右键设置为Resouces，之后classpath就正常了最后应用就可以了classpath和classpath*区别： classpath：只会到你的class路径中查找找文件。 classpath*：不仅包含class路径，还包括jar文件中（class路径）进行查找。...

2021-11-03 12:56:25 1890

jdk 11API中文帮助文档

空空如也