Axios与Springboot+Mysql通信

最新推荐文章于 2023-01-22 16:13:28 发布
最新推荐文章于 2023-01-22 16:13:28 发布
阅读量6.5k 收藏 12
点赞数 16
分类专栏： mysql 文章标签： java mysql mybatis javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zsr6135/article/details/118529705
版权

Axios通信

一、后端接口SpringBoot+Mysql搭建

项目目录

image-20210706134724363

maven依赖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="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.5.2</version>
        <relativePath/> <!-- lookup parent from repository -->
    </parent>
    <groupId>com.sxau</groupId>
    <artifactId>sringbootjwt</artifactId>
    <version>0.0.1-SNAPSHOT</version>
    <name>sringbootjwt</name>
    <description>token</description>
    <properties>
        <java.version>1.8</java.version>
    </properties>
    <dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
        </dependency>
        <!--    mysql-connector-->
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
        </dependency>
        <!--        mybatis-plus-->
        <dependency>
            <groupId>com.baomidou</groupId>
            <artifactId>mybatis-plus-boot-starter</artifactId>
            <version>3.4.0</version>
        </dependency>
        <!--        lombok-->
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
        </dependency>

        <!-- p6spy 打印sql分析依赖-->
        <dependency>
            <groupId>p6spy</groupId>
            <artifactId>p6spy</artifactId>
            <version>3.9.0</version>
        </dependency>

        <!-- https://mvnrepository.com/artifact/com.alibaba/fastjson -->
        <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>fastjson</artifactId>
            <version>1.2.75</version>
        </dependency>
        
        <!--        代码生成器-->
        <dependency>
            <groupId>com.baomidou</groupId>
            <artifactId>mybatis-plus-generator</artifactId>
            <version>3.4.1</version>
        </dependency>
        <dependency>
            <groupId>org.apache.velocity</groupId>
            <artifactId>velocity-engine-core</artifactId>
            <version>2.2</version>
        </dependency>
    </dependencies>

    <build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
            </plugin>
        </plugins>
    </build>

</project>
application.yaml
server:
  port: 10086
#数据库配置
spring:
  datasource:
    username: root
    password: 123456
    #p6spy 驱动url
    url: jdbc:p6spy:mysql://localhost:3306/mybatis_plus?userSSL=false&useUnicode=true&CharacterEncoding=utf-8&serverTimezone=GMT%2B8
    #    p6spy 驱动
    driver-class-name: com.p6spy.engine.spy.P6SpyDriver
#  profiles:
#    active: dev

#mybatis-plus日志配置文件
mybatis-plus:
  configuration:
    log-impl: org.apache.ibatis.logging.stdout.StdOutImpl
  global-config:
    db-config:
      logic-delete-field: flag  # 全局逻辑删除的实体字段名(since 3.3.0,配置后可以忽略不配置步骤2)
      logic-delete-value: 1 # 逻辑已删除值(默认为 1)
      logic-not-delete-value: 0 # 逻辑未删除值(默认为 0)
spy.properties
#3.2.1以上使用
modulelist=com.baomidou.mybatisplus.extension.p6spy.MybatisPlusLogFactory,com.p6spy.engine.outage.P6OutageFactory
# 自定义日志打印
logMessageFormat=com.sxau.sringbootjwt.utils.P6SpySqlLog
#日志输出到控制台
appender=com.baomidou.mybatisplus.extension.p6spy.StdoutLogger
# 使用日志系统记录 sql
#appender=com.p6spy.engine.spy.appender.Slf4JLogger
# 设置 p6spy driver 代理
deregisterdrivers=true
# 取消JDBC URL前缀
useprefix=true
# 配置记录 Log 例外,可去掉的结果集有error,info,batch,debug,statement,commit,rollback,result,resultset.
excludecategories=info,debug,result,commit,resultset
# 日期格式
dateformat=yyyy-MM-dd HH:mm:ss
# 实际驱动可多个
#driverlist=org.h2.Driver
# 是否开启慢SQL记录
outagedetection=true
# 慢SQL记录标准 2 秒
outagedetectioninterval=2
利用代码生成器生成对应的文件
package com.sxau.sringbootjwt;

import com.baomidou.mybatisplus.annotation.DbType;
import com.baomidou.mybatisplus.annotation.FieldFill;
import com.baomidou.mybatisplus.annotation.IdType;
import com.baomidou.mybatisplus.generator.AutoGenerator;
import com.baomidou.mybatisplus.generator.config.DataSourceConfig;
import com.baomidou.mybatisplus.generator.config.GlobalConfig;
import com.baomidou.mybatisplus.generator.config.PackageConfig;
import com.baomidou.mybatisplus.generator.config.StrategyConfig;
import com.baomidou.mybatisplus.generator.config.po.TableFill;
import com.baomidou.mybatisplus.generator.config.rules.NamingStrategy;

import java.util.ArrayList;

// 代码自动生成器
public class test {

    public static void main(String[] args) {
        // 需要构建一个 代码自动生成器 对象
        AutoGenerator mpg = new AutoGenerator();

        // 配置策略
        // 1、全局配置
        GlobalConfig gc = new GlobalConfig();
        String projectPath = System.getProperty("user.dir");
        gc.setOutputDir(projectPath+"/src/main/java/SpringBoot主启动项目名");
        gc.setAuthor("张晟睿"); gc.setOpen(false);
        gc.setFileOverride(false);

        // 是否覆盖
        gc.setServiceName("%sService");

        // 去Service的I前缀
        gc.setIdType(IdType.ID_WORKER);
        mpg.setGlobalConfig(gc);

        //2、设置数据源
        DataSourceConfig dsc = new DataSourceConfig();
        dsc.setUrl("jdbc:mysql://localhost:3306/mybatis_plus?useSSL=false&useUnicode=true&characterEncoding=utf-8&serverTimezone=GMT%2B8");
                dsc.setDriverName("com.mysql.cj.jdbc.Driver");
        dsc.setUsername("root");
        dsc.setPassword("123456");
        dsc.setDbType(DbType.MYSQL);
        mpg.setDataSource(dsc);

        //3、包的配置
        PackageConfig pc = new PackageConfig();
        //只需要改实体类名字 和包名 还有 数据库配置即可
        pc.setModuleName("");
        pc.setParent("com.sxau");
        pc.setEntity("entity");
        pc.setMapper("mapper");
        pc.setService("service");
        pc.setController("controller");
        mpg.setPackageInfo(pc);

        //4、策略配置
        StrategyConfig strategy = new StrategyConfig();
        //在此处添加包名
        strategy.setInclude("user");

        // 设置要映射的表名
        strategy.setNaming(NamingStrategy.underline_to_camel);
        strategy.setColumnNaming(NamingStrategy.underline_to_camel);
        strategy.setEntityLombokModel(true);

        // 自动lombok；
        strategy.setLogicDeleteFieldName("deleted");

        // 自动填充配置
        TableFill gmtCreate = new TableFill("gmt_create", FieldFill.INSERT);
        TableFill gmtModified = new TableFill("gmt_modified",FieldFill.INSERT_UPDATE);
        ArrayList<TableFill> tableFills = new ArrayList<>();
        tableFills.add(gmtCreate); tableFills.add(gmtModified);
        strategy.setTableFillList(tableFills);

        // 乐观锁
        strategy.setVersionFieldName("version");
        strategy.setRestControllerStyle(true);
        strategy.setControllerMappingHyphenStyle(true);

        // localhost:8080/hello_id_2
        mpg.setStrategy(strategy);
        mpg.execute(); //执行
    }
}
UserController.java
package com.sxau.sringbootjwt.controller;


import com.alibaba.fastjson.JSON;
import com.sxau.sringbootjwt.mapper.UserMapper;
import com.sxau.sringbootjwt.pojo.User;
import com.sxau.sringbootjwt.service.UserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.CrossOrigin;
import org.springframework.web.bind.annotation.RequestMapping;

import org.springframework.web.bind.annotation.RestController;

import java.util.HashMap;
import java.util.List;
import java.util.Map;

/**
 * <p>
 *  前端控制器
 * </p>
 *
 * @author 张晟睿
 * @since 2021-07-05
 */
@RestController
@RequestMapping("/user")
public class UserController {
    @Autowired
    private UserService userService;
    @CrossOrigin
    @RequestMapping("/getAllUser")
    public String getAllUser(){
        Map<String,Object> resultData=new HashMap<String, Object>();
        List<User> users = userService.selectAllUser();
        resultData.put("ret","1");
        resultData.put("data",users);
        resultData.put("msg","成功");
        return JSON.toJSONString(resultData);
    }

    @CrossOrigin
    @RequestMapping("/findUserById")
    public String findUserById(Integer id){
        Map<String,Object> resultData=new HashMap<String, Object>();
        User userById = userService.findUserById(id);
        resultData.put("ret","1");
        resultData.put("data",userById);
        resultData.put("msg","成功");

        return JSON.toJSONString(resultData);
    }

    @RequestMapping("/findUserByAge")
    public String findUserByAge(Integer age){
        Map<String,Object> resultData=new HashMap<String, Object>();
        List<Map<String, Object>> userListAge = userService.findUserListAge(age);
        resultData.put("ret","1");
        resultData.put("data",userListAge);
        resultData.put("msg","成功");
        return JSON.toJSONString(resultData);
    }

    @RequestMapping("/hello")
    public String hello(){
        return "hello,springboot";
    }
}
UserMapper.java
package com.sxau.sringbootjwt.mapper;


import com.baomidou.mybatisplus.core.mapper.BaseMapper;
import com.sxau.sringbootjwt.pojo.User;

public interface UserMapper extends BaseMapper<User> {
}
User.java
package com.sxau.sringbootjwt.pojo;

import com.baomidou.mybatisplus.annotation.*;
import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;

import java.util.Date;

@Data
@NoArgsConstructor
@AllArgsConstructor
public class User {

    //主键自增配合 数据库主键自增使用
    @TableId(type = IdType.AUTO)
    private Long id;
    private String name;
    private int age;
    private String email;

    @TableLogic
    private Integer deleted;    //逻辑删除

    @TableField(fill = FieldFill.INSERT)
    private Date createTime;   //开始时间
    @TableField(fill = FieldFill.INSERT_UPDATE)
    private Date updateTime;  //更新时间


}
UserService.java
package com.sxau.sringbootjwt.service;


import com.sxau.sringbootjwt.pojo.User;

import java.util.List;
import java.util.Map;

/**
 * <p>
 *  服务类
 * </p>
 *
 * @author 张晟睿
 * @since 2021-07-05
 */
public interface UserService {
    List<User> selectAllUser();

    User findUserById(Integer id);

    List<Map<String, Object>> findUserListAge(Integer age);
}
UserServiceImpl.java
package com.sxau.sringbootjwt.service.impl;


import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
import com.sxau.sringbootjwt.mapper.UserMapper;
import com.sxau.sringbootjwt.pojo.User;
import com.sxau.sringbootjwt.service.UserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.util.List;
import java.util.Map;

/**
 * <p>
 *  服务实现类
 * </p>
 *
 * @author 张晟睿
 * @since 2021-07-05
 */
@Service
public class UserServiceImpl implements UserService {
    @Autowired
    UserMapper userMapper;
    @Override
    public List<User> selectAllUser() {
        List<User> users = userMapper.selectList(null);
        return users;
    }

    @Override
    public User findUserById(Integer id) {
        User user = userMapper.selectById(id);
        return user;
    }

    @Override
    public List<Map<String, Object>> findUserListAge(Integer age) {
        QueryWrapper<User> wrapper = new QueryWrapper<>();
        wrapper.gt("age",age);
        List<Map<String, Object>> maps = userMapper.selectMaps(wrapper);

        return maps;
    }
}
输出格式化P6SpySqlLog.java
package com.sxau.sringbootjwt.utils;import com.p6spy.engine.spy.appender.MessageFormattingStrategy;import java.text.SimpleDateFormat;import java.util.Date;public class P6SpySqlLog implements MessageFormattingStrategy {    private SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss:SSS");    @Override    public String formatMessage(int connectionId, String now, long elapsed, String category, String prepared, String sql, String s4) {        return !"".equals(sql.trim()) ? this.format.format(new Date()) + " | cost " + elapsed + " ms | " + category + " | connection " + connectionId + "\n " + sql + ";" : "";    }}
SpringBoot主启动类
package com.sxau.sringbootjwt;import org.mybatis.spring.annotation.MapperScan;import org.springframework.boot.SpringApplication;import org.springframework.boot.autoconfigure.SpringBootApplication;import org.springframework.context.annotation.ComponentScan;@MapperScan("com.sxau.sringbootjwt.mapper")//@ComponentScan("com.sxau.sringbootjwt.handle")@SpringBootApplication(scanBasePackages = "com")public class SringbootjwtApplication {    public static void main(String[] args) {        SpringApplication.run(SringbootjwtApplication.class, args);    }}
数据库表设计

image-20210706135316899

插入数据

    INSERT INTO `user` (`id`, `name`, `age`, `email`, `deleted`, `create_time`, `update_time`) VALUES (1, 'Jone', 18, 'test1@baomidou.com', 0, NULL, NULL);
        INSERT INTO `user` (`id`, `name`, `age`, `email`, `deleted`, `create_time`, `update_time`) VALUES (2, 'Jack', 20, 'test2@baomidou.com', 0, NULL, NULL);
        INSERT INTO `user` (`id`, `name`, `age`, `email`, `deleted`, `create_time`, `update_time`) VALUES (3, 'Tom', 28, 'test3@baomidou.com', 0, NULL, NULL);
        INSERT INTO `user` (`id`, `name`, `age`, `email`, `deleted`, `create_time`, `update_time`) VALUES (4, 'Sandy', 21, 'test4@baomidou.com', 0, NULL, NULL);
        INSERT INTO `user` (`id`, `name`, `age`, `email`, `deleted`, `create_time`, `update_time`) VALUES (5, 'Billie', 24, 'test5@baomidou.com', 0, NULL, NULL);
        INSERT INTO `user` (`id`, `name`, `age`, `email`, `deleted`, `create_time`, `update_time`) VALUES (201916129, '张三', 20, '1016942589@qq.com', 1, NULL, '2021-07-03 16:15:38');
        INSERT INTO `user` (`id`, `name`, `age`, `email`, `deleted`, `create_time`, `update_time`) VALUES (201916137, '李丽1', 20, '1016942589@qq.com', 0, '2021-07-03 18:21:56', '2021-07-04 11:49:51');
        INSERT INTO `user` (`id`, `name`, `age`, `email`, `deleted`, `create_time`, `update_time`) VALUES (201916141, '渣渣辉1', 50, '1016942589@qq.com', 0, '2021-07-04 14:49:04', '2021-07-04 14:49:04');
        INSERT INTO `user` (`id`, `name`, `age`, `email`, `deleted`, `create_time`, `update_time`) VALUES (201916142, '渣渣辉2', 10, '1016942589@qq.com', 0, '2021-07-04 14:49:48', '2021-07-04 14:49:48');
测试后端接口

image-20210706135527394

image-20210706135624927

image-20210706135737486

二、axios基本使用

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>	
<!--使用默认方式发送无参请求-->	
<script>		
axios({url: 'http://localhost:10086/user/getAllUser'}).then(res=>{
console.log(res);
})	
</script>

axios发送get请求

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<!--使用get方式发送无参请求-->
<script>
	axios({
		url: 'http://localhost:10086/user/getAllUser',
		method: 'get'
	}).then(res=>{
		console.log(res);
	})
</script>
第一种：使用get方式发送有参请求
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
		<!--使用get方式发送有参请求-->
		<script>
			axios({
				url: 'http://localhost:10086/user/findUserById?id=1',
				method: 'get'
			}).then(res=>{
				console.log(res);
			})
</script>

第二种：使用get方式发送有参请求
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
		<!--使用get方式发送有参请求-->
		<script>
			axios({
				url: 'http://localhost:10086/user/findUserById',
				method: 'get',
				params:{
					id: '1'
				}
			}).then(res=>{
				console.log(res);
			})
		</script>

axios发送post请求

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<!--使用post方式发送无参请求-->
<script>
axios({url: 'http://localhost:10086/user/getAllUser',method:'post'})
.then(res=>{
console.log(res);
})
</script>

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<!--使用post方式发送有参请求-->	
<script>		
axios({url: 'http://localhost:10086/user/findUserByAge',			data:{age:'20'},
method: 'post'
}).then(res=>{
console.log(res);
})
</script>

后台控制器接收到的name null axios使 用post携带参数请求默认使用application/ json
解决方式- : params属性进行数据的传递
解决方式二: "name=张三”
解决方式三:服务器端给接收的参 数加上@reques tBody

三、axios简写使用

<!--使用get方式发送单个参请求-->
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>		
<script>			
axios.get('http://localhost:10086/user/findUserById',{params:{id:1}})
.then(res=>{
console.log(res);
}).catch(err=>{
console.log("timeout");				
console.log(err);			
})
</script>

<!--使用get方式发送多个参数请求-->
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>		
<script>			
	axios.get('http://localhost:10086/user/findUserById',{params:
	{id:1,name:zhangsan}})
	.then(res=>{				
	console.log(res);			
	}).catch(err=>{				
	console.log("timeout");				
	console.log(err);			
	})
</script>
推荐使用
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script>		
axios.post('http://localhost:10086/user/findUserById','id=1')
.then(res={			
console.log(res);		
}).catch(err=>{
console.log("timeout");			
console.log(err);		
})
</script>
//发送post请求携带参数	直接使用'id=1&name=jack'

//这种情况下通过data传值  值能传递过去 但是拿到的值为not found
//使用data传递数据后台需要将axi so自动装换的json数据装换为java对象//修改后台代码
接受参数用@requestBody注解
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
		<script>
			axios.post('http://localhost:10086/user/findUserById',{id: 1}).then(res=>{
				console.log(res);
			}).catch(err=>{
				console.log("timeout");
				console.log(err);
			})
</script>

四、axios并发

第一种方式
//通过并发拿到all里面的两个get请求的数组
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
		<script>
			axios.all([
				axios.get('http://localhost:10086/user/getAllUser'),
				axios.get('http://localhost:10086/user/findUserByAge',{params:{age:20}})
			]).then(res=>{
				console.log(res);
			}).catch(err=>{
				console.log("timeout");
				console.log(err);
			})
</script>

image-20210706173737127

第二种方式
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
		<script>
			axios.all([
				axios.get('http://localhost:10086/user/getAllUser'),
				axios.get('http://localhost:10086/user/findUserByAge',{params:{age:20}})
			]).then(
				axios.spread((res1,res2)=>{
					console.log(res1);
					console.log(res2);
				})
			).catch(err=>{
				console.log("timeout");
				console.log(err);
			})
		</script>

image-20210706174103260

五、全局配置

<script>
		axios.defaults.baseURL='htttp://localhost:10086/user';
		axios.defaults.timeout=5000;
		
		axios.get('getAllUser').then(res=>{
			console.log(res);
		});
		
		axios.post('findUserById','id=1').then(res=>{
			console.log(res);
		}).catch(err=>{
			console.log(err);
		})
</script>
java厂长
关注
专栏目录
vue使用axios与springboot前后端交互
weixin_44565301的博客
06-18 1178
2. 前端配置axios 3.springboot常用传参注解
结合Vue+axios+SpringBoot开发的用户管理系统
12-15
结合Vue+axios+SpringBoot开发的用户管理系统，包括整合mybatis，实现前后端分离，满足一个基本用户管理系统的增删改查
axios请求SpringBoot数据接口
m0_51179717的博客
12-30 555
axios 配合 springboot 使用Demo
方阙的博客
10-16 427
axios 配合 springboot 使用Demo 文章目录axios 配合 springboot 使用Demo普通get请求POST请求1. 普通 post 请求2. 发送entity1. 使用qs发送2. 不使用qs, 后台接收使用 @RequestBody3.发送entity, 其中entity里面有List1. 使用qs发送2. 不使用qs, 后台接收使用 @RequestBody4.发送List1. 使用qs发送(暂无)2. 不使用qs, 后台接收使用 @RequestBody 普通get请求
Vue——利用axios访问spring boot后台数据和处理静态（七）
xiaonuolen
06-01 1587
1.安装npm install axios --save 2 导入import axios from 'axios' 3 配置使用Vue.prototype.axios = axios 4 Vue使用 let that = this; this.axios({ method: 'post', url:'/test', dataType: "json", ...
基于springboot+shiro+redis+ssm+mysql+vue+elementUI+axios的论坛系统+文档
11-11
后端：ssm + springboot + shiro + redis + mysql 前端：vue + elementUI + axios 对于shiro和redis不熟悉的同学不要怕，在本项目中只要求你掌握shiro和redis的基础即可，项目中并不会用的很多很难。 <项目介绍> ...
JAVA毕业设计之基于springboot+vue的游戏交易系统(springboot+mysql)完整源码.zip
最新发布
06-18
在这个系统中，JPA用于实现Java对象与MySQL数据库之间的映射和交互。 Spring Data JPA：一个用于简化JPA开发的库，它提供了一些便捷的注解和接口。在这个系统中，Spring Data JPA用于简化数据库操作和数据访问层的...
springboot＋vue实战（音乐网站）
07-03
5. **数据访问**：SpringBoot支持多种数据库，如MySQL、MongoDB等。在这个项目中，我们可能会使用JPA（Java Persistence API）与数据库进行交互，配合`@Entity`、`@Repository`等注解实现ORM。 ### Vue.js 知识点 ...
yunxiao:基于springboot + vue + mysql 搭建的商城项目
05-01
同时，使用axios库进行前后端通信，调用后端提供的API接口。 4. **界面设计**：采用Vue的组件化思想，将界面拆分为可复用的组件，如商品列表组件、购物车组件、用户登录注册组件等，提高代码的复用性和可维护性。 ...
基于vue+springboot+mysql的垃圾分类管理系统（源码+数据库），web全栈开发学习，可用于毕业设计、java课设
06-19
基于vue+springboot+mysql的垃圾分类管理系统 前端采用的是VUE Cli3脚手架生成，前后端通信使用了vue基于ajax封装的axios，组件开发使用的饿了吗的element 后端使用的半自动化的orm框架--mybatis，springboot版本为...
axios与mysql_细谈 axios和ajax区别
weixin_29215815的博客
02-06 193
刚刚接触axios有好多疑惑。它和ajax有什么关系呢和区别呢？接下来一起看下：1.区别axios是通过promise实现对ajax技术的一种封装，就像jQuery实现ajax封装一样。简单来说： ajax技术实现了网页的局部数据刷新，axios实现了对ajax的封装。axios是ajax ajax不止axios。下面列出代码来对比一下：axios：axios({url: '/getUsers',...
axios + MySQL初始 + 懒加载(demo含代码) -- 大二上第三周
weixin_50948265的博客
09-21 257
目录axiosMySQL懒加载 axios axios用于浏览器和node.js的基于Promise的HTTP客户端，是同构的（可以在具有相同代码库的浏览器和node.js中运行）。在服务器端使用本地node.js的http模块，在客户端（浏览器）使用XMLHttpRequests 执行get请求 const axios = require('axios'); axios.get('/user?ID=12345') .then(function (resquest) { con
p6spy监测mysql_P6Spy监控你的Spring boot数据库操作
weixin_39568889的博客
01-28 404
一、简介：p6Spy通过劫持JDBC驱动，在调用实际`JDBC`驱动前拦截调用的目标语，达到`SQL`语句日志记录的目的。它包括`P6Log`和`P6Outage`两个模块。P6Log 用来拦截和记录任务应用程序的 JDBC 语句P6Outage 专门用来检测和记录超过配置条件里时间的 SQL 语句二、使用步骤：1.导入pomp6spyp6spy3.8.12.在 spy.properties中指定...
格式化打印mybatis的SQL语句
yuayi3136的博客
06-15 4408
痛点：默认的mybatis打印的SQL语句格式不带参数，使用占位符代替，有==》等多余字符，不可定制。影响阅读（个人觉得）。 解决：打印的mybatis的SQL语句根个人在图形化工具中写的一样。可自定义输出的格式。 先介绍一下我的环境，传统的SSM项目、日志打印使用的logback。 格式化mybatis打印SQL语句步骤： 1、导入jar包 通过maven的形式添加依赖 <...
（九）axios前后端跨域数据交互--基于SpringBoot+MySQL+Vue+ElementUI+Mybatis前后端分离面向小白管理系统搭建
wdyan297的博客
01-22 6127
本次任务应用axios，实现前后端跨域数据交互。（1）掌握axios的使用方法，包括全局设置；（2）Element中``对话框使用，并实现数据增加；（3）指定记录删除，以及批量数据删除；（4）Element中``对话框使用，并实现指定记录修改。
【SpringBoot应用篇】SpringBoot集成p6spy格式化SQL
拾一二的博客
08-17 7251
P6Spy 的一个非常典型的用例是启用 SQL 日志记录来解决开发过程中的各种数据库相关问题。 springboot集成P6Spy，mybatis,用的application.properties，配置直接复制可用 1.pom.xml添加依赖 <dependency> <groupId>p6spy</groupId> <artifactId>p6spy</artifactId> <version>3
SpringBoot使用p6spy监控数据库
lixianhe的博客
06-08 1万+
SpringBoot使用p6spy监控数据库
MessageFormat详解
热门推荐
m0_52571715的博客
11-29 1万+
MessageFormat详解 文章目录MessageFormat详解源码解析用法详解初始化使用方式使用注意点 源码解析 用法详解 用法详解 MessageFormat，使用静态方法format()的时候效率不如字符串拼接 初始化 初始化详解 使用静态方法format() String result = MessageFormat.format("{0} -> {1}", "Hello", "world") // Hello -> world 创建公用对象使用 Messa
MessageFormat用法
scyy
08-04 379
MessageFormat用来格式化一个消息，通常是一个字符串，比如： String str = "I'm not a {0}, age is {1,number,short}", height is {2,number,#.#};   而MessageFormat可以格式化这样的消息，然后将格式化后的字符串插入到模式中的适当位置，比如： 将str中的{0}用"pig"替换，{1,numb...
springboot+vue架构图
05-25
下面是一个简单的springboot+vue的架构图： ...后端使用Spring Boot框架来构建RESTful API，其中Spring Data JPA用于与MySQL数据库进行交互。前后端通过RESTful API进行通信，后端使用Axios库向前端发送HTTP响应。
评论 16
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

java厂长

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值