Springboot +vue概述笔记

目录

前后端分离结构 

路由

Springboo项目建立

yml文件配置

entity的实体类

repository

测试类

一些注解的整理

---

视频链接：

前后端分离结构 

路由

把名字和真实资源形成映射

Springboo项目建立

yml文件配置

不用 application prope那个

spring:
  datasource:
    url: jdbc:mysql://localhost:3306/your_database?useUnicode=true&characterEncoding=UTF-8&serverTimezone=UTC
    username: root//
    password: 111111//记得修改这里成自己的
    driver-class-name: com.mysql.cj.jdbc.Driver
  jpa:
    show-sql: true
    properties:
      hibernate:
        format_sql: true//格式化 防止输出是一整行的形式

server:
  port: 8181//前端vue项目已经启动 改一下端口号 

数据库导入

MySQL导入sql文件的三种方法-CSDN博客

entity的实体类

repository

=========================================================================

简洁版

测试类

建立在测试类的代码//还不太懂 再补一补bean Autowired这里

package com.example.demo.repository;

import org.junit.jupiter.api.Test;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.boot.test.context.SpringBootTest;

import static org.junit.jupiter.api.Assertions.*;
@SpringBootTest
class BookRepositoryTest {
    @Autowired
    private BookRepository bookRepository;
@Test
    void findAll(){
    System.out.println(bookRepository.findAll());

    }
}

一些注解的整理

axios

Axios 是一个基于 Promise 的 HTTP 客户端，用于浏览器和 Node.js 环境。它可以让你在客户端和服务器之间发送异步 HTTP 请求。Axios 提供了许多强大的功能，如拦截请求和响应、自动转换 JSON 数据等，使得在处理 HTTP 请求时变得更加简单和灵活。

axios举例

// 引入 Axios 库
const axios = require('axios');

// 发起 GET 请求
axios.get('https://jsonplaceholder.typicode.com/posts/1')//访问这个url
  .then(response => {
    // 请求成功，处理响应数据
    console.log('Response:', response.data);//回调
  })
  .catch(error => {
    // 请求失败，处理错误
    console.error('Error:', error);
  });

// 发起 POST 请求
axios.post('https://jsonplaceholder.typicode.com/posts', {
    title: 'foo',
    body: 'bar',
    userId: 1
  })
  .then(response => {
    // 请求成功，处理响应数据
    console.log('Response:', response.data);
  })
  .catch(error => {
    // 请求失败，处理错误
    console.error('Error:', error);
  });

 Element  UI的用法

问：这里的：是什么意思