Quartz 4

前后端交互快速入门

1 min read

创建项目

创建项目方式选择Spring Initializr

勾选Lombok和Spring Web后创建

创建后，等依赖下载完成

启动项目，验证Spring项目是否曾经成功

后端

创建DemoController

package com.example.demo;
 
import org.springframework.web.bind.annotation.CrossOrigin;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;
@CrossOrigin //允许跨域
@RestController
public class DemoController {
 
    @GetMapping("/")
    public String index() {
        return "Hello World!";
    }
}

前端

创建demo.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试接口</title>
</head>
<body>
    <script src="https://cdn.bootcss.com/axios/0.18.0/axios.min.js"></script>
    <script>
        axios.get('http://localhost:8080/').then(response => {
            console.log(response.data)
        })
    </script>
</body>
</html>

运行

按F12打开浏览器控制台查看

Graph View