springboot、vue项目例子

以下是一个简单的 Spring Boot 后端项目和 Vue 前端项目的示例：

Spring Boot 后端项目：

项目名：spring-demo

功能：提供一个 RESTful API 接口，返回一个包含当前时间的 JSON 格式数据。

@RestController
public class DemoController {
    @GetMapping("/api/time")
    public Map<String, String> getTime() {
        Map<String, String> map = new HashMap<>();
        map.put("time", LocalDateTime.now().toString());
        return map;
    }
}

Vue 前端项目：

项目名：vue-demo

功能：调用 Spring Boot 后端项目的 RESTful API 接口，显示返回的当前时间。

<template>
  <div class="home">
    <h2>Current Time: {{ time }}</h2>
  </div>
</template>

<script>
export default {
  data() {
    return {
      time: ''
    }
  },
  created() {
    this.fetchTime();
  },
  methods: {
    fetchTime() {
      axios.get('/api/time').then(response => {
        this.time = response.data.time;
      });
    }
  }
}
</script>

在 Vue 前端项目中，我们使用了 axios 库来发送 GET 请求，获取 Spring Boot 后端项目返回的数据，并将时间显示在页面上。

这只是一个简单的示例，您可以根据您的需求和喜好来开发更复杂的项目。